background preloader

HTML5 Rocks - A resource for open web HTML5 developers

HTML5 Rocks - A resource for open web HTML5 developers

https://www.html5rocks.com/en/

Related:  Tutoshtml/csstechnologies webHTML

S02E01 : Responsive Web Design Vendredi 2 septembre 2011. 13h, le WDFR saison 2 débute, la foule est en délire. Pendant ce temps Francis explique comment vont se dérouler les sessions WDFR de cette nouvelle année “scolaire” et rappelle la marche à suivre pour participer au tweet-up (pour les nouveaux surtout, parce que nous on sait comment ça se danse :D). Cette saison, le WDFR c’est tout les premiers vendredi du mois. Qu’est-ce que le Responsive Web Design ? 13h05, interro surprise : Créer un menu à onglets avec CSS Introduction Propos Je vais montrer comment utiliser le langage des feuilles de style en cascade (CSS) pour créer un menu à onglets. La technique utilisée n'a rien de nouveau, mais elle sera l'occasion d'aborder plusieurs sujets rarement traités en un même endroit. Tout au long de mon exposé, je ferai référence à des considérations méthodologiques, notamment sur les principes de développement, les outils de validation et les raccourcis d'écriture CSS.

20 Nouveaux Thèmes Wordpress Gratuits pour 2012 Note : Cet article a été publié en janvier 2012, certaines choses peuvent avoir changé depuis. Il était hors de question de commencer l’année sans publier une nouvelle sélection de thèmes WordPress gratuits ! Voici des thèmes tout beaux tous neufs pour apprendre à utiliser WordPress sans risque. J’ai également traqué et éradiqué les moindres traces de code crypté à l’intérieur de ces thèmes. Accueil Index des balises html Le HTML est le langage utilisé pour mettre en forme des documents ou des médias au niveau des navigateurs web. Ses initiales signifient Hyper Text Markup Language. Le langage HTML est vraisemblablement le langage le plus utilisé et son rendu le plus regardé dans le monde. Cela tient au simple fait que c'est à travers le html que sont affichées la très grande majorité des informations véhiculées sur le net.

CSS Ô grands fous qui êtes tombés par inadvertance sur cette page et voulez apprendre ce langage si célèbre mais si ingrat qu’est le CSS ! Tant de simplicité dans sa puissance, tant de concision dans son mystère ! La fascination qui vous hante est celle qui vous mènera à votre perte. Jamais, non, plus jamais n’oserez vous approcher une page HTML sans ressentir le désir ardent d’en découvrir l’envers, d’en démasquer la charpente, d’en partager la mécanique.

Retour d’expérience sur le responsive design Au-delà de notre satisfaction d'avoir sorti un site dont nous sommes particulièrement fiers, nous avons voulu partager notre retour d'expérience sur la refonte de notre site en responsive design. Refondre son site web est toujours un défi pour une agence web. Notre précédent site fêtant son 3ème anniversaire, il n’était plus très en phase, ni avec notre discours, ni avec nos méthodologies et commençait à être technologiquement obsolète. Les 10 meilleures ressources HTML5 en ligne pour les graphistes Découverte sur Smashing Hub, cette liste des dix meilleures ressources HTML5 en ligne pour les graphistes va s’avérer très utile pour tous les concepteurs de sites Web. Vous allez y découvrir des outils pour le graphisme, gérer vos sprites, En effet, l’arrivée massive de ce nouveau langage, que j’aborde régulièrement sur le blog, est un nouveau langage de structuration et de présentation pour le contenu sur le Web. Il dispose de nombreuses fonctionnalités telles que l’intégration de la vidéo, de l’audio, des polices, du glisser-déposer, la possibilité de dessiner, etc…

change de peau Et voilà ! Cette fois c'est officiel, mattrunks évolue pour de bon. Mais tout d'abord, car certains n'attendaient surement que ça, je tiens à préciser que cette nouvelle version n'apporte pas beaucoup de nouveaux tutoriels, pour le moment. Le développement de cette nouvelle version a demandé beaucoup de temps, et tous mes efforts furent dédiés à sa création. HTML : Balise <br> Exemple Un changement de ligne est balisé de la manière suivante : Ce texte contient<br />un changement de ligne. Essayez vous-même »

Utiliser CSS3 aujourd'hui, outils et ressources 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. 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.

Créer une application en HTML 5 Pendant les trois jours au Web 11, on peut voir des conférences, rencontrer du monde mais aussi assister à des ateliers. Un certain nombre d’ateliers sont animés par Orange, Google, Evernote, Linkedin ou Intel. J’ai eu l’occasion d’assister à un atelier d’Intel sur l’HTML 5.

Mise en page sans tableau - Club des décideurs et professionnels En règle générale, le webmestre qui réalise une mise en page avec tableau utilise aussi un logiciel WYSIWYG en lui faisant confiance. J'ai donc fait ce petit test avec l'interface WYSIWYG d'un logiciel très connu et voilà ce qu'il m'a donné pour une mise en page 2 colonnes (dont un menu à gauche de largeur de 150 pixels) encadrés d'un en-tête et d'un pied de page : Mouais...

Les tendances e-commerce à surveiller - Retour sur Internet Retailer Conference & Exhibition 2013 La semaine dernière se tenait IRCE2013, le plus grand salon e-commerce au monde, à Chicago, et pour une quatrième année consécutive, Adviso y était, à la fois pour prendre le pouls des grandes tendances du commerce en ligne, que pour rencontrer toutes sortes d'entreprises intéressées par le commerce électronique ou fournissant des services à celles-ci. Une fois de plus, des journées remplies de conférences (j'en ai suivi 28), et de rencontres (plus que 28, mais clairement un petit échantillon parmi les… 10 000 personnes présentes. Voici donc mes grands constats, en quelques mots. 1.

Related:  HTML5HTML5HTML 5 & CSSWEBressources-devenfinducHTMLrrhtmlCSSHTML5HTML5HTMLHTML5HTML5html cssHTML5ProgrammingHtml5HTML5HTML5 + WebGL