Débuter le web Intégration

À travers cette catégorie, nous vous proposons une introduction sur l’intégration ainsi qu’une interprétation des langages CSS3 et HTML5. Vous découvrirez également quelques outils pour un bon développement web.
Il faut savoir que le langage HTML5 ou HyperTextMarkup 5 est la dernière évolution majeure du langage HTML. Bien que celui-ci ne soit pas tout à fait au point.
Dans cette catégorie, nous allons voir de plus près tout ce qui concerne le langage HTML5 comme les nouvelles balises ainsi que les nouvelles fonctionnalités. Également, nous aborderons le CSS3 étape par étape pour que vous puissiez l’apprendre facilement.

  • Le World Wide Web Consortium ( W3C)

    octobre 17, 2014

    Fondé en 1994, le W3C ou World Wide Web Consortium est une association créée par Tim Berners-Lee. Ce dernier a mis en place ce consortium dans le but d’instaurer des standards pour que le Web soit mené à son plein … Suite

  • Sublime Text éditeur Front End

    octobre 15, 2014

    Nous avons essayé de nombreuses IDE ou éditeurs de texte, la liste est longue : Dreamweaver, Eclipse, Aptana, Komodo, Atom ou encore Frontpage et Notepad++ ainsi que Zend-Studio. Ce ne sont pas là les seules applications, il y en a … Suite

  • Les sélecteurs, pseudo-classes et pseudo-éléments en CSS3

    août 7, 2014

    En gros, les sélecteurs servent par le biais d’une “requête CSS” d’atteindre un nœud dans un DOM et de lui attribuer un style défini. Avec l’évolution des navigateurs et les parts de marché qu’occupent les navigateurs modernes qui se multiplient … Suite

  • CSS : Box Sizing

    août 6, 2014

    Avant d’entamer le sujet concernant le propriété box-sizing, il faut d’abord comprendre certaines choses. En effet, il faut savoir comment les navigateurs calculent les dimensions des éléments web. En dehors de la boîte, les bordures et les marges intérieures sont … Suite

  • Les Hacks CSS

    août 5, 2014

    Il faut savoir que tous les navigateurs ne proposent pas le même affichage d’un même site. Pas de la même manière puisque chacun des navigateurs possèdent leurs propres façon de lecture et même si l’ensemble de ces browsers à tendance … Suite

  • Best of Plugins Firefox pour les intégrateurs HTML

    août 3, 2014

    Pour une bonne réalisation de votre intégration ainsi que la simplification de vos tâches avec des outils indispensables, voici le top des plugins Firefox pour tous les intégrateurs HTML : Firebug, PageSpeed, Web Developer, ColorZilla, MeasureIt et User Agent Switcher. … Suite

  • Les unités de mesure en CSS : px, rem ou em

    août 2, 2014

    Il existe de nombreuses mesures pour la définition de la taille des « font » d’une page web : in, cm, pt, pc, mm… Dans cet article, nous n’allons aborder que les 3 unités les plus utilisés qui sont px, … Suite

  • Les zones de saisie enrichies en HTML5

    août 1, 2014

    Avec le HTML5, de nouveaux types de champs sont apparus et différentes fonctionnalités liées aux formulaires sont apportées. Pour cela, il suffit d’indiquer l’une des nouvelles valeurs proposées pour l’attribut ‘type’ de la balise <input /> Concernant ces zones de … Suite

  • Responsive design : le Meta Viewport l’indispensable

    juillet 31, 2014

    Sur l’article vu précédemment nous avons aborder les Medias query, mais on ne peut affirmer faire du web design responsive sans combinaison Medias query et Meta Viewport. Effectivement sans Meta Viewport, le changement de la taille de la fenêtre du … Suite

  • CSS3 : les Media Queries

    juillet 30, 2014

    La Media Queries définit les techniques pour appliquer les feuilles de style en fonction des périphériques utilisés pour la lecture du HTML. Cette pratique permet l’adaptation dynamique du design à l’aide du CSS. Les Media Queries offrent la possibilité de … Suite

  • HTML : formats d’images

    juillet 29, 2014

    Pour rappel, la création d’un site nécessite obligatoirement l’utilisation d’images. Une seule question se pose, quel sera le format utiliser pour enregistrer les images : jpg, gif ou png ? Pour vous aider à choisir plus facilement, nous allons aborder … Suite

  • La transparence de couleur en CSS3

    juillet 28, 2014

    Grâce à l’écriture RGBa, le module de couleurs de CSS3 introduit désormais la notion de transparence dans les valeurs en association avec une couleur. Cette écriture permet ainsi de jouer sur les effets d’opacité entre les différentes couches d’éléments HTML. … Suite

  • Une police personnalisée avec Google Font

    juillet 27, 2014

    Google, notre moteur de recherche propose des font en libre utilisation sur https://www.google.com/fonts, c’est un moyen alternatif pour ne pas utiliser @font-face et le plus simple dans la pratique. Cela se fait à partir d’un url distante à intégrer directement … Suite

  • @font-face : une police personnalisée CSS3

    juillet 26, 2014

    Depuis toujours, les polices personnalisées posaient toujours problème que ce soit pour les webdesigners que les développeurs. Aujourd’hui, grâce à une nouvelle propriété le @font-face, il est désormais possible de mettre des polices sur son site. Ces dernières s’afficheront normalement … Suite

  • Les dégradés en CSS3

    juillet 25, 2014

    Deux propriétés linear et radial sont proposés par CSS3 pour gérer le gradient sur les arrière-plans. Il s’agit de linear-gradient pour les dégradés linéaires et radial-gradient pour les dégradés radiaux. Mode d’emploi pour linear-gradient La fonction linear-gradient permet de créer … Suite

  • Les ombres avec le CSS3

    juillet 24, 2014

    Pour éviter les images décoratives et les découpes intempestives qui alourdissent la taille de votre site et gaspillent votre temps en intégration, il existe des propriétés comme box-shadow et text-shadow qui permettent la création d’ombrages sur les différents éléments de … Suite

  • Les nouveautés apportées dans le code JavaScript du HTML5

    juillet 22, 2014

    Depuis toujours le code JavaScript était la bête noire des développeurs. Avec l’AJAX, le web 2.0 et les différentes bibliothèques comme jQuery, l’utilisation du JavaScript était devenue de plus en plus agréable, facile et très efficace. Avec l’HTML5, de nouvelles … Suite

  • Les nouveautés apportées par le HTML5

    juillet 21, 2014

    Une récente mise à jour de l’HTML 4.01 et de l’XHTML 1.0, l’HTML5 apporte de nombreuses fonctionnalités au langage HTML. Nous allons vous décrire les nouveautés ajoutées à l’HTML « classique » qui sont : allègement du code, nouvelles balises … Suite

  • RECAP DES PROPRIÉTÉS CSS

    juillet 4, 2014

    Nous avons plus ou moins vu la plupart des propriétés CSS, mais nous allons en faire une petite récapitulation, mais y en aura aussi quelques nouvelles propriétés que nous n’avons pas abordées. La liste est non exhaustive car le but, … Suite