css
The simple jQuery Plugin for customizable overlay which covers a page, elements or iframe-windows that is specified.
Just a simply easy way to label each element you want!
mqGenie adjusts CSS media queries in browsers that include the scrollbar's width in the viewport width so they fire at the intended size
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.
Preprocessing just got easier with Prepros Enjoy the dead simple design & development workflow
Ce site vise à vous apprendre les bases de CSS utilisées pour structurer n'importe quel site web.
Pixate Engine for iOS: A free dynamic user interface platform for mobile apps.
Smart, Lightweight and Portable IDE for faster and easier web development.
A set of small, responsive CSS modules that you can use in every web project.
Just include the CSS file and add "label" class and "data-label" to your code. Then start positioning.
Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.
The power of styling is now in your hands. bluePen can be easily installed even on a dynamic website.
Scout is a cross-platform app that delivers the power of Sass & Compass into the hands of web designers.
Hint.css is a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips.
Minify is a PHP5 app that helps you follow several of Yahoo!'s Rules for High Performance Web Sites. It combines multiple CSS or Javascript files, removes unnecessary whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers.
Holmes is stand-alone diagnostic CSS stylesheet that can highlight potentially invalid or erroneous HTML(5) markup by adding one class.
KNACSS est ce que l'on appelle un "framework CSS" comme il en existe tant d'autres. Sauf que celui-ci est mieux :) (pourquoi ?) Il a été concocté avec amour par Raphaël Goetter et l'agence Alsacreations.fr au fur et à mesure de nos expériences en production, et est sous licence libre CC-BY. Son but est de servir de base commune à tous les projets d'intégration web, grâce à une nomenclature et des conventions constantes. Mais aussi de faciliter les positionnements d'éléments, de gérer les alignements, les gouttières, etc. Le tout de la façon la plus propre et accessible possible En route, et hopla !
The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.
When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text. It’s free and open-source.
Normalize.css is a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards. We researched the differences between default browser styles in order to precisely target only the styles that need normalizing.
With SpritePad you can create your CSS sprites within minutes seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles.
beautifull css designs
Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.
Glue is a simple command line tool to generate CSS sprites:
A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
Également appelés les "combinateurs d'adjacence", ces sélecteurs avancés permettent de cibler des éléments proches d'un autre élément.
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site.
Your CSS goes here. The more, the better. Linting works best when we see the big picture, so give us everything you've got.
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.
Drag and drop image files into the space below and click "Generate" to create a sprite and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox.
There are times as soon as your man seems like that there are a half dozen other things he’d rather […]
Les cancres du Web, Internet Explorer 6, 7 et parfois 8, nous mènent souvent la vie dure. Même quand on s’abaisse à leur niveau, il leur arrive de ne pas comprendre, ou d’y mettre de la mauvaise volonté.
You likely use css backgrounds in every site you build. You give an element a background color and tell another element to let a background image repeat. How much do you know about all the other background properties?
Secure, PCI Compliant Transaction Forms With Fully Customizable CSS.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
You’ve probably used CSS’s border property often, and in almost all cases you’ve probably set the border-style value to “solid”, which looks exactly the same in every browser.
Hi. You can get started by creating a new button, selecting a template to modify, or login to access saved buttons.
Below is a list of CSS snippets that will help you minimize headaches, frustration and save your time while writing css, and I hope you will find it useful. Whether you are a experienced web developer, or just getting started with css, they are all worth checking out.
Best way to compress javascript and css Make your code faster for free
Let's say you were tasked with creating a UI in which users can rate three candy bars from their most to least favorite. A grid of radio buttons isn't a terrible way to go about this.
NegativeGrid is a lightweight, fluid CSS grid. I originally made it for myself but it turned out to be so good that I’m publishing it here, for everybody to download. It is very compact and due to only three classes that you have to remember it is super-easy to learn. You can use it with media queries and is perfect for mobile-first approach.
BluCSS is a CSS framework designed with ease of use and simplicity in mind. It is specifically made so that when you're working on your next project, you don't have to worry about the essentials. With BluCSS, you can be up and running in less than a minute.
Ideal Forms is a small framework to build powerful and beautiful online forms.
This morning I awakened with a question in my twitter stream from @deebeefunky. He was frustrated by the fact that when he sets a blur on box-shadow, it shows on two sides of the box. He wants it to show on only one side. Of course, that got me thinking. I did come up with one solution—it won’t work in every situation—but it may work in yours.
With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash or CSS, animation always follows the same basic principles. In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages.
Typography is everyone’s favorite toy in web design. The CSS3 text-shadow property is commonly used to recreate Photoshop’s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. But this isn’t all the text-shadow property is capable of. With a little ingenuity and creativity text-shadow can create some remarkable effects.
This is a simple trick to overlay a grid or a mock-up over a page you're styling. It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.
CSS Warp is a web app that lets you create text aligned to a path in HTML and/or SVG easily
Another new property introduced by the CSS3 Backgrounds and Borders module is background-size. The property adds new functionality to CSS allowing designers to specify the size of background images using either lengths, percentages, or by using one of two keywords; contain or cover.
If you’ve seen the code for CSS3 border images then you’re probably familiar with the space and round values for the border-image-repeat property.