Oseox : Cours Référencement Liens Sponsorisés Affiliation Emailing
Most popular smartphone screen resolutions 2015
The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits. The number of dots on the screen Screen resolution provided by the device manufacturer defines the number of pixels (the tiniest addressable points) available on the screen, and it is usually quoted as width × height. Physical vs. virtual pixels It is also worth mentioning that for many graphic designers CSS pixels are a more important factor than physical pixels listed by device manufacturers. A CSS pixel (px) equals 1/96th of 1in. The DeviceAtlas team dug a little deeper to provide you with the most recent statistics on the most popular physical screen resolutions, and CSS pixel resolutions across some selected local markets.
Nouvelle formule pour les inspirations pour intégrateurs #83 : Illustrations CSS
Premier article d'un nouveau format pour les inspirations pour intégrateurs, qui se renouvelle pour 2017 ! Pour ce premier chapitre, revenons sur les illustrations et animations en CSS. Les inspirations pour intégrateurs changent de formules ! Dans quelques mois les inspirations pour intégrateurs atteindront l'âge respectable de 4 ans, et ont très peu évolué depuis leurs débuts. Tous les premiers jeudis du mois, vous retrouverez un article d'inspirations pour les intégrateurs dans le style des anciens, avec des ressources sélectionnées, et ordonnée selon leur complexité. Puis, les semaines suivantes, nous prendrons des exemples de cette liste et les décortiquerons, parfois ligne à ligne, pour aider le plus de monde possible à comprendre les techniques mises en place, dans un article de techniques d'intégration. Créations et animations en CSS "traditionnelle" Que pensez-vous de ce nouveau format ?
SEO, Adsense et Referencement
Réduire la taille des ressources HTML, CSS et JavaScript | PageSpeed Insights | Google Developers
Ces règles se déclenchent lorsque les analyses PageSpeed Insights indiquent que la taille de l'une de vos ressources pourrait faire l'objet d'une réduction. Présentation La réduction de la taille des ressources consiste à supprimer les octets inutiles, ceux utilisés par exemple par les espaces supplémentaires, les sauts de ligne et les mises en retrait. Compresser les ressources HTML, CSS et JavaScript peut accélérer le temps de téléchargement, d'analyse et d'exécution. En outre, il est possible de réduire davantage la taille des fichiers CSS et JavaScript en renommant les variables, tant que la ressource HTML est mise à jour de manière adéquate afin de s'assurer que les sélecteurs continuent de fonctionner. Recommandations Nous vous conseillons de réduire la taille de vos ressources HTML, CSS et JavaScript. Vous pouvez utiliser l'extension PageSpeed Insights pour Chrome afin de générer une version optimisée de votre code HTML et réduire la taille de vos ressources.
Les nouveautés de l'HTML 5.1
Le World Wide Web Consortium (W3C) qui est une communauté internationale qui développe des standards pour l'évolution du Web a officialisé la version 5.1 du langage HTML. Le développement de cette spécification a débuté en décembre 2012 et a été validée en tant que recommandation par le W3C le 1er novembre 2016. Nous allons voir ensemble les ajouts importants de cette recommandation. picture et srcset Ce nouvellement a pour but d'améliorer le chargement des images en sélectionnant l'image à charger suivant la taille de l'écran de l'utilisateur. Dans le cas où un navigateur n'est pas compatible, alors on affiche une image par défaut via <img>. details et summary Ces 2 balises permettent de générer un widget permettant d'afficher et de masquer du contenu sans JavaScript. <details> Ceci est un texte. <details> permet de masquer des informations et affichera le texte "détails" qui, une fois cliqué, permettra de révéler le texte complet. Menu contextuel Voir la démo. Autres Vers HTML 5.2
Faire connaitre et afficher le PageRank Google de votre site web ! www.visual-pagerank.be
How to Section Your HTML
Easily manage projects with monday.com 👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user experience for screen reader users. We'll be making updates to make sure the article reflects the best possible information. The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. Here is a brief explanation of each sectioning element and how they are used: <nav> - Equivalent to role="navigation". #Contents This is a very long article that I suspect you will want to come back to and reference multiple times. #When to use <nav> The <nav> element only ever needs to be used once per navigation block. <nav aria-label="Primary"><ul><li><a href="#">Primary link</a></li><li><a href="#">Primary link</a></li><li><a href="#">Primary link</a><! The <nav> element is intended for only major navigation blocks. The key phrase is ‘major’ navigation. A <nav> is unnecessary around a search form <! <! <! <! <!
HTML5 : le guide du débutant
La capacité à créer de belles et convaincantes pages web est une compétence utile qu'il faut avoir. Elle vous permet de présenter des informations qui vous intéressent tout en capturant l'attention des personnes qui visitent votre page web. Si vous ne souhaitez pas utiliser les gestionnaires de contenu (tels que WordPress, Drupal et Joomla) pour mettre sur pied votre site web et que vous voulez apprendre les bases du HTML5, alors ce guide est fait pour vous ! Et au fait, une fois que vous aurez appris les ficelles du métier pour le HTML5, je vous suggère de jeter un œil à ma « Fiche de révision HTML5Fiche de révision HTML5 » ci-dessous. Historiquement, les sites web sont créés à partir du HTML, du CSS et du JavaScript. Ce renouveau est appelé HMTL5, et il est utilisé avec beaucoup d'enthousiasme par les entreprises et les développeurs. Même si tout ça peut sembler intimidant au premier abord, ça ne l'est pas du tout. Ici on trouve beaucoup de choix VI-A. VI-B. VI-C. VI-D. VI-E. <! <!
Le B A ba du référencement
Comprendre le référencement sur Google, les bases. Que les lecteurs habituels de ce blog m’excusent cet article niveau débutant est plus destiné à nos prospects et clients. C’est un résumé à l’issu d’un premier entretien téléphonique. Il pourra toutefois servir de repère à toute personne souhaitant comprendre le référencement sur les moteurs de recherche, et plus spécifiquement Google. Pour les anglophones, cette excellente vidéo de Google vous aidera aussi à comprendre le fonctionnement de ce moteur de recherche. La logique abordée est celle de l’agence AxeNet qui intègre les leviers relatifs au référencement dès le début d’un projet de conception de site web. Le référencement, c’est quoi ? Dans le langage courant, c’est la mise en oeuvre de techniques et de pratiques visant à positionner votre site dans les moteurs de recherche. Inutile en effet d’être uniquement premier sur le nom de votre société, tous ceux qui ne la connaissent pas n’aboutiraient jamais sur votre site. C’est Tout ?
