background preloader

Generateur d'ombrage via box-shadow en CSS3

http://www.debray-jerome.fr/outils/Generateur-de-box-shadow-css3.html

Related:  chantaldecrocqToolboxCSSCSS

HTML Templates News or Magazine This template puts a focus bold images, perfect for a magazine style site with eye catching content. Your stories are easy to find with large feature blocks. See Demo Real Estate or Travel Big thumbnails with a space for captions and descriptions along with an informative header make this the perfect template for real estate or hotel booking. Summary - [b] Guitar-Online - StatCounter pageviews uniquevisits returningvisits 73 38 2 63 29 1 44 36 0 65 45 2 91 53 4 47 40 2 55 38 5 81 52 3 72 39 1 62 36 3 79 60 3 52 46 3 104 47 3 59 35 3 81 57 0 54 29 0 71 40 2 59 33 1 65 44 0 85 41 0 73 44 3 66 39 1 39 30 0 48 33 1 69 32 1 65 47 0 49 42 2 Returning Visits - Based purely on a cookie, if this person is returning to your website for another visit an hour or more later First Time Visits - Based purely on a cookie, if this person has no cookie then this is considered their first time at your website. Unique Visits - Based purely on a cookie, this is the total of the returning visits and first time visits - a total count of visits. Page Views - The number of times your page has been visited. New Graph | Old Graph — Give feedback on new graph

Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

Get to know your CSS3 :target pseudo-class The :target pseudo-class is one of those amazing CSS3 features. It matches an element that’s the target of a identifier in the document’s URI. This identifier in a URI contains a "#" character followed by an identifier name that matches the value of an id attribute of an element within the document. Using SVG in CSS with JavaScript detection Warning This article was written over six months ago, and may contain outdated information. With the release of IE9 and Firefox 4 all major browsers are going to support using SVG in the img element or as a CSS background image, which is great news as SVG images are good for high definition, scalable websites. I’ve written a couple of posts recently about using SVG with the background-image property, and how to cope with browsers that don’t support it. The method I came up with works, but is far from elegant; for one thing, it doesn’t allow for transparency.

Foundation for Sites Complete Grab this version of Foundation if you want everything in the framework in simple, vanilla CSS and JS. Download Everything 9 great color resources Colour is an integral element of design. And the web is full of endless resources and tutorials covering it. But, sometimes too much choice can be confusing. So we've picked this selection of the best resources that will really help you to get to grips with the subject. 01. Mudcube Colour Sphere

CSS Compressor, Free CSS Compressor and CSS Compression Tool EASY - One Click CSS Compressor NO coding expertise required A click of the mouse is all you need to speed up your webpage load time by up to 80%! Most CSS can be compressed to one third its original size. Our CSS Compressor works with virtually all coding styles of CSS stylesheets and CSS versions. 99% of users can just copy and paste their CSS, followed by clicking the “Process CSS” button and thats it to to give their website the single greatest potential boost in page load time - as compared to any other speed up your CSS technique. Yes it’s actually that easy to speed up your website even if you know nothing about compressing CSS code or programming websites - our CSS Minifier makes compression easy! Twenty Advanced CSS Tutorials The following collection focuses on advanced CSS tutorials to help you sharpen your CSS skills. Once you’ve recreated these tutorials on your own, you can use and re-use the resulting files and keep them in your personal toolkit for future reference. We avoided tutorials that used combinations of CSS and jQuery to focus entirely on CSS development tricks. jQuery is a powerful tool, but if you want to learn pure CSS, then these advanced tutorials are a great place to start. Topics range from sliders, accordions, forms, layouts, to even image transitions. Stylish Image Content Slider in Pure CSS3 Source

CSS Typography: Examples and Tools In the previous part of this series, we discussed some techniques and best practices for CSS typography. Let’s now delve into the subject further by looking into some case studies, tools, as well as a showcase of excellent CSS typography on the web. This is the third part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography. Case Studies on CSS Typography Tutorials and theories can be great, but nothing says proof like a case study. Here are a handful of studies that can provide you with some real-world insights regarding typography on the web.

Color Palette Generator: Automagically create a color palette from any photo. Tons of fun stuff... Give one of our toys a spin! Lolcat Generator, Hockneyizer, Billboard, Pop Art Poster, Trading Card, Jigsaw, Map Maker, Mosaic Maker, Photobooth, Bead Art, Motivator, Color Palette Generator, Framer, Mat, FX, Magazine Cover, Movie Poster, Wallpaper, Badge Maker, Cube, CD Cover, Gift Center, Pocket Album, Calendar, I know, right? It's a lot to take in. 10 Fresh Responsive WordPress Themes Here we have come up with yet another fresh and exciting collection of 10 fresh responsive WordPress themes for you. Responsive themes have become a necessity of time. Everyone is using them and this is the reason that almost all good WordPress themes now have responsive designs. Below, you can find 10 most recent and fresh responsive WordPress themes that are totally free to use.

before ::after is a pseudo element which allows you to insert content onto a page from CSS (without it needing to be in the HTML). While the end result is not actually in the DOM, it appears on the page as if it is, and would essentially be like this: <div><!

LightWindow Demo After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by. Other caveats were the complete lack of ability to style and position the system, and the insane over-kill of some of the systems trying to reproduce either another desktop (As if most computer users aren't confused enough) or the reproduction of a popup window (Show me someone who likes popup windows...). Lastly, most people didn't actually test for their media types and how they behaved in other browsers and operating systems (Yes the movies and Flash work in Firefox for the Mac).

Related:  Site WebCSSSites pratiques pour dev