Comment rendre son site plus rapide : toutes les solutions

25 Incredibly Useful CSS Tricks You Should Know Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can be your handy resource to nifty CSS tricks that you should know. 1. Change Text Highlight Color You might not have known this before! 2. Firefox usually hides the vertical scrollbar if size of the content is less than the visible window but you can fix that using this simple CSS trick. 3. While most of the internet users prefer to read content online but some of your users might like to print your article. 4. Experienced CSS programmers are usually aware of this but beginners do miss out on this ! 5. This is a nice SEO trick that lets you show a nice fancy image instead of simple boring text to your visitors but search engines will see only the text. 6. Internet Explorer does not understand the min-height property but here’s the CSS trick to accomplish that in IE. 7. 8. 9. 10. 11. line-height:30px; 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.

CSS3 animations and their jQuery equivalents As you might know already, I'm not a big fan of animations that are added in CSS3. Yet, several people on Twitter told me why they really like the feature. At that point, I wanted to play around with it too. At the same time, I wanted to see if those animations with CSS3 could be created with jQuery too (especially for those browser that don't support CSS3 animations yet). So today, I present you Five examples of CSS3 animations and their jQuery equivalents. This tutorial/these examples will show the use of the same HTML, with different classes for CSS3 and jQuery. IMPORTANT NOTE: Sadly, CSS3 and HTML5 aren't the standards (yet) these days (when will it ever be?). With that said, check out how you can re-create these and learn some more about CSS3 animations and jQuery. Video Here's a small example video showing both the CSS3 and jQuery animations inside the latest version of Safari. Of course, if you're running Safari or Chrome, you can view all examples yourself. Fade jQuery Bounce Link nudge

45 Powerful CSS/JavaScript-Techniques - Smashing Magazine Advertisement CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it’s difficult to come up with the one excellent idea that would solve a problem that you are facing right now. Good news: almost every day designers and developers come up with fresh and clever CSS tricks and techniques and share them with other developers online. We regularly collect all these tricks, filter them, sort them, revise them and prepare them for Smashing Magazine readers. In this post we present 45 useful CSS/JavaScript-techniques that may help you find clever solutions to some of your problems or just get inspired by what is possible with CSS. Please notice that this is the first part of our large round-up of fresh CSS/JavaScript-techniques. Interesting CSS Techniques Building the New Visual AnnotationsThese note overlays are composed of two main elements, an overlay with the shine and a border with the transparency. CSS Navigation Menus Sproing! CSS Lists

20 Awesome jQuery Enhanced CSS Button Techniques With all the talk of CSS3 at the moment, its easy to overlook the impact Javascript, especially jQuery, can have on the appearance of the basic web button. As such, we have collected 20 useful CSS buttons techniques that have all been improved and enhanced by the sooper-dooper power of jQuery. Creative Button Animations with Sprites and jQuery This tutorial will show you how to build creative hover animations for buttons using sprites. View the Tutorial » GitHub-Style Buttons with CSS and jQuery (or MooTools, or the Dojo JavaScript) GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. View the Tutorial »View the Demo » Cross-Browser Rounded Buttons with CSS3 and jQuery View the Tutorial »View the Demo » jQuery Imageless Buttons a la Google View the Tutorial »View the Demo » Animated “Call to Action” Button View the Tutorial »View the Demo » Nice Menu : CSS Animation & jQuery Animate jQuery Glowbuttons

Enhance Forms Using jQuery: 30 Tutorials and Plugins Forms are very important part of any website, whether it is sign up form, log in form or comment form. These forms are source of interaction between your website and its users. For example if anyone is signing up on your website it will be his/her first experience working on your website and it is said “First Impression Is Last Impression”; if users see your sign up form very elegantly and creatively designed they will have good first impression about your website. Same in the case of all other forms; which play the important role in the success of your website. 1. In this tutorial you will learn to turn any web form into a wizard with the help for jQuery. 2. If you have ever created a simple web form without using “Tables” then you should have faced the problem of alignment, the input box starts straight after the heading making the form ugly. 3. If you are sick and tired of you outdated drop down then this script will let you add extra beauty and grace in it. 4. 6. 8. 10. 11. 13.