Archives : Breves

Plein d’infos intéressantes pour optimiser son site wp en shell avec wp-cli. C’est ici : https://guides.wp-bullet.com

Visualize Sass HSL color functions in real-time without compiling. Made by Jim Nielsen. Code’s on Github. Do the same thing but in CSS at ColorMe.io. SassMe

Sur CDNFONTS, on trouve beaucoup de polices. Certaines sont assez originales. Il faut un peu chercher…

Pour mémo, une fonderie intéressante – Typographer Mediengestaltung – avec des fontes libres de droit.

Sur FONTSARENA également

Les points de rupture indiquent le nombre de colonnes, la largeur des espaces intercolonnes et la largeur des marges selon différentes tailles d’écran.

Plus d’infos : https://design.quebec.ca/design/bases/grille-8px

Un test avec une vidéo.

•  8px = 0.5rem
• 16px = 1rem
• 24px = 1.5rem
• 32px = 2rem
• 40px = 2.5rem
• 48px = 3rem
• 56px = 3.5rem
• 64px = 4rem
• 72px =  4.5rem
• 80px = 5rem

Ce système d’espacement permet de garantir une homogénéité, cohérence et consistance des interfaces conçues. Cela dans le but d’améliorer l’UX et de faciliter la conception et le développement.

Nous utilisons des multiples de 8px pour définir les marges et padding, auxquels s’ajoutent les espacements de 4px, 12px et 20 px afin de gérer tous les cas de figure les plus courants.

La méthodologie BEM (Block – Element – Modifier) comme convention de nommage des classes CSS. Elle permet aux développeurs une meilleure compréhension de la relation entre HTML et CSS dans un projet donné.

Selon cette méthodologie, un block représente le plus haut niveau d’abstraction d’un nouveau composant, par exemple .parent.

Des éléments (ou enfants), peuvent être placés à l’intérieur de ces blocks, et sont désignés par deux underscore précédés du nom du block : .parent__element.

Les modifiers quant à eux, servent à manipuler les blocs, de manière à les styliser de manière indépendante en s’assurant de ne pas induire de changement à des blocks sans aucun rapport avec celui-ci. Ils sont notés à l’aide de deux tirets précédés du nom du block comme suit : .parent–modifier.

Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.

Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.

Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.Phasellus fermentum malesuada phasellus netus dictum aenean placerat egestas amet. Ornare taciti semper dolor tristique morbi. Sem leo tincidunt aliquet semper eu lectus scelerisque quis. Sagittis vivamus mollis nisi mollis enim fermentum laoreet.

Le lien Github : Undescore

Hi. I’m a starter theme called _s, or underscores, if you like. I’m a theme meant for hacking so don’t use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That’s what I’m here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you’re designing your awesome theme. Here are some of the other more interesting things you’ll find here:

One of the most important tools in the WordPress toolkit is WP_Query. This class enables developers to retrieve posts or pages from the WordPress database based on specific criteria. By using WP_Query developers can create custom templates, display posts in a specific order, or even create custom queries for use in widgets or plugins.

La suite :  https://wpvip.com/blog/wp-query-performance/