background preloader

HTML/CSS

Facebook Twitter

Le petit journal permanent de CSS3 — 100+ ressources pour commencer. Periodic Table of the Elements - Josh Duck. Should You Reset Your CSS? This article explores the ongoing debate on whether or not web designers and web developers should reset their CSS, sharing the thoughts and opinions of several web professionals.

Should You Reset Your CSS?

This is a three-part series of articles on the topic of CSS resets. After discussing the rich and interesting history of CSS resets (Part 1) and going over CSS reset stylesheet options (Part 2), we will now discuss the pros and cons of using reset stylesheets here in Part 3. The Benefits of Resetting Your CSS Web designer/developer and book author Morten Rand-Hendriksen is a huge fan of CSS resets; he has advised everyone to use them as the foundation of their stylesheets. "If you don’t define all the default CSS parameters in your style sheet, the browser will use its default parameters instead," Rand-Hendriksen said in his blog. Defending the "hard reset" method, Coyier outlined two main concerns that web designers typically have against using the universal selector. A Comprehensive Guide to CSS Resets. This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.

A Comprehensive Guide to CSS Resets

While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects. The History of CSS Resets. When artists begin a new painting, they don’t immediately reach for the cadmium red and the phthalo blue. They first prime the canvas . 10 CSS3 Properties you Need to be Familiar with. HTML5 : 20 Conseils et astuces pour coder proprement ses pages. Voici une liste de 20 astuces pour coder vos pages proprement en HTML5.

HTML5 : 20 Conseils et astuces pour coder proprement ses pages

Tous ces conseils, mis bout à bout, vous serviront à améliorer votre référencement, respecter certaines normes W3C ou encore optimiser la compatibilité. Efforcez-vous de suivre le plus rigoureusement ces règles en fonction de votre projet. 1. Quelques notes, beaucoup de liens (et un peu de mauvaise foi) sur HTML5. Dégradés CSS3 WYSIWYG avec Ultimate CSS Gradient Generator. Quelques notes sur XHTML et CSS, au fil de l’eau… Ressources en développement Front-end : HTML 5, CSS 3. Cette page collecte un ensemble d'articles sur les langages HTML 5 et CSS 3.

Ressources en développement Front-end : HTML 5, CSS 3

Elle est régulièrement mise à jour en fonction des éléments trouvés ou rapportés par d'autres via des réseaux sociaux. Alors encore merci à tous ces contributeurs... Tous les gabarits — Gabarits HTML-CSS. 35 Fresh CSS3 Articles & Tutorials / CSS / Splashnology - Web Design and Web Technology Community. InShare0 This is cool collection of most wanted, usefull tutorials and articles by CSS3.

35 Fresh CSS3 Articles & Tutorials / CSS / Splashnology - Web Design and Web Technology Community

In this article you find out how make cool CSS3 Gradient Buttons, Sliding or bouncing Navigation without JavaScript, Slide effect menu with the Apple-Style and much more. Creating A Custom HTML and CSS Framework for Rapid Development. In this article I will go over creating a custom framework to have and use for your own projects. This to me has been one of the best resources to me in creating websites for clients. Coins arrondis CSS. Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques. Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide. N'hésitez pas à nous faire part de votre avis sur cet article : 6 commentaires Article lu 1053 fois.

30 menus de navigation en CSS pour votre site web. Huit sites très pratiques pour générer du CSS3. Les meilleurs livres pour CSS. Blog Archive » HTML 5, c’est trop bien – engagez-vous! - Framasoft Framafox. Le HTML5, c’est génial.

Blog Archive » HTML 5, c’est trop bien – engagez-vous! - Framasoft Framafox

Même Steve Jobs le dit (et pourtant c’est le roi de la mauvaise foi…). Bon pour Monsieur Apple, c’est son combat vs. Adobe qui le motive. Mais il n’empêche que les possibilités de HTML5 présagent d’un avenir radieux pour une solution libre de jeux, vidéo, etc en ligne. Les sprites CSS - Alsacréations. Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS.

Les sprites CSS - Alsacréations

La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position. Attention : la technique exposée dans ce tutoriel est à manier avec précaution car elle peut engendrer des problèmes d'accessibilité (typiquement lorsque les images ne sont pas actives). Utiliser CSS3 aujourd'hui, outils et ressources - Alsacréations. Bien que les spécifications CSS 3 soient encore en phase de maturation, il devient acquis qu'un certain nombre de ses composantes sont déjà exploitables en production sur les navigateurs actuels, moyennant quelque gymnastique pour notre attachant boulet à tous qu'est Internet Explorer.

Utiliser CSS3 aujourd'hui, outils et ressources - Alsacréations

Le contexte actuel est pour le moins excitant pour nous autres webdesigners, puisque l'on peut enfin s'évader d'une norme CSS2.1 vieille de plus de 10 ans ! Nous nous trouvons dans une période clé, et de grands changements vont bientôt s'opérer dans notre façon de travailler au quotidien. Cependant Internet Explorer modère cet engouement puisque seule sa version 9 commence à supporter ces nouveautés, version encore au stade beta non utilisable par le grand public.

Slideshow en CSS3 - Alsacréations. Beaucoup de Webdesigners en rêvent : utiliser les CSS plutôt que le JavaScript ou le Flash pour animer leur page web.

Slideshow en CSS3 - Alsacréations

Ce rêve devient petit à petit concret avec les nouvelles implémentations des modules CSS en cours de travail (Working Draft), notamment CSS3 Animations. Celui-ci équipé des keyframes devient fort intéressant pour un contrôle avancé des animations. Nous verrons donc comment utiliser cette nouveauté, mais aussi comment combiner intelligemment la pseudo-classe target pour réaliser un slideshow. Présentation et compatibilité. FAQ sur le CSS. FAQ sur le HTML. De Memodev.

FAQ sur le HTML

L’HTML (Hypertext Markup Language), est le format de données conçu pour représenter les pages web. C’est un langage de balisage qui permet d’écrire de l’hypertexte, d’où son nom. HTML se fonde sur la syntaxe définie par SGML tandis que XHTML (eXtensible HyperText Markup Language) se fonde sur la syntaxe définie par XML (cf article HTML sur Wikipédia). Ce que nous réserve CSS3 en 2010 - Alsacréations. L'écriture des spécifications CSS progresse à grands pas, et la version 3 comporte déjà plusieurs modules implémentés dans les navigateurs récents.

Osez HTML5 et CSS3 ! - Alsacréations. Un site perso en fil rouge Pour étayer cet article, nous allons nous servir d'un fil rouge : mon site personnel Goetter.fr dont l'intégration a été réalisée en plusieurs étapes, et destiné à servir de passerelle entre mes différentes activités. Puisqu'il s'agit d'un site sans grande portée médiatique ni contraintes, j'ai pu en profiter pour tester HTML5 et moult règles CSS2 et CSS3 (border-radius, rgba, inline-block, transitions, rotations, @font-face, text-shadow, opacity, :before/:after et autres joyeusetés...). Voyons en détails le cheminement et les écueils de cette intégration... Les Grands Anciens Rappel historique Avant de nous lancer dans le vif du sujet, rappelons certains points essentiels. Apprenez à créer votre site web !

24 frameworks CSS — Mettez une grille (ou pas) dans votre site w. Dive Into HTML5. A quick video overview of Canvas. Canvas is our flagship theme, and it is highly customizable through the options panel, so you can modify the design, layout and typography. If you are after a highly customizable theme or just a starter theme for your next client project, then Canvas will most definitely work for you!

"Canvas is robust, terrific and simple. Plus, it gets out of the way and really lets me design. " James Gaffney, Owner Blue Dozen Design Release Date June 4, 2012 Designer Magnus Jepson. Osez HTML5 et CSS3 ! - Alsacréations. Webmonkey: the Web Developers Resource. Create a Dynamically-resizing Background Image Using CSS (urbanm. Universal Internet Explorer 6 CSS. How do you answer the Internet Explorer 6 question?

Design for better browsers, then design alternative solutions to handle IE6 bugs? Write a remedial IE6 stylesheet to address layout issues? Use JavaScript to bootstrap CSS support in IE6? Make your site look exactly the same in IE6 as in any other browser? Develop to better browsers and spend no development time or testing for IE6? As Jeremy wrote last year. Mise à jour du tutoriel sur les ombrages en CSS3 - Alsacréations. Passez au player vidéo HTML5 en douceur. Html5media - Project Hosting on Google Code. CSS Monsters « VirtuousWeb. xCSS - OO CSS Framework. CSS 3 : les effets de texte. Float : le grand bluff ? - Alsacréations. Mise en page CSS avancée grâce à la propriété display - Alsacréa. L'atteinte à la concurrence, trouble-fête de la carte musique je. Ovale et forme elliptique avec CSS3 sans image - Alsacréations.

FFMpeg2Theora, guide par l'exemple. Tutoriel HTML : la structure d’une page. Tutoriel HTML : l’entête de la page. HTML5 presentation. 25 frameworks CSS — Mettez une grille dans votre site web. HTML5 - L'attribut draggable. The HTML5 test - How well does your browser support HTML5? Générer des boutons en CSS. Gérer les débordements de contenu grâce à CSS - Alsacréations.