uiGradients * Attribute Modules for CSS * Nice Portfolio * Instacam * React Components * CommonMark * Regular
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 couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.
Plain Pattern * Impulse * jQuery FocusPoint * A Single Div * Native responsive images * Gush * Swipe to Peep
Monocle List * Prebrowsing * Transactional email templates * Satellizer * Senna * Duo * Must-Watch CSS * sweep.js * The Stocks
An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline media queries to make SVGs adaptive.
Look and Feel * Beautiful Open * Hextris * JS RegEx * Typ.io * A Better 404 Page * DesignersPics * ColorRun * PerfBar
CSS Shapes * WTF, forms? * Smart use of :target * Responsive Images Done Right * Filtrex * October * Octotree * Stashhh.me * Finch
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.