background preloader

HTML / CSS

Facebook Twitter

Icono. Simple Grid - Framework. A simple responsive CSS grid by @cobyism. Découvrez Can I Use et utilisez les nouveautés HTML5 dans vos projets. Le site Can I use fait peau neuve !

Découvrez Can I Use et utilisez les nouveautés HTML5 dans vos projets

Pour l'occasion, mettons les projecteurs sur ce site extrêmement utile pour tous les intégrateurs. Les technologies web sont un médium très plaisant à travailler, car en constante évolution. Ces dennières années cette évolution s'accélère, nous offrant des possibilités de plus en plus grandes pour la création. Le seul inconvénient qu'apporte cette situation vient d'une particularité du Web : Il n'est pas centralisé.

Les créateurs de navigateurs doivent donc implémenter ces nouvelles fonctionnalités eux-memes, ce qu'ils font à leur rythme et à leur manière. Can I Use est un site vous fournissant tout ce dont vous pouvez avoir besoin pour vous en sortir dans cette jungle de fonctionnalités. Www.grafikart.fr/demo/HTML/typo/index.html. Oh, you're a dollar naughtier than most.

www.grafikart.fr/demo/HTML/typo/index.html

In your time, yes, but nowadays shut up! Besides, these are adult stemcells, harvested from perfectly healthy adults whom I killed for their stemcells. I don't want to be rescued. Hello Morbo, how's the family? Good news, everyone! Simple Grid - Framework. Une feuille de styles de base pour bien démarrer vos projets. Avec cette astuce, je vous propose un outil et une méthodologie pour partir du bon pied lorsque vous attaquez les styles CSS d'un nouveau projet.

Une feuille de styles de base pour bien démarrer vos projets

Un outil? → une feuille de styles CSS qui corrige ou définit les styles des principaux éléments de vos pages. (Yay, du code à copier-coller!) Une méthodologie? → explorer ce code, se l'approprier, le modifier pour son projet. Quels objectifs? Utiliser une feuille de styles de base, quelle qu'elle soit, répond à deux objectifs principaux: Gommer certaines différences entre les styles par défaut des navigateurs.

CSS Unpacker. CSS triangle generator. Unfolding the Box Model: Exploring CSS 3D Transforms. Using Emmet to Speed Up Front-End Web Development. Emmet is a plugin for your text editor that provides a number of tools to help you quickly write HTML and CSS code.

Using Emmet to Speed Up Front-End Web Development

The plugin, which was previously known as Zen Coding, allows you to generate HTML elements using a CSS-like syntax. In this post you’re going to be learning how to use the Emmet syntax to generate HTML and CSS code. Plugins For Your Favorite Text Editor Before we get started you’ll need to install the Emmet plugin for your text editor. There’s a whole bunch of plugins available that cover most of the popular text editors. Click the link for your text editor below and follow the instructions to install the plugin. Generating Elements Now that you’ve got the Emmet plugin installed lets take a look at the syntax that you will be using to generate elements. ul>li>img+p Emmet uses abbreviations to define the elements that you want to generate.

Once you’re done writing an abbreviation, hitting the TAB key will trigger Emmet to parse the line and generate the requested code. Child > IDs. InK - Interface Kit. HTML5 Please - Use the new and shiny responsibly. 24 jours de web : Le calendrier de l'avent des gens qui font le web d'après.

CSS Minifier. Favicon.ico Generator. Online visual CSS editor – bluePen Editor. The ultimate CSS tools for web designers. Closure Compiler Service. HTML KickStart HTML Elements & Documentation. Setup Download HTML KickStart Include jQuery and HTML KickStart <script src=" src="js/kickstart.js"></script><!

HTML KickStart HTML Elements & Documentation

-- KICKSTART --><link rel="stylesheet" href="css/kickstart.css" media="all" /><! -- KICKSTART --> Copy Elements into your HTML Browsers HTML KickStart Tested and working in IE 8+, Safari, Chrome, Firefox, Opera, Safari IOS, Browser and Chrome Android. Notes Don't forget to use an HTML5 Doctype <!

Buttons A.button With Icons Colors .orange Styles .pop Tooltips Tooltips are awesome. Hover over the examples on the right to preview. Use: class="tooltip" + title="my tooltip content" Tooltip Positions. CSS3.0 Generator. Ui Parade - Live Tools.