Here are useful CSS3 resources for designers including, new features Selectors introduced, design enhancement, alternative rounded corners,CSS3 with jQuery, other useful tips, tricks, techniques, tutorials and plenty of quality articles and many more. We hope you will find this post helpful as it contains the best resources you may need to use these useful CSS3 techniques for your [...]
Archive for the ‘CSS Techniques’ Category
19 Apr
10 Astonishing CSS Hacks And Techniques
1 – Cross browser inline block <style> li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; margin: 5px; zoom: 1; *display: inline; _height: 250px; } </style> <ul> <li> <div> <h4>This is awesome</h4> <img src=”http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg” alt=”lobster” width=”75″ height=”75″/> </div> </li> <li> <!– etc … –> </li> </ul> Source: Cross browser inline-block property [...]
19 Apr
Best of CSS Design 2009
Since 2007, every year I do a round up of best of CSS from Best Web Gallery (check out 07 and 08 collection). Well, it is the time of the year again — Best of CSS Design 2009. This year I’ve selected another 50 nicely designed web sites. Among the list, I notice a lot of them are minimalistic [...]
19 Apr
47 Amazing CSS3 Animation Demos
Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and [...]
19 Apr
10 Best CSS Practices to Improve Your Code
It’s really easy to find yourself wondering how your CSS got to be such a mess. Sometimes it’s the result of sloppy coding from the start, sometimes it’s because of multiple hacks and changes over time. Whatever the cause, it doesn’t have to be that way. Writing clean, super-manageable CSS is simple when you start [...]
12 Apr
Cross Browser Pure CSS3 Horizontal Accordion
Just few days ago, I shared pure CSS3 vertical accordion that works in all modern browsers, including Internet Explorer. Now it is time to share its twin – a pure CSS3 horizontal accordion. It uses same markup enabling you to switch from vertical to horizontal accordion and vice versa by simply changing the class name. [...]
18 Mar
51 Form Element Resources and Tutorials Using CSS And Javascript
1. How create good looking form without table This tutorial explains how to design a good form using a clean CSS design with only label and input tags to simulate an HTML table structure. You can use all CSS/HTML elements to design your custom form for your web projects. View demo & source 2. Simple Form Example [...]
18 Mar
30 Cutting Edge Examples Of CSS Navigation
Navigation is one of those things you have to get right in order to provide your users with easy access to your website’s content. Today we’ll take a look at 30 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in [...]
18 Mar
30 Examples Of CSS Text Shadows Out In The Wild
CSS Text Shadows can create a variety of different effects on a website,like being able to create depth, dimension, contrast and so on just with the plain CSS code. Using images to show letterpress effects or text shadows are beginning to be a thing of the past in Web Design. This is new trend in Web design [...]
18 Mar
Collection of 30+ Stunning Hand Picked CSS-based Layouts
Power of “CSS” is to Change the appearance of hundreds of Web pages by changing just one file and CSS represent an enormous step forward for the Web. It’s mostly used to improvise the presentation (that is, the look and formatting) of a document written in a markup language.It has structure and rules to follow. Seven main [...]
