HTML/CSS

Facebook Twitter

Pearltree d'information sur le codage html/css, sa philosophie et ses avancées.

Le petit journal permanent de CSS3 — 100+ ressources pour commencer. Periodic Table of the Elements - Josh Duck. Should You Reset Your CSS? A Comprehensive Guide to CSS Resets. The History of CSS Resets. 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... Ressources HTML 5 Les indispensables W3Cschool : HTML 5 - Langue anglaise : tout savoir sur toutes les balises de ce langage, leur utilisation, les attributs,... Tous les gabarits — Gabarits HTML-CSS. 35 Fresh CSS3 Articles & Tutorials / CSS / Splashnology - Web Design and Web Technology Community.

Creating A Custom HTML and CSS Framework for Rapid Development. 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. 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.

De multiples ressources CSS3 pour déjouer les faiblesses d'IE voient le jour presque quotidiennement, notamment par l'ajout de JavaScript. 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. FAQ sur le CSS. De Memodev.

FAQ sur le CSS

CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). 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). Les différences entre ces deux languages sont expliquées sur le site d'openWeb. Les meilleurs tutoriels HTML et XHTML. 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.

Ce que nous réserve CSS3 en 2010 - Alsacréations

L'année 2010 verra certainement nos habitudes changées par les nouvelles possibilités offertes en CSS 3. D'ores et déjà de nombreuses utilisations concrètes voient le jour. 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.

Osez HTML5 et CSS3 ! - Alsacréations

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... 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. 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. 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.