CSS3

TwitterFacebook
Get flash to fully experience Pearltrees

Useful :nth-child Recipes

http://css-tricks.com/useful-nth-child-recipies/ Published by Chris Coyier I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type ( read about the difference ). The better you understand them, the more css nerdgasms you get to have! In these simple "recipes" (really: expressions) I'll arbitrarily use a flat list of list items and randomly chosen numbers.
CSS3 - Adding curled corners to photographs 4th May 2011 Works in IE9, Firefox, Safari, Chrome and Opera. copyright © stu nicholls - CSS play Information A simple method of adding the impression of curled corners to images with the minimum amount of extra markup and it works in IE9!. http://www.cssplay.co.uk/menu/css3-photo-curl.html

CSS play - CSS3 Photo Curls

http://sixrevisions.com/user-interface/user-interface-patterns-for-dealing-with-interactive-content/ Websites and web applications are getting more and more interactive each day. Content on websites have the advantage over their printed counterparts in that, if we wanted to, we can let our users interact with them. We have already discussed site navigation patterns and popular web content presentation patterns .

User Interface Patterns for Dealing with Interactive Content

Firefox 4 is almost here. Check out some awesome Web demos on our brand new demo web site: Web’O Wonder . Screencast here . https://hacks.mozilla.org/2011/03/webowonder/

Firefox 4 Web Demos: announcing Web O’ Wonder

As much as we don't like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments... View Demo IE Specific

CSS Specific for Internet Explorer

http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer
22nd February 2011 - For Safari ONLY (at the moment) 7th March 2012 - Now working in Safari, Chrome and Firefox 8th January 2013 - Now also working in IE10, iPad, iPhone and iPod Touch (Tyto alba) is the most widely distributed species of owl, and one of the most widespread of all birds. http://www.cssplay.co.uk/menu/css3-3d-card.html

CSS3 3D Rotating Card

http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow Cet article a 771 jours . Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 71 898 fois. CSS 3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments ( :after et :before ) qui sont prévus depuis CSS2.1. Les visuels que vous voyez sur la page de démonstration ne sont composés qu’avec des propriétés CSS sur une seule et unique <div> (pour chaque bloc).

Ombres avancées avec CSS3 et box-shadow - Les tutoriels | CreativeJuiz - Du jus, des fruits, du fun... et du Web !

http://adaptivethemes.com/using-css-clip-as-an-accessible-method-of-hiding-content Its relatively easy to hide content in Drupal using CSS, however its a whole different ball game to hide content and keep it accessible to all site visitors. Disabled web users may be using a screen reader or other Assistive Technology. For Drupal 7 we wanted a way to hide content that worked in all browsers and avoided many of the issues associated with current techniques. The idea was to develop a new CSS class that could be applied to any element we needed to hide. We called this class .element-invisible and set about testing properties and values to make this work, in all browsers and all AT devices. First lets look at some of the current techniques we looked into and tested for Drupal 7, then I'll introduce a new technique I came up using the little known clip property and see how it stacks up - I think you'll be intrigued.

Using CSS clip as an Accessible Method of Hiding Content | Drupal 7 Themes | Drupal 7 Templates - Adaptivethemes

Currently in development level 3 of CSS includes new ways of styling and designing websites. In this project we explored them in an artistic way. Picassos "Guernica" served as the footage.

About war and bananas

http://id.merz-akademie.de/guernica/
What is Colorfont.js? What is Colorfont.js? What is Colorfont.js? We wanted to be able to develop and use multi-coloured fonts on the web, and so Colorfont.js was born. http://manufacturaindependente.com/colorfont/

manufacturaindependente

CSS Box Shadow & Text Shadow Experiments - ZURB Playground - ZURB.com

What’s so great? Shadows are cool. We started out having to create our shadows in Photoshop and attaching them as background images. Now our lives are made easier with CSS. But really, all we can do is add gratuitous amounts of box shadows to our elements, right? Or, we can only really add unnecessary shadows to our text, right?
This is part of a series of guest posts covering tips and tricks for working with fonts on the web. Today’s post was written by Dan Cederholm of SimpleBits. A few years ago I gave a talk about why a button made a great place to bring in type from a branding element (such as a logo).

Type study: An all CSS button

Smooth Fading Image Captions with Pure CSS3

Home : Articles : Smooth Fading Image Captions with Pure CSS3 Tutorial by Matt Doyle | Level: Intermediate | Published on 29 September 2010 Categories: