background preloader

Css/thml

Facebook Twitter

Liste de tous les objets de formulaire en HTML. Liste des objets reconnus par tous les navigateurs récents, avec le code source, et comment les utiliser.

Liste de tous les objets de formulaire en HTML

On verra aussi comment transmettre les données de formulaire à des pages différentes ou des scripts sur le serveur. Le formulaire lui-même est créé par la balise form comme cela est détaillé dans l'introduction aux formulaires: <form name="myform" id="myform" action="page" onSubmit="return fun()"> ...objets... </form> L'attribut name ou id permettent d'accéder par script à son contenu. Generate Beautiful CSS. Rivets.js — Lightweight and powerful data binding + templating solution for building modern web applications. World Wide Web Consortium (W3C)

Balises

10 Great Web Design Enhancements To Kick Off 2015. Modernizr. Modernizr est une bibliothèque JavaScript conçue pour détecter des fonctionnalités spécifiques de HTML et CSS dans les navigateurs.

Modernizr

Puisqu'il est inutile d'embarquer un fichier complet de détection dans tous les sites web, un script sur mesure peut être construit en piochant parmi les fonctionnalités détectables. Il sera par exemple possible de savoir si le navigateur supporte les transformations CSS 3D, la vidéo HTML5, Canvas ou SVG, et de prévoir une alternative le cas échéant. Son usage est très simple, il suffit de copier-coller les quelques lignes générées dans le code source de la page, ou bien dans un fichier externe, puis d'exploiter l'objet Modernizr et ses propriétés (par exemple Modernizr.canvas, Modernizr.fontface, Modernizr.geolocation etc), initialisées aux valeurs booléennes true ou false. La méthode Modernizr.load vise aussi à faciliter le chargement de scripts tiers.

Tutoriel Vidéo HTML-CSS Menu responsive. Dans ce tutoriel je vous propose d'apprendre à créer le fameux menu responsive (vous savez, la petite icone "hamburger" avec ses 3 petites barres qui apparait sur les mobiles).

Tutoriel Vidéo HTML-CSS Menu responsive

Pour ce tutoriel nous allons faire un menu qui se révèle par le côté, à la manière des applications mobiles natives. Le code HTML Pour préparer notre effet nous allons devoir créer une structure HTML spécifique à notre objectif. Ce code va varier suivant l'effet que vous souhaitez donner. Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery. Useful resources and inspiration for creative minds.

CSS-Tricks. Cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com. CreativeJuiz - Web Design, HTML5, CSS3, développement PHP/SQL - Geoffrey Crofte. Website Templates. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Online CSS Unminifier - Peter Coles. You may be aware of js unminifiers or beautifiers (such as jsbeautifier).

Online CSS Unminifier - Peter Coles

I found myself wanting something similar for making minified CSS legible, so I built a simple tool using javascript to unminify CSS. It uses several regular expressions (and sometimes a split followed by a join) to generate the clean code and it also lets you specify tab width. I included a minified sample in case you want to give it a try.

<p>*The css unminifier requires javascript to work. *</p> Note: the easiest way to look a site’s CSS is to use a tool like firebug on firefox, but sometimes you still might want to view the full source to see any browser-specific hacks that won’t appear in firebug or to just take a peak at how someone may organize his or her code. Update: June 2011—It’s now all the rage to drop the semicolon from the last declaration in a CSS rule (right before the closing brace), so I updated the unminifier to handle this case and put an example in the sample CSS. CSS Minifier. Useful resources and inspiration for creative minds. CSS-Tricks. Wappalyzer.

A Starter Theme for WordPress. The most advanced responsive front-end framework in the world. Getting started. Bootstrap (currently v3.3.6) has a few easy ways to quickly get started, each one appealing to a different skill level and use case.

Getting started

Read through to see what suits your particular needs. Bootstrap Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included. Download Bootstrap Source code Source Less, JavaScript, and font files, along with our docs. Download source Bootstrap CDN The folks over at MaxCDN graciously provide CDN support for Bootstrap's CSS and JavaScript. Install with Bower You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using Bower: $ bower install bootstrap Install with npm. LESS Elements: a collection of useful LESS mixins. Developpez.com, le club des développeurs et IT Pro.

Vertical Fixed Navigation 2 in CSS and jQuery. A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Vertical Fixed Navigation 2 in CSS and jQuery

Browser support ie Chrome Firefox Safari Opera 9+ Our first concept of vertical fixed navigation is one of our most popular resources. This time, we tried to push this concept a little further. The basic idea behind putting round indicators on the side of a web page, is to give a hint to the user about the number of sections she/he can go through. We think of each dot as a content chapter, with its own title. In an attempt to simplify this pattern, we decided to transform the dots when the user interacts with them, by scaling them up and showing an icon + label. Free HTML5 Website Templates. Thao Framework - The Powerful Responsive CSS Framework. Outils de la semaine pour les web designers N°5. HTML, CSS, & jQuery Menus.

Lightbox. CSS3 Generator.