Introduction - Tutoriel HTML & CSS À qui s'adresse ce tutoriel ? À ceux qui veulent apprendre comment créer des sites internet : je vais vous apprendre tout de suite la meilleure méthode de le faire. En effet, le HTML est un standard très riche et permissif. Sans un bon guide, il est possible de se perdre entre les différentes méthodes. Ce fut mon cas : mes premiers sites sont mal faits et ce n'est que petit à petit que j'en suis venu au HTML + CSS. Ce que vous avez toujours voulu savoir sur CSS - Vincent De Oliveira Aujourd’hui, c’est un fait: tout le monde connaît et utilise CSS. Et c’est tant mieux! Cependant, bien que le langage en lui-même soit plutôt simple, certains aspects peuvent sembler encore obscurs. Cet article fait suite à une présentation que j'ai donnée lors de la Kiwi Party 2013, puis lors des MSTechDays 2014. CSS, c’est simple
Comment indiquer la langue d’un contenu en HTML? Il est important sur une page web d’indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d’indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux de synthèse vocale. Par exemple, un lecteur d’écran a besoin de connaitre la langue du contenu pour pouvoir le lire correctement, quand cette langue diffère de ses paramètres par défaut. Indiquer la langue de traitement On commencera par veiller à ce que chaque page HTML ait un attribut lang sur l’élément racine, qui indique la langue principale de la page. Docteur HTML5, Travailler en HTML5 dès aujourd'hui! Il existe plusieurs événements sur HTML5 en français. Trouvez-vous qu’il est difficile d’en trouver un dans votre ville ? Si vous en organisez un, présentez-le dans les commentaires de ce billet et sait-on jamais, cela pourrait être utile ! Par exemple, à Montréal, le W3Québec organise des HTML5 Meetup. L’information se retrouve ici : Et nous [...] Continuer à lire »
Comment bâtir le cahier des charges de votre site internet ? Vous avez un projet de création de site internet ? Si vous ne savez pas comment le formaliser, ce billet de blog sur le cahier des charges est pour vous ! La rédaction d’un cahier des charges est une étape incontournable dans la création ou la refonte d’un site internet sur mesure. Qu’est-ce qu’un cahier des charges de site internet ? Avoir plusieurs présentations alternatives pour votre site On peut définir une présentation alternative comme : « une présentation adaptée à un autre support » que le traditionnel navigateur graphique (exemple : les mobiles). un autre design d'un site pour un support donné (exemple : pour un navigateur graphique). Il y a quelques années, l'idée même d'avoir un site avec plusieurs présentations alternatives faisait simplement sourire les « habitués ». Le concept en lui-même était séduisant, mais se heurtait à plusieurs obstacles :
Spécifier la langue d'un document (X)HTML De nombreuses sources encouragent les auteurs à préciser la langue de leur document : les directives d'accessibilité, les bonnes pratiques qualités, les spécifications (X)HTML , les conseils pour l'internationalisation, l'optimisation du reférencement, etc. Le plus souvent, cette démarche semble d'autant plus simple que le document est rédigé dans une langue unique, ou comporte tout au plus quelques citations dans une autre langue. Cependant, même dans ces cas simples, ce sont en fait deux notions bien distinctes qui sont à l'oeuvre : les langues primaires de la ressource et les langues de traitement de son contenu. Toutes deux répondent à des problématiques opérationnelles différentes, que nous allons analyser ici.
display: inline-block et les espaces indésirables La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée. Elle offre de multiples avantages dont le principal est de pouvoir disposer des éléments les uns à côté des autres, tout en étant dimensionnés et sans les retirer du flux. L'un de ses inconvénients majeurs est l'apparition d'un espace indésirable et incompressible de prime abord entre les blocs. S'il n'est pas gênant, tant-mieux; sinon, de multiples techniques plus biscornues les unes que les autres existent. Le cas «white-space» Comme tous les éléments de type inline ou de contenu textuel, les objets munis de la déclaration display: inline-block respectent la règle des caractères blancs (whitespace), c’est-à-dire que n’importe quel caractère HTML espaçant deux éléments va immanquablement apparaître entre leurs deux boîtes.
58 formations à suivre pour devenir Développeur Web Le métier de Développeur Web vous intéresse ? Vous souhaitez vous y mettre à fond mais vous ne savez pas par où commencer ? Retrouvez notre sélection de 58 formations sélectionnées avec soin par notre équipe pour vous aider dans cet apprentissage. Se former au métier de Développeur Web