CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. I don't particularly recommend that you just use this in its unaltered state in your own projects. In other words, this is a starting point, not a self-contained black box of no-touchiness. If you want to use my reset styles, then feel free! Previous Versions v1.0 (200802) Acknowledgments Thanks to Paul Chaplin for the blockquote / q rules.
Unheap - A tidy repository of jQuery plugins Web Developer Resources & Tools - CodeVisually.com 300+ Best jQuery Form plugin with Example and Demo picEdit : jQuery front-end Image editor Plugin An attempt to create a simple front-end image editor jQuery plugin that would replace a file-upload input box in a HTML form.The plugin will turn your form’s <input type="file"... box into a tiny image editor/uploader. Perform basic image operations and preview your image before uploading to the server. FormBuilder : jQuery plugin for Building Forms A jQuery plugin for building forms, loading form structure from xml, and saving back to the server. Features: JSON all the way around. tagEditor : jQuery powerful Tag Editor plugin A powerful and lightweight tag editor plugin for jQuery. Contactable : jQuery and PHP slide out Contact Form Contactable is a jQuery plugin that enables users to incorporate a feature rich contact form into any website running PHP or Java. ikSelect : jQuery Plugin to Stylize Selects ikSelect is a jQuery Plugin to Stylize Selects. Gridform : jQuery Plugin for Creating complex Forms jQuery Form Toolltip Updating field labels (e.g.
Réaliser un lecteur vidéo HTML5 personnalisé | Web it Dans ce tutoriel nous allons voir comment réaliser un lecteur vidéo HTML5 personnalisé : voir la démonstration La balise HTML5 <video> permet la lecture de vidéos directement sans installation de plugins/codecs. La plupart des navigateurs propose un lecteur prédéfini mais il peut être intéressant de le personnaliser en fonction du design du site dans lequel on va l’intégrer. En effet il peut y avoir des différences de couleurs/formes suivant le navigateur utilisé comme montré ci-dessous : Rendus des lecteurs vidéos HTML5 par défaut sous Firefox, Chrome et Opera Formats vidéo Avant d’attaquer le tutoriel nous allons un peu parler des différents formats vidéos qui peuvent être utilisé pour la balise <video>. soit webm et MP4soit OGV et MP4 En effet Webm et OGV peuvent être lu sur Firefox, Opera et Google Chrome alors que Safari et Internet Explorer 9 supporte uniquement le MP4. AddType video/mp4 .mp4 AddType video/webm .webm AddType video/ogg .ogv Intégration HTML/CSS <!
Workless - A classy HTML5, CSS3 framework Templates mail responsive 100% compatible clients mails mobiles De nos jours, de plus en plus d'emails sont lus sur les terminaux mobiles. Avec une évolution de la lecture sur mobile aussi marquée , les campagnes d'e-mailing se doivent d'être compatibles avec le plus grand nombre de terminaux. Le studio Zurb l’a bien compris et a donc décidé de réaliser une série de 5 templates mail responsive. Les fêtes de fin d’année approchant, ils sont disponibles en téléchargement gratuit sur le Zurb’s playground. Fonctionnement d’un template mail responsive Étonnamment, les media queries ne sont pas nécessairement requises. Voici le résultat d’un test de compatibilité des media queries au sein de divers clients mails mobiles effectué par Email on acid : Source Zurb n’a pas complètement omis les media queries de ses templates, elles sont implémentées pour les clients mails compatibles. Magie du tag viewport Mise en place du template mail fluide La solution est de fixer la largeur maximale des cellules à 600px. Astuce pour un template mail responsive à deux colonnes
715 Awesomely Simple and Free CSS Layouts Frustrated with the quality of free CSS templates online but aren’t quite to the level of building your own? Tired of spending hours trying to customize lame pre-fab designs? Today we bring you over seven hundred freely downloadable CSS templates that focus on providing you with only a basic layout to build upon. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design. Who Are These For? Many of you have been in the design game for years but are only now just beginning to create websites and code them by hand. However, the biggest problem that many new developers come across can simply be to get their basic layout to work in CSS. The simple downloadable layouts below will provide you with a rock solid foundation on which to build your sites and provide great examples for learning how to create your own. Why Not Full Templates? If you run a quick Google search for free CSS templates, you’ll find a million. Primary CSS: 22 Layouts