CSS

TwitterFacebook
Get flash to fully experience Pearltrees
To use native WebSockets in Firefox, the prefixed MozWebSocket should be used. However, Firefox 11 will support the IETF standard without the prefix. As a word of caution, the protocol backing the Web Socket API has become an IETF standard , but Safari has not yet implemented the (secure) new version. It is recommended forcing an alternative on Safari or disabling WebSockets on Safari for now. http://html5please.com/

HTML5 Please - Use the new and shiny responsibly

Learn CSS Selectors interactively

Alright, let's mafia things up a bit. Joey, burn down the ship. Clamps, burn down the crew. No! http://twostepmedia.co.uk/cssselectors/
http://csshat.com/ Q: Do I need Photoshop? If so, what version? Photoshop is required to use CSS Hat. Because this is a Photoshop plugin, it extracts from an existing layer style to CSS3 and that is why you need it.

CSS Hat translates layer styles to CSS3 code

CSS3 support in Internet Explorer 6, 7, and 8

http://fetchak.com/ie-css3/ If you're viewing this page in Internet Explorer, some of the elements have been rebuilt by the script in Vector Markup Language (VML), an IE-specific vector drawing language. VML supports things that are missing from IE's CSS implementation like rounded corners and blur effects. Issues and Workarounds

Cross Browser CSS Transforms – even in IE

An example of a page using the CSS Transform property and cssSandpaper. Visible in most major browsers, including Internet Explorer. Layout based on work done by Paul Hayes in his article The CSS transform property allows developers to rotate, scale, and skew blocks of HTML via CSS. http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/
Developing for the Web can be a difficult yet rewarding job. Given the number of browsers across the number of platforms, it can sometimes be a bit overwhelming. But if we start coding with a little forethought and apply the principles of progressive enhancement from the beginning and apply some responsive practices at the end, we can easily accommodate for less-capable browsers and reward those with modern browsers in both desktop and mobile environments. http://coding.smashingmagazine.com/2012/02/13/progressive-and-responsive-navigation/

Progressive And Responsive Navigation | Smashing Coding

http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx With each new release of Windows Internet Explorer, support for the World Wide Web Consortium (W3C) Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS3).

CSS Compatibility and Internet Explorer

http://www.alsacreations.com/tuto/lire/1417-zoom-sur-effet-parallaxe.html

Zoom sur l'effet parallaxe - Alsacreations

Après avoir abordé les arrière-plans extensibles ( full background ) nous allons continuer avec l'effet parallaxe . Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur.
Yeah, the CSS4 specification is already in the early stages of being written (for selectors, anyway). I must stress just how work in progress this is, in the sense that some of this stuff might not make the final cut, while more stuff may be added. It will however give you an idea of what you can expect some of this to turn up in the real CSS4 specification.

The Brand New CSS4 Selectors Specification | InsertHTML

http://www.inserthtml.com/2012/01/css4-selectors/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ http://www.colorzilla.com/gradient-editor/

Ultimate CSS Gradient Generator - ColorZilla.com

CSS3 Gradient Generator

background-image: linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -o-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -moz-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -webkit-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -ms-linear-gradient(bottom, rgb(237,223,51) 5%, rgb(255,255,77) 53%, rgb(255,255,108) 77%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, rgb(237,223,51)), color-stop(0.53, rgb(255,255,77)), color-stop(0.77, rgb(255,255,108)) );