15 results found for "css3"
The awesome internet (week 46)
I've skipped one week because I had a very nasty flu, but The Awesome Internet is back with another roundup of coolness!
The awesome internet (week 44)
This week's The Awesome Internet is about CSS3 (what else), money, charting, HTML5 gaming, the CSSWG, Chris Coyier and cheatsheets.
The awesome internet (week 42)
Second week of the awesome internet roundup. This week Adobe's expressive web, regular expressions, typefaces, funnies, twitter stats, wacom, the jwerty plugin, css1k and social media policies.
CSS3 calc(), min() and max() functions
One of the most awesome new features of the CSS3 spec is the calc() function. Currently only supported by Firefox and IE9 but on its way to become part of the spec.
CSS terms poster
I created a handy cheatsheet poster for CSS terms so you don't emberace yourself again when you speak about CSS.
Free CSS3 iPhone icon
With no apparent reason I created these iPhone icons in pure CSS with no extra markup. Crab the code and do something cool with them!
The awesome internet (week 41)
From today on I will post a list of the most awesome stuff I come across every week. You can see this as a weekly chart of the best of the internet, seen from the eyes of a webdeveloper.
Why is the logo of this site still an image?
Somebody must have been wondering why the logo at the top of this page is still a simple PNG image while I recreate the Apple and Android logo with pure CSS...
10 essential tools and websites for frontend developers
In this article I will show you 10 tools and websites which are essential for a frontend developer to have and master.
Using the data attribute as content in CSS
Today CSS master Joshua Hibbert pointed out to me that it's possible to use values from data attributes as value in CSS content.
Android robot in 100% pure CSS
The Android robot is a cool logo made of fairly simple shapes. My challenge was to recreate the logo with pure CSS and as less HTML as possible.
Rotating 3D CSS cube
When exploring the CSS3 transform- and transition possibilities, I created these rotating cubes. With plain color, semi-transparent and one with textures. Only one image is used as texture for the crate, but the rest is pure CSS!
CSS only progress bar
This progressbar is created using CSS3 with no images. This was a testcase to learn working with gradients as background-images. Firefox and chrome only!
Changing the text selection color with CSS3
Changing the appearance of selected text is mostly a nice-to-have, but sometimes even necessary to imprive legibility.
CSS3 animations introduction
Maybe somebody noticed, but there are a few CSS3 animations used in this site. In this article a few samples of these transitions.