web-design
HTML slides without frameworks, just CSS | Chen Hui Jing
22 hours ago by tremolo
A nice, simple approach to making a pure CSS slideshow.
web-design
css
how-to
22 hours ago by tremolo
Raster——Simple CSS Grid System
2 days ago by some_hren
Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS. This is the HTML that generates the grid you see at the top of this page.
table
web-design
css
grid
2 days ago by some_hren
Frank Chimero · Everything Easy is Hard Again
5 days ago by crankin
The web needs pockets of slowness and thoughtfulness as its reach and power continues to increase. What we depend upon must be properly built and intelligently formed. We need to create space for complexity’s important sibling: nuance. Spaces without nuance tend to gravitate towards stupidity
web
web-design
5 days ago by crankin
Teutonic CSS
5 days ago by jalilhweber
A modern CSS framework — versatile, well documented.
css
css-grid
framework
web-design
web-development
5 days ago by jalilhweber
flexbox in 5 minutes
5 days ago by jalilhweber
an interactive tour of all the major features of the new CSS property: flexbox.
What can you do here?
Take a step-by-step tour through the main properties of flexbox, including a few demos
Play to your heart's content, changing properties of the flex container and individual flex items
Copy and paste live code samples from whatever you create
css
web-design
web-development
tutorial
learn-to-code
learning
hacker-school-resources
What can you do here?
Take a step-by-step tour through the main properties of flexbox, including a few demos
Play to your heart's content, changing properties of the flex container and individual flex items
Copy and paste live code samples from whatever you create
5 days ago by jalilhweber
How To Architect A Complex Web Table — Smashing Magazine
8 days ago by some_hren
via Articles on Smashing Magazine — For Web Designers And Developers http://bit.ly/2ibDzra
web-design
8 days ago by some_hren
instant.page
9 days ago by chopsrob
"Cheating latency
instant.page uses just-in-time preloading — it preloads a page right before a user clicks on it.
Before a user clicks on a link, they hover their mouse over that link. When a user has hovered for 65 ms there is one chance out of two that they will click on that link, so instant.page starts preloading at this moment, leaving on average over 300 ms for the page to preload.
On mobile, a user starts touching their display before releasing it, leaving on average 90 ms to preload the page."
web-design
web-development
instant.page uses just-in-time preloading — it preloads a page right before a user clicks on it.
Before a user clicks on a link, they hover their mouse over that link. When a user has hovered for 65 ms there is one chance out of two that they will click on that link, so instant.page starts preloading at this moment, leaving on average over 300 ms for the page to preload.
On mobile, a user starts touching their display before releasing it, leaving on average 90 ms to preload the page."
9 days ago by chopsrob
Page Flows - user flow patterns
10 days ago by tremolo
Examples of user flow patterns, eg. sign-up, onboarding, etc.
web-design
reference
10 days ago by tremolo