CSS Sprite Generator | Project Fondue - 1 views
-
batch process many images: allows you to send a zip file containing your images. It will returns you your images combined into a sprite, and even better, the CSS code that you'll just have to paste in your main css file. The CSS sprite generator takes a number of source images and combines them into a single "sprite" image and supplies CSS to map to each image within the sprite. The technique this tool employs is often used to improve the performance of a web site by reducing the number of HTTP requests that the client's browser needs to make.
Better Image Caching with CSS * Perishable Press - 0 views
-
I have written previously on the fine art of preloading images without JavaScript using only CSS. These caching techniques have evolved in terms of effectiveness and accuracy, but may be improved further to allow for greater cross-browser functionality. In this post, I share a "CSS-only" preloading method that works better under a broader set of conditions.
30 Exceptional CSS Navigation Techniques - 0 views
Jennifer Semtner.com :: Web Designer / Developer » Blog Archive » Extending C... - 0 views
Blog | Graphicpeel - iOS Icons Made in Pure CSS - 5 views
-
The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv's tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples. In the contacts icon, I used 5 different shapes for the silhouette icon. The head is a rectangle with rounded corners, followed by another rectangle for the neck and a distorted semi-circle for the body. In order to get the curve of the shoulders to the neck, I placed two circles on top of the shapes. The weather icon has several rays of light shooting from behind the sun. Each one of these rays is actually a long rectangle with a gradient that fades to transparent on either end. I used -webkit-transform:rotate to rotate each rectangle to a different angle. The same effect was used for the iTunes icon. To get the cloud icon on the iDisk icon, I used two circles layered on top of each other, above a rounded rectangle. The larger circle has a gradient that cuts off just before the rectangle.
50 New CSS Techniques For Your Next Web Design | CSS | Smashing Magazine - 0 views
an overview of current css layout techniques - 1 views
-
When it comes to understanding the world of standards based design, you have to think medieval. Creating a web site in CSS is like building a manor. You are a lord, setting aside land for specific purposes, hoping the user rotates their content appropriately. Most of you will build villages attracting only a few peasants to comment on various decrees, some of you will build castles and a very small number will build what I can only describe as cathedrals—structures that warrant pilgrimages from thousands across the globe.
Top 10 CSS Tutorials - Cameron Olthuis - 0 views
-
There’s a lot of really cool things that can be done using CSS and I’ve found some of the following resources to be very helpful to inspire ideas and learn new techniques. There’s a lot of good CSS tutorials out there so it’s pretty hard to narrow it down to only the 10 best. So instead of taking this list as the top 10 consider it as a collection of 10 great tutorials. I recommend having a good working knowledge of CSS/HTML before trying any of these on your own site.
Vertical Centering in CSS - 0 views
The CSS Cheat Sheet - 0 views
Ten more CSS tricks you may not know - 0 views
25 Rounded Corners Techniques with CSS - 0 views
-
25 Rounded Corners Techniques with CSS