Se lancer dans Sass Qui a encore peur aujourd'hui de Sass et des préprocesseurs en général ? David Demaree nous montre dans cette introduction claire et complète la simplicité et l'utilité de Sass. Indispensable, vraiment. Par David Demaree La simplicité de CSS est depuis toujours l’une de ses caractéristiques les plus agréables. 9 tendances design web avant-gardistes à connaître en 2018 En tant que supports numériques, les sites web sont extrêmement susceptibles d’évoluer en 2018, bien plus que les techniques traditionnelles d’imprimerie… Mais, 18 années après le début du millénaire, ça ne surprend plus grand monde, non ? Ce qui est surprenant, en revanche, c’est la manière dont les designers web ont réussi à s’adapter aux défis techniques les uns après les autres, tout en parvenant à créer des sites intuitifs, clairs, innovants, cohérents avec les marques qu’ils représentent, adaptatifs pour aller sur tous les formats d’écrans et tout simplement beaux. Beaucoup de nouveautés ont vu le jour en 2017, y compris l’utilisation mobile qui a pris le dessus sur toutes les autres. Cela signifie que 2018 va devoir exploiter les fonctionnalités plus que jamais, tandis que l’utilisation bureau devra évoluer pour rester dans la course. Avec tout ça en tête, voyons voir ce que les tendances en design web nous réservent pour 2018.
Le BlogDuWebdesign boost l'inspiration des intégrateurs #4 - inspiration-integration Découvrez sur le Blog du Webdesign 10 animations CSS3 sans javascript ! Les animations et transitions CSS3 Qu'on se le dise, il n'est plus obligatoire d'utiliser du Javascript pour avoir de jolies animations sur son site ! Le CSS3 fournit deux outils vraiment très bien : les transitions et les animations. Les Transitions ne sont ni plus ni moins qu'un moyen de répartir le changement d'une propriété (par exemple un changement de couleur de texte au survol) dans le temps, pour donner un effet d'apparition, par exemple. Menu déroulant en CSS3 avec transition et max-height - CSS / CSS3 Menu déroulant en CSS3 avec transition et max-height Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 52 989 fois. Il y a quelques temps déjà, Lea Verou proposait d’utiliser la propriété max-height afin d’effectuer des animations sur un élément sans toucher à la propriété height.
22 expériences et ressources WebGL Aujourd’hui plus que jamais, le WebGL s’impose comme la technologie web propre aux expériences originales et immersives. J’ai grandi dans le milieu du web en étant littéralement fasciné par les magnifiques sites Flash de l’époque. Certes issues d’un technologie propriétaire, ils étaient parmi les seuls à nous faire vivre des expériences web poussées et interactives. Simplifiez-vous la vie avec LESS La partie fun du cours commence. Vous allez apprendre à utiliser LESS pas à pas. On commence ? Veuillez noter que CSS est totalement compatible avec LESS, ce qui signifie que vous pourrez tout à fait utiliser du CSS pur dans votre code si vous le souhaitez. Constantes
Embedding : intégrer du contenu social à son site Comment intégrer des contenus sociaux à son site web ? Facebook, Twitter, Google Plus, Instagram ou encore Youtube permettent d'insérer facilement des publications partagées depuis leur plateforme sur des pages web tierces (« embedding » en anglais). Une astuce simple pour dynamiser et enrichir la discussion autour d'un article sur son site. Comment procéder ? Créer un menu horizontal centré en CSS (sans JavaScript) Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 93 383 fois. C’est une chose qui peut paraître très simple à faire, mais sur laquelle beaucoup de personnes se sont cassés les dents.
Une taille de police en fonction de la largeur d’écran J’ai souvent eu l’occasion à travers mes divers projets Web mobile (responsive), d’avoir à réduire la taille des polices de titre car même un simple mot ne passait pas en largeur. Pour éviter d’avoir une césure sur chaque mot du titre, le plus simple était de s’autoriser une réduction approximative du corps. (approximative… façon de parler). Je vous propose des solutions relative. CSS3 à la rescousse
23 sites pour apprendre à coder en ligne Découvrez une liste de 23 sites proposant des cours pour apprendre à coder en ligne de différentes façons. Ces sites proposent des formations de programmation de différents types : des articles de qualité, des tutoriels interactifs ou la mise en relation avec un développeur confirmé. Si vous souhaitez apprendre un nouveau langage ou les bases du code, vous trouverez de nombreuses informations, sur l’ensemble de ces sites, vous permettant de démarrer votre aventure pour devenir développeur. J’ai sélectionné des sites en français et en anglais.