background preloader

Conseils et bonnes pratiques

Conseils et bonnes pratiques

Related:  Principeshtml/CSScssCSS Architecture

Beautiful Photo Stack Gallery with jQuery and CSS3 The Night Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! The indisputable leader! Responsive Email Templates Basic This template is perfect for sending a basic but nice looking email to your readers. View Tests Google HTML/CSS Style Guide Strictly keep structure (markup), presentation (styling), and behavior (scripting) apart, and try to keep the interaction between the three to an absolute minimum. That is, make sure documents and templates contain only HTML and HTML that is solely serving structural purposes. Move everything presentational into style sheets, and everything behavioral into scripts. Thoughtful CSS Architecture architecture: the complex or carefully designed structure of something Have you ever worked on a CSS project that gradually became a hot, sticky mess? It’s difficult to keep track of what styles affect what HTML: minor changes fix one problem but create three more and can require ugly hacks, and small CSS changes can break JavaScript functionality. We’ve all been there, but these are problems that can be largely avoided by careful planning at the beginning of our projects.

How To Create Depth And Nice 3D Ribbons Only Using CSS3 In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites. In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. Modular CSS: Best practices to improve your coding workflow Home » CSS » Modular CSS: Best practices to improve your coding workflow If you have been coding the web for a while (like myself) you’ve probably come across the “lovely task” of how to maintain CSS without losing your sanity. Let’s be honest, even with the release of CSS3, the language evolved a lot and now we are capable of doing things that were only possible with javascript.

Controlling CSS Animations and Transitions with JavaScript The following is a guest post by Zach Saucier. Zach wrote to me telling me that, as a frequenter on coding forums like Stack Overflow, he sees the questions come up all the time about controlling CSS animations with JavaScript, and proved it with a bunch of links. I've had this on my list to write about for way too long, so I was happy to let Zach dig into it and write up this comprehensive tutorial. Web designers sometimes believe that animating in CSS is more difficult than animating in JavaScript.

Naming CSS Stuff Is Really Hard This isn't quite a post about CSS architecture. This isn't really a post about naming conventions, either. Instead, let's talk about what we're calling elements. The names themselves.