background preloader

CSS Drive- Categorized CSS gallery and examples.

CSS Drive- Categorized CSS gallery and examples.

http://www.cssdrive.com/

Related:  colorINSPIRATIONS

All Themes View All ThemesMost PopularMost UsedRandom Theme 12 0 0 0 landscape 0 0 0 Playful Interaction for Draggable Elements A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position. View demo Download source Today we’d like to share two tiny fun interaction experiments with you. The first one is inspired by Rally Interactive’s Dribbble shot. We wanted to create a playful dragging interaction that will morph and animate an element depending on its position. 32 Amazing Mini vCard Websites with Slick Javascript Animation Startup Framework Close 2009, Aug 12 // Kevin Liew // 25 comments // Inspirations 32 Amazing Mini vCard Websites with Slick Javascript Animation Advertisement

Web Design Ledger Do you ever notice how familiar web content always seems to catch that twinkle in your eye? Fewer distractions allow for quicker reading material – and in these crazy times with Twitter and Justin Bieber it helps to remove as many distractions as possible. Another element which can help readers achieve deeper focus in a […] In an old converted barn just outside of Seattle you’ll find Invisible Creature, a graphic design studio run by Don and Ryan Clark. They’re brothers who produce fantastic artwork, illustrations, and all forms of design from interfaces to print & product design.

17 More PSD To HTML Tutorials Website designing in Photoshop gives you full freedom to check the outcome but it can also worry you to code it to make it live. Now that’s where PSD to HTML tutorials comes handy and today we have come up with some more tutorials to enliven your designs. How to Code a Grunge Web Design from Scratch Color Name & Hue It is always a problem for me to assign a certain color to a main hue. If you struggle also with this because of your color blindness, Color Name & Hue might help you. Try it out. With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue. It is also possible to just use the sliders to see how color hues are changing.

The Gooey Effect The following is a post by Lucas Bebber. Lucas the originator of some of the most creative effects I've ever seen on the web. So much so I couldn't resist blogging about them myself several times. Much better this time: we got the man himself to explain how SVG filters work and how you can use them to create a very cool gooey effect.

50 Beautiful Clean and Simple Web Designs When it comes to web design, my experience demonstrates to me that it’s easier to add to a design rather than to take away from it. The challenge with minimalist layouts lies in the conundrum of making something beautiful with basic design elements —and with as few of them as possible. Lately, I’ve been attracted to simple and clean designs. Design Instruct is a testament to my affinity towards creating designs that present the idea of "less is more." In this collection are masterfully created minimalist designs for your inspiration in your current and future work. Best CSS Gallery My Ripcurl Shop 5 Votes, Rating: 4.4 Alexandre Gomes 9 Votes, Rating: 3.89 Sephora Claus

Related:  Infographics, Apps & Funscripts & brickszeynepartokweb development