argyleink/gui-challenges

Stars
2,781
Rank 16,382 (Top 0.4 %)
Language
HTML
License
Apache License 2.0
Created over 4 years ago
Updated 4 months ago

argyleink/gui-challenges

argyleink

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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

GUI Challenges

I build interfaces my way, then challenge you to do it your way. With our creative minds combined, we'll find multiple ways to solve these interfaces and expand the diversity of our skills.

Stories Demo YouTube Article
Centering Demo YouTube Article
Sidenav Demo YouTube Article
Tabs Demo YouTube Article
Settings Demo YouTube Article
Split Text Demo YouTube Article
Media Scroller Demo YouTube Article
Color Schemes Demo YouTube Article
Breadcrumbs Demo YouTube Article
Switch Demo YouTube Article
Split Buttons Demo YouTube Article
Multi-Select Demo YouTube Article
Game Menu Demo YouTube Article
Toast Demo YouTube Article
Theme Switch Demo YouTube Article
SVG Favicon Demo YouTube Article
Loading Bar Demo YouTube Article
Dialog Demo YouTube Article
Buttons Demo YouTube Article
FABs Demo YouTube Article
Carousels Demo YouTube
Crooked Grid Illusion Demo YouTube Article
Tooltips Demo YouTube Article
Transitions Demo YouTube
Card Stack Demo YouTube
Spring Physics Demo YouTube
Glitch Demo YouTube
Switch Group Demo YouTube
SciFi Scroll Text Demo YouTube
okLCH Color Palettes Demo YouTube

open-props

CSS custom properties to help accelerate adaptive and consistent design.

transition.css

:octocat: Drop-in CSS transitions

ragrid

:octocat: Intrinsic first auto-layout flexbox grid

blingblingjs

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

morphull

Astro starter powered by MPA view transitions

conic.css

nice'n simple conic gradients 🎨

shortstack

🥞 minimal Rollup + PostCSS modern syntax starter template

roving-ux

stateful roving index for web ui

scrollyfills

grab and go polyfill functions for web scroll features

ScrollSnapExplainers

slyd

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

twop

tailwind += open props

vite-postcss-preset-env

Kung-Fury-Theme

80's dark retro theme for VS Code and Sublime Text

Bolt

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

2022-css-day_oh-snap

Google-IO-2021-Workshop_User-Adaptive-Interfaces

chat-ui

💬 rich message handling chat interface for bot projects

snowpack-template-preset-env

babel and postcss at latest with browserlist powered preset-env

slyd-starter

clone and go Slyd starter kit

css-at-cds

links to demo's and docs from our talk at Chrome Dev Summit 2019

scrollend-explainer

argyleink

houdini-tabs

WIP: scroll-snap-points + ScrollTimeline + Houdini AnimationWorklet

css-n-js

houdini-static-gradient

a houdini paint worklet with a retro static gradient effect

HTML5-ClearUI

Node, Mongo, Zepto, HTML5

Android-Webapp-Boilerplate

The project code needed to make a single webview android app

coinsafe

PWototype demo for JScamp 2019 presentation

london-css-2020

jscamp

talk for JScamp 2019 in Barcelona

NintendoSwitch.tmTheme

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

JS-Web-App-Starter

Vagrant/Nginx/Express/MySQL/Grunt/Jade/Stylus

app-img

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

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!

iOS-Webview-Boilerplate

browserify-babel

Quickstart for playing with ES6 Babel and Browserify

prefers-reduced-data-explainer

surfin

RxState

💊 Turn any object or array into a reactive store

2021-csscamp-css-color

Leap-Motion---Finger-Tracking

JavaScript gesture and pointer following mechanism with CSS

DieAntsDie

ActionScript 3.0 port to Lua

csscamp

Greensock-Touch-Carousel

jack

repo for local wordpress build

N-Gon

Virtualized infinite sided cube, touch enabled bi-directional rotation

adobe-dreamweaver-fun-cs6-demo

hd-color-bugs

a stash of issues and bugs found while using new HD color functions in CSS

jQuery-Mobile-Ratio-Boilerplate

Android-Full-Screen-Webview-Seed

Use this for a quick android project that points to your dev environment

affilicats

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

parcel-cssNext-esNext

⚡️ Hot load CSS and JS with no state loss, build a site with the powers of Jade

Parallax-JS

Sideways! Parallax page generator from simple HTML & CSS

bash_profile

jade-cssnext-babel-webpacked

⚡️ Build a multipage site with Jade and Webpack, where each page is created from a bundle entry file