CSS Shapes * WTF, forms? * Smart use of :target * Responsive Images Done Right * Filtrex * October * Octotree * Stashhh.me * Finch
Welcome to THE ultimate resource for creatives. Up-to-the-minute updates from over 180 of your favorite design/dev/photo blogs around the web, all in one place... Stay a while!
We also contribute our own content to the design community. View our Original Posts.
A set of 32 Hipster badges designed by Vecteezy. The überfashionable badges come in different file formats, including PNG and vector with editable fonts.
A tutorial on how to achieve the grid loading effect seen on the "Design Samsung" site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.
Some inspiration for a morphing button concept where the action element (button) morphs into a component. The examples show different types of components, i.e. fullscreen overlay, modal window, sidebar and more.
WebComponents.org * Make a Bubble Map * Quill * rangeslider.js * Physical Typography * Beginner's Guide to Node.js
CSS Shapes 101 * Web Fundamentals * Velocity.js * GestureKit * Panoramic * Codassium
CSS True Titles * Sorting * Isomer * Inline SVG vs Icon Fonts * Project Parfait * Politespace * Hutt * seen.js
A set of really nice and modern animated GIF preloaders by PixelBuddha. The colorful set comes with seven unique square style activity indicators in three sizes and the Adobe After Effects file.
A set of creative page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation while new content gets loaded.
CSS Timing Functions * shine.js * VLEX * CSS Vocabulary * PourOver * Jeet * Trianglify * Prototypo
Post Flat Design * GitHub Cheat Sheet * steps() * CSS and SVG Masks * Color Picker * Treed * Cognitive Lode * Torpedo
A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a success and error state to indicate the final status.
Google Night Walk * Font-To-Width * GitBook * Magic of CSS * GridList * Infinite Creativity * Resource Lists
A very simplistic form interface that shows only one text input at a time and reveals the next input with a subtle transition. The concept is based on the form at the bottom of the PageLanes website.
devices.css * WTF, HTML and CSS? * Clean CSS * Srcset and sizes * Dribbbox * Velositey * Soundslice