Outils 78 ressources en ligne Haut de page Visual Studio Code Visual Studio Code est un éditeur de code source récemment lancé par Microsoft,… Schnaps.it, le générateur de template HTML5 Alsacréations est fier de vous annoncer la naissance de Schnaps.it, notre nouvel… Rendu par défaut des éléments HTML Outil conçu par Julien Royer, permettant d'observer les différences de rendu par… MobileHTML5 MobileHTML est un tableau de compatibilité récapitulatif à destination des plate-formes… ReformedApp Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous… Initializr Initializr vous permet de générer un template HTML5 basé sur HTML5 Boilerplate.… HTML5Please HTML5Please est un récapitulatif clair et bien organisé listant les différentes… HTML5 Boilerplate HTML5 Boilerplate est un gabarit HTML5 et CSS3 contenant toutes les bonnes pratiques… HTML5Rocks Diaporama des nouveautés HTML5, tutoriels pas à pas, et exemples en ligne. Haut de page Accessibilité Haut de page Développement Web
Design Spartan : Art digital, digital painting, webdesign, illustration et inspiration… | Le blog sur l'art digital, le webdesign, l'illustration et le digital painting Se lancer dans le HTML 5 Nous allons voir ensemble comment se familiariser avec les nouveautés HTML 5. Nous verrons quelques balises importantes de la prochaine version majeure du HTML. » La version 5 de HTML apporte à tous les webdesigners des outils pour simplifier le développement Nous allons tout d’abord parler de compatibilité. Et voici le code : Nous allons voir les différentes déclarations de type de document ou doctype. → Voici à quoi ressemble le doctype de l’HTML 4.01 : → Voici à quoi ressemble le doctype de l’XHTML 1.0 : → Voici le doctype ultra simplifié de l’HTML 5 : Balises meta, script et link → Voila la balise meta d’un document en HTML 4.01 : → Voila la balise meta d’un document en HTML 5 : → Pour la balise script, là ou avant le html 5 il fallait préciser type= »text/javascript », désormais plus besoin de le préciser. → Il est aussi inutile de préciser type= »text/css » pour la balise link en HTML 5 : Balise Canvas → La balise canvas sert à afficher des graphiques. Balise audio Balise video Les formulaires
HTML5 : structure globale du document Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners. Un document HTML5 minimal Sans surprise, les bases d'un code HTML5 ressemblent beaucoup à celles rédigées à l'aide des précédentes versions HTML 4 et XHTML 1.x. <! Le doctype La première ligne d'en-tête a été considérablement simplifiée. Ce doctype allégé a été mûrement testé et réfléchi : il permet toujours - pour les anciens navigateurs - de rester dans le mode d'interprétation conforme aux standards et d'éviter le mode quirks. L'élément racine <html> L'attribut lang (sur <html>) Initializr
TOP 14 des répertoires d'images gratuites! (usage commercial) Par Olivier Lambert, dans Design , publié le 2014-11-10 La photo a toujours été partie intégrante de toutes campagnes de communication et de marketing. Comme on dit: "une image vaut mille mots"! Eh bien dans ce cas, vaut mieux choisir la bonne image! Malheureusement, les banques d'images photo "stock" ont été un peu abusées au fil des ans. En surfant sur le web, c'est à croire que toutes les entreprises emploient la même réceptionniste! Non seulement ces images commencent à être clichées, mais ces dernières peuvent coûter cher! Personnellement, j'utilise Dollar Photo Club qui offre ses photos à 1 $ seulement, mais la plupart des autres sites (tels que Shutterstock) offrent leurs images à plus de 10 $ chacune! Merci aux z'Internet, un nombre grandissant de sites web propose de superbes banques d'images libres au téléchargement, et ce, complètement gratuitement! Dans ce billet de blogue, j'ai rassemblé une liste des meilleurs sites d'images stocks gratuites! À propos des droits d'auteurs Unsplash
Généralités sur les couleurs dans le guide de la gestion des couleurs | Arnaud Frich Ce guide se veut une initiation à la gestion des couleurs. Il n'est pas écrit par un "théoricien" des couleurs mais par un photographe passionné qui s'intéresse au sujet depuis quinze ans. Vous n'y trouverez donc pas de tests avec plein de chiffres après la virgule mais bien un retour d'expérience pragmatique, concret. A travers ces dix pages, je souhaite vous accompagner dans le vocabulaire spécifique à la gestion des couleurs. C'est un vocabulaire nouveau le plus souvent qui ne fait pas parti de l'inconscient collectif comme le vocabulaire du tirage argentique. Ici, les sondes d'écran et les profils ICC remplacent les éprouvettes, les bacs de révélateurs et les thermomètres. La gestion des couleurs, voici une étape à ne surtout pas négliger et qui pourtant est encore trop souvent délaissée par les photographes ou les graphistes lorsque qu'ils travaillent leurs images sur un ordinateur. Remerciements... La problématique de la gestion des couleurs Dans un monde parfait (!)
Vectips - Adobe Illustrator® Tutorials, tips, tricks, and resources Vecteurs gratuits et autres fichiers graphiques | Freepik Ui Tiles la ressource pour préparer vos web designs Cette semaine une ressource très intéressante à découvrir avec Ui Tiles qui propose un véritable kit pour réaliser des wireframes en toute simplicité ! Un kit complet pour préparer vos sites web Si vous avez l'habitude de réaliser en amont de vos web designs des wireframes ou croquis pour imaginer l'ensemble des pages et fonctionnalités de votre projet, vous devrez aimer Ui Tiles. Une ressource complète, libre de droits et gratuite ! Ui Tiles propose 72 modèles de bases, ensuite vous êtes libre de pouvoir composer les vôtres selon vos idées et besoins. Si vous êtes webdesigner, chef de projet, ergonome ou simplement passionné par le web, cette ressource devrait vous servir. Pour la télécharger, le site demande simplement un mail pour vous envoyer le lien. Découvrez la ressource Ui Tiles en images et pour la télécharger rendez-vous ici : pixelbuddha.net/ui-tiles