Css

Facebook Twitter

Ligature Symbols

Ligature Symbols by Kazuyuki Motoyama Logos Please copy & paste this code to your HTML file or Stylesheet. <!-- HTML --><p>Simple use for mailto link.
SoFresh! - It makes your CSS yummy. What is SoFresh? Tired of refreshing your browser when editing CSS files? SoFresh is a bookmarklet shamelessly copied based on the excellent CSSrefresh. It allows you to select which files you want to refresh (or not). They are resfreshed everytime you save them, so that you don’t need to refresh your browser. SoFresh! - It makes your CSS yummy.
Edit this Fiddle
Styleguide
Twitter Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub. As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. 20 Awesome Resources for Twitter Bootstrap Lovers

20 Awesome Resources for Twitter Bootstrap Lovers

21 outils et générateurs CSS pour développeurs web

Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. 21 outils et générateurs CSS pour développeurs web
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides. View demo Download source In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background positions and the position of the slider with transitions in order to create a slight parallax effect.

Fluid CSS3 Slideshow with Parallax Effect

Fluid CSS3 Slideshow with Parallax Effect
I put together this small resource to hopefully help other designers and developers with a list of mainly geometric shapes you can perform using CSS3. I personally used a list of shapes like this when I was building a project or just experimenting with CSS3, so I felt it would be cool to share. Under no circumstance do I think I'm some CSS ninja, I'm just sharing a few snippits of code I use and if you know a better way of doing it or know any other shapes I have missed please get in touch! If you need stunning web designs do visit Web Design UK

CSS3 Shapes | CSS3 Shapes Resource

CSS3 Shapes | CSS3 Shapes Resource
A Pure CSS3 Cycling Slideshow

A Pure CSS3 Cycling Slideshow

Advertisement Thanks to CSS3, we can create effects and animations without using JavaScript, which will facilitate the work of many designers. But we must be careful to avoid abusing CSS3, not only because old browsers do not support all of its properties.
Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements .stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements
CSS3 Structural Pseudo-class Expressions Explained CSS3 Structural Pseudo-class Expressions Explained You probably know that the CSS3 spec includes a number of structural pseudo-classes. Four of these pseudo-classes use function-like syntax that allow an argument to be passed in using parentheses. These are:
Using the LESS CSS Preprocessor for Smarter Style Sheets Using the LESS CSS Preprocessor for Smarter Style Sheets Advertisement As a Web designer you’re undoubtedly familiar with CSS, the style sheet language used to format markup on Web pages. CSS itself is extremely simple, consisting of rule sets and declaration blocks—what to style, how to style it—and it does pretty much everything you want, right? Well, not quite.
5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours You’ve been coding for a while now and know your way around a CSS file. You’re certainly no master, but with enough fiddling you can get where you want to go. You’re wondering though if you’ll ever get past that point where CSS is such a struggle. Will you ever be able to bust out a complex layout without ultimately resorting to trial and error to see what works and what doesn’t?
CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized. There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground. And some of the tutorials teach designers to do things that they might not think of as useful, though the techniques can usually be adapted to fit a project perfectly.

50+ Awesome CSS3 Techniques for Better Designs

L’intégration de sites web : pixel perfect ou dégradation progressive ? « Moon Websites
The Lowdown on Absolute vs. Relative Positioning
-prefix-free : du beau, du bon, du mauvais ?
Initiation au positionnement en CSS (Partie 1)
HTML & CSS : Design and Build Websites, le livre - livre-html
Use Pseudo Elements to Create an Image Stack Illusion