Projects
CSS Scales
Accessible color scales with CSS gradients.
Saints of the Week
Weekly illustrations with a few background-image effects.
Clippy
Shape up your website with CSS clip-paths.
Weatherman
Generate a natural language weather forecast.
Gradients
New background possibilities with background-blend-mode.
air2048
Wave at the numbers and get the 2048 tile.
CSSynth
Run CSS animations in order.
time.lapse.co
Create a timelapse video with your webcam.
Flexplorer
Generate flexbox code for lists.
Filters Playground
Try out the CSS filter property.
Articles
CSS Blend Modes could be the next big thing in web design
Exploring the possibilities of CSS blend modes.medium.com
The CSS filter property in action
Featured in .net magazine issue #241..net magazine
Animated Navigation Icons with CSS Transforms
Explaining how to make the morphing menu icon.sarasoueidan.com
Demos
Screen rotation
How screen orientation changes should look.
Tick Tock
Looping clock in HTML and CSS.
Piano
Playable little keyboard with HTML, CSS, and Beeplay.js.
Navicon Transformicons
Trending icon transformation. Now seen on websites of Apple, Google, CNN, and Starbucks.
Smoky Text
Text effect using a text-shadow animation.
Typographical Snowflakes
Create snowflakes with letters.
Toggles
Concepts of toggle buttons.
Twitter Button Concept
Live Twitter button container.
Filters Gallery
Concept using the CSS filter property.