A nice, simple approach to making a pure CSS slideshow.

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.

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

A modern CSS framework — versatile, well documented.

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

via Articles on Smashing Magazine — For Web Designers And Developers http://bit.ly/2ibDzra

Test your UX/design skills

"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."

Examples of user flow patterns, eg. sign-up, onboarding, etc.