Ressources du dimanche (14) : ressources pratiques web (2)

Happy sunday ! Quelques éléments web ce 1e jour de printemps. Deuxième partie sur la thématique d’un web pratique. Je vous livre quelques ressources et articles, utiles pour apprendre, coder, composer et avancer dans nos projets web. D’autres aussi pour se laisser inspirer. Ces ressources vous seront précieuses, alors bon travail à tous !

Revue web : ressources pratiques web (2)

Ma sélection relève des outils HTML & CSS, à travers des articles intéressants qui apportent des réponses, des solutions sur des éléments de code, SEO et typographie.

1 – MUI Css

MUI est un framework CSS léger qui suit les guidelines du Material Design de Google. De plus ce framework nous permet d’utiliser des composants de l’interface user rapide, modulaires et cohérents sur toutes les plateformes du web et mobile (webComponents, React, HTML email …..). Tout y est pour pouvoir assembler un projet web complet, léger et efficace.

Voir le MUI Css

framework_mui-css

2 – Tasty CSS-animated hamburgers

Une page d’inspiration pour les animations du menu Burger. Un ensemble d’animations diverses pour les 3 barres du menu hamburger, avec le code associé et la possibilité de le customiser. Plutôt sympa !

Voir la page Tasty CSS-animated hamburgers

tasty-animated-css

3 – Adaptive Background

Un plugin jQuery qui permet d’extraire les couleurs dominantes à partir d’images et de l’appliquer à son parent. Particulièrement opportun pour gérer et harmoniser les background avec os images.

Voir l’outil Adaptive Background

adaptive-background

4 – Connaissez vous ces 8 tags HTML 5 ?

Petite révision en HTML 5 pour cet article de Simon Codrington. Très intéressant pour la révision sémantique et les possibles utilisations que l’on peut en faire.

Lire l’article Do you know these eight HTML tags ?

eight importants HTML 5 tags

5 – Introduction aux PostCSS

Dans les outils récents, PostCSS est inmanquable. En effet, PostCSS vise à réinventer les CSS en les dotant directement des atouts géniaux des préprocesseurs, et de les doter des fonctionnalités modernisées. Et cela grâce à des plugins javascript. Les possibilités peuvent alors s’étendre à pas mal de fonctionnalités vraiment indispensables.

Lire l’article sur the introduction to Post CSS

Introduction to the postcss

6 – Les propriétés CSS ‘Object-fit’ et ‘Object-position’

Un article de Robin Rendle au sujet des propriétés object-fit et objet-position : comment un élément va pouvoir répondre à la largeur et la hauteur de sa boîte de contenu, et la positionner précisément. Cela nous permet de contrôler les manières d’afficher les visuels background par exemple, et les vidéos surtout.

Lire l’article A quick overview of ‘object-fit’ and ‘object-position’.

object-fit-and-object-position

7 – De l’importance du rythme vertical en typographie

Cet article est pour moi important, car je prêche depuis longtemps pour un travail sur les rythmes verticaux de grille et des respects de line-height dans la construction des pages web. Et cet article explique de manière très simple et complète le pourquoi du comment de l’importance du rythme vertical. Je vous invite vivement à le lire.

Lire l’article Why is vertical rythm an important typography practice?

vertical-rhythm-typography

 

 

Voici donc quelques références d’articles qui me semblent importantes pour pouvoir réfléchir, solutionner et agir pour nos sites. N’hésitez pas à donner votre avis, répondre et enrichir cette revue d’articles.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Categories:
Tags:
Date:
  • 21/03/2016
Share:
%d blogueurs aiment cette page :