Browsing All Posts filed under »CSS«

A Stationary Logo That Changes on Page Scroll with CSS | Impressive Webs Toronto

January 19, 2010

0

The Econsultancy marketing blog has an interesting little effect using CSS that causes their logo to change when the page is scrolled. Visit their page and scroll down. You’ll notice the logo changes from a solid version to an outline version. via A Stationary Logo That Changes on Page Scroll with CSS | Impressive Webs Toronto.

14 Helpful Cheat Sheets for Front-end Web Development | Web Design Ledger

January 19, 2010

0

For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as [...]

30 Cutting Edge Examples Of CSS Navigation | Graphic and Web Design Blog -Resources And Tutorials

January 19, 2010

0

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 [...]

CSS3 pseudo selector emulation for Internet Explorer 5-8 | Css Globe

January 18, 2010

0

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they’ll work in IE via CSS3 pseudo selector emulation for Internet Explorer 5-8 | Css Globe.

How To Create Depth And Nice 3D Ribbons Only Using CSS3 | PV.M Garage

January 13, 2010

0

In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites. In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a [...]

Sexy Music Album Overlays | Komodo Media

January 13, 2010

0

It’s the social web now. We share everything, from our musical tastes, to the bacon avocado burger we ate for breakfast , to the very funny things we say and do. With amazing APIs such as the ones offered by Last.fm, Twitter, Flickr and more, we can now put them all on our sites, showing [...]

Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors | Webdesigner Depot

January 6, 2010

0

Drop-shadows and gradients are two of the most common design elements on the web. You’ll find them accompanying many different styles. They’re handy effects for web designers because they’re attractive, useful and easy to create with any graphics program. But they have a dark side: they’re frequently abused. Using amateurish drop-shadows or gradients is almost as bad [...]

DevSnippets » Blog Archive » Styling your Lists: 20+ Brilliant How to’s and Best Practices

December 31, 2009

0

When we think about CSS-Styled lists, different ideas come to mind but that rusty old image of bulleted items is not one of them anymore. There are lots of different methods to format nice HTML lists that is used in most web designs not only for navigation menu (vertical or horizontal) but for formatting many [...]

Jon Rohan · Creating Triangles in CSS

December 31, 2009

0

Little people realize when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large, the ones above are 20px. To [...]

Most Essential Best Practices to Improve and Optimize Your Markup and CSS | tripwire magazine

December 30, 2009

0

Great looking websites that are easy to maintain and develop require high quality markup and styling. The most fundamental principle to remember is separation of presentation and content / markup and style. While separation is key you will need to have great markup to produce good CSS. This post aims at highlighting general purpose best [...]