Seattle

Adam Argyle

Elite
@argyleink

Teacher, Speaker, @CSSWG, creator of Open Props and VisBug and other CSS and design tools and interactives.

open-props. CSS custom properties to help accelerate adaptive and consistent design.

5.5k

gui-challenges. Components from the YouTube show GUI Challenges: accessible, responsive, adaptive and cross browser components.

3k

transition.css. :octocat: Drop-in CSS transitions

2k

ragrid. :octocat: Intrinsic first auto-layout flexbox grid

255

morphull. Astro starter powered by MPA view transitions

249

blingblingjs. 💲 Micro-library of shorthands for DOM selection, events, and attribute manipulation

236

conic.css. nice'n simple conic gradients 🎨

222

shortstack. 🥞 minimal Rollup + PostCSS modern syntax starter template

171

roving-ux. stateful roving index for web ui

136

scrollyfills. grab and go polyfill functions for web scroll features

124

ScrollSnapExplainers.

104

gradient-style. A CSS4 and CSS5 full features gradient generator. Join the Discord https://discord.gg/nm4mkWxF

86

slyd. Snappy, responsive, touch optimized, bi-directional presentation framework

76

twop. tailwind += open props

59

vite-postcss-preset-env. HTML

51

Bolt. ⚡ is a fast grunt based, data driven, static site seed project, for rapid web development of PWA's or JAMstack projects

39

Kung-Fury-Theme. 80's dark retro theme for VS Code and Sublime Text

36

Google-IO-2021-Workshop_User-Adaptive-Interfaces. HTML

30

2022-css-day_oh-snap. Astro

29

chat-ui. 💬 rich message handling chat interface for bot projects

21

snowpack-template-preset-env. babel and postcss at latest with browserlist powered preset-env

18

slyd-starter. clone and go Slyd starter kit

18

css-at-cds. links to demo's and docs from our talk at Chrome Dev Summit 2019

16

argyleink.

12

scrollend-explainer.

11

houdini-tabs. WIP: scroll-snap-points + ScrollTimeline + Houdini AnimationWorklet

11

css-n-js. JavaScript

10

houdini-static-gradient. a houdini paint worklet with a retro static gradient effect

10

HTML5-ClearUI. Node, Mongo, Zepto, HTML5

8

Android-Webapp-Boilerplate. The project code needed to make a single webview android app

8

Awesome-Design-Tools. The best design tools for everything.

7

JS-Web-App-Starter. Vagrant/Nginx/Express/MySQL/Grunt/Jade/Stylus

7

awesome-css-frameworks. List of awesome CSS frameworks

7

coinsafe. PWototype demo for JScamp 2019 presentation

5

Node--Express--and-Socket.io-Starter-Kit. Get started right way with a socket node app. I made this for me, but you can use it too!

5

app-img. <app-image> a lazy image loading custom element for considerate user experiences

5

london-css-2020. CSS 🎉

5

jscamp. talk for JScamp 2019 in Barcelona

5

NintendoSwitch.tmTheme. 🎮 dark theme with bubble gum code highlighting and subdued machine characters for optimal dev focus and nostalgia

4

carousel. Explainer for a set of features allowing the creation of CSS customizable carousels.

4

smoke.js. Smoke.js += Animate.css

3

affilicats. 🐈 Progressive Web App demo that showcases flaky network resilience measures (📶 or 🚫📶).

2

baseline-status. JavaScript

2

surfin. JavaScript

2

Parallax-JS. Sideways! Parallax page generator from simple HTML & CSS

2

sparkly-text. A small web component for making your text spark.

2

CSS3. The most complete CSS support for Sublime Text

2

RxState. 💊 Turn any object or array into a reactive store

2
48
Apply