background preloader

Dynamic Drive CSS Library

Dynamic Drive CSS Library

http://www.dynamicdrive.com/style/

Related:  liorazakai

CSS Play Below is a list of CSS demonstrations that range from the simplest for beginners, to the most complex for advanced users. If you do not find what you are looking for then please contact me with your requirements and I will let you know if it is possible using just CSS. Avatar ParadeSimple image display using :hover. What's on TVAnother method of displaying images using :hover. A photograph galleryA photo gallery using thumbnail images. A photograph gallery - with links » 20-02-2009A photo gallery using thumbnail images amd linking to large images. The @Font-Face Rule And Useful Web Font Tricks Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there.

Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling Whatever content we have, we can present them in an interactive & more responsive ways with CSS styling only. In this article we’d like to present 10 Impressive techniques using pure CSS styling to create simple and interactive website without using Javascript at all. How To Create a Pure CSS Polaroid Photo Gallery HOW TO: Optimize Your Content for the Cloud PJ Gurumohan is the co-founder and CEO of GENWI, a cloud-based mobile presence creation and management platform. He holds two patents in wireless technology, has authored several journal articles, routinely speaks at technology conferences and has held various engineering positions at IBM and US Airways. The smartphone is increasingly becoming the interface through which people process the world around them. Welcome to Generation Wireless!

Ecommerce Website Templates These free ecommerce website templates are ideal for anyone looking to create a professional looking ecommerce website without breaking the bank. Note that the templates provide only the visual design (shopping cart functionality is not included). However, you can use this visual design as a front end to your shopping cart application. Feel free to modify any template as you wish! To use an ecommerce website template: Download the template of your choice Unzip the files into your chosen directory Add your own content (and modify template as you wish) Upload to your hosting provider.

CSS Swag: Multi-Column Lists One of the minor holy grails of XHTML and CSS is to produce a single, semantically logical ordered list that wraps into vertical columns. The ideal situation, in my view, would be a single XHTML list whose wrapping is controlled entirely by CSS. Further, the wrapped list should tolerate text resizing (easily accomplished by styling everything in ems). CSS and the browsers that support it don’t yet provide us with “vertical wrap,” so we have to augment basic list markup with additional attributes and styling rules to achieve the effect. I’ll take you there—or as close as we can get using today’s browsers—but along the way let’s look at a variety of ways to accomplish a similar effect.

Creative Button Styles Some creative and modern button styles and effects for your inspiration. View demo Download source Today we would like to give you some button inspiration. This button set consists of some simple, creative and subtle styles and effects to inspire you. Nivo Slider - The Most Awesome jQuery Image Slider jQuery & WordPress Image Slider The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. There is literally no easier way to make your website look totally stunning.

10 Awesome Free Tools To Make Infographics Advertisement Who can resist a colourful, thoughtful venn diagram anyway? In terms of blogging success, infographics are far more likely to be shared than your average blog post. How to Make a Smokin’ Nightclub Flyer Tutorials November 28, 2011 Nightclub flyers are a staple of club events and parties. Like other promotional tools, they should provide the who, what, where and when of the event.

Learn CSS Positioning in Ten Steps: position static relative absolute float 1. position:static The default positioning for all elements is position:static, which means the element is not positioned and occurs where it normally would in the document. Normally you wouldn't specify this unless you needed to override a positioning that had been previously set. Animating CSS3 Gradients The CSS3 Transitions spec maintains a list of properties that are animatable. This list, as far as I know, covers animatable properties for both transitions and keyframe animations. But that’s a list of properties. And so, since CSS3 gradients are not really properties, but are actually images created by the browser, they aren’t in that list of animatable properties. But that doesn’t mean you can’t animate gradients. Gradients, just like standard images, are subject to certain background-related properties that are animatable.

100 Free High Quality WordPress Themes: 2010 Edition - Smashing Magazine Advertisement It’s hard to believe that a year has passed since our last WordPress theme collection, but there you have it — the time has come again. Once a year we feature the most useful and interesting WordPress-themes that we are collecting over months and present them in a nice quick overview. The collections from 2007, 2008 and last year are still useful, but some of the themes are outdated or updated now.

Related:  CSS Layouts & ResourcesCSScssCSS