Catégories
Astuces et Design

Repérer une tendance | Astuces CSS

Il existe des tonnes de sites Web à la mode, avec un nombre égal ou supérieur de designers et de développeurs talentueux qui les créent. Le Web est génial comme ça et encourage ce genre de créativité. Même ainsi, je suis étonné que certains traits se retrouvent dans les choses. Je veux dire, cela a […]

Catégories
Astuces et Design

style9: CSS-in-JS au moment de la construction | Astuces CSS

En avril de l'année dernière, Facebook a révélé sa grande nouvelle refonte. Un projet ambitieux, c'était la reconstruction d'un grand site avec une quantité massive d'utilisateurs. Pour ce faire, ils ont utilisé plusieurs technologies qu'ils ont créées et open-source, telles que React, GraphQL, Relay et une nouvelle bibliothèque CSS-in-JS appelée stylex. Cette nouvelle bibliothèque est […]

Catégories
Astuces et Design

Sommet de la croissance WordPress.com | Astuces CSS

Je prends la parole au Sommet officiel de la croissance WordPress.com qui se tiendra en août. "Apprenez à créer et développer votre site, du début à la fin", comme ils disent. Ensemble de haut-parleurs charmant, épais et diversifié. C'est un peu en dehors de mes sphères normales, ce qui le rend très excitant pour moi. […]

Catégories
Astuces et Design

Comment mettre du texte en italique | Astuces CSS

HTML et CSS nous offrent la possibilité de mettre du texte en italique. Je parle de texte comme ce. Couvrons tout ce que vous devez savoir. Qu'est-ce que le texte en italique et pourquoi le mettriez-vous en italique? Vous mettez le texte en italique le plus souvent pour attirer l'attention sur celui-ci. Littéralement pour souligner […]

Catégories
Astuces et Design

Les astuces et solutions de conception Web les plus populaires de tous les temps

Nous, concepteurs de sites Web, avons toujours été un groupe astucieux. S'il y a un aspect ou une fonctionnalité spécifique que nous devons atteindre, nous pouvons généralement reconstituer une solution. C’est le cas même quand il n’existe pas de norme ou d’outil spécifique pour nous guider. C'est là que le concept du hack de conception […]

Catégories
Astuces et Design

WooCommerce sur CSS-Tricks | Astuces CSS

Je suis toujours tout excité quand j'accomplis quelque chose, mais je reçois supplémentaire excité quand je le fais et pense, "Eh bien, c'était facile." Autant j'aime jouer avec la technologie, j'aime encore plus profiter des avantages d'une technologie bien configurée. C’est pourquoi je suis toujours aussi enthousiasmé par WordPress – je me sens tellement puissant […]

Catégories
Astuces et Design

Le treizième quatrième | Astuces CSS

Eh bien, mon garçon. Le 13e anniversaire de CSS-Tricks s'est déroulé. Un vrai adolescent maintenant, comment? Je profite toujours de l'occasion pour faire un peu un état de l'adresse du syndicat en ce moment, alors allons-y! Conception Techniquement, nous sommes toujours sur la version 17 de la conception du site. C'était la première conception pour […]

Catégories
Astuces et Design

Quelques liens de performance | Astuces CSS

J'ai juste eu quelques bons liens de performance qui brûlaient un trou dans ma poche, alors les bloguer comme un bon petit blogueur. Recettes de performances Web avec Marionnettiste Puppeteer est une bibliothèque de nœuds pour faire tourner une copie de Chrome «sans tête» (c'est-à-dire sans interface utilisateur) et la contrôler. Les gens l'utilisent pour […]

Catégories
Astuces et Design

Quelques liens typographiques | Astuces CSS

Je ne peux tout simplement pas arrêter d'ouvrir d'excellents articles liés à la typographie, ce qui signifie que je dois vous soumettre à des articles de blog qui les arrondissent afin que je puisse nettoyer mes onglets ouverts. Vistaserve est «une initiative d'hébergement Web de base provenant de Thornbury, en Australie. Inspirés par le Web […]

Catégories
Astuces et Design

5 astuces intelligentes pour les pigistes débutants

Avez-vous lu notre article sur «Ce que vous devez savoir avant de devenir indépendant»? Si vous avez décidé de faire le saut et que vous commencez maintenant votre voyage en freelance, il vous reste encore beaucoup à considérer lorsque vous avancez dans votre carrière. Les cinq conseils ci-dessous vous aideront dans des domaines tels que […]

Catégories
Astuces et Design

Faciliter les animations dans Canvas | Astuces CSS

le L'élément HTML et l'API Canvas en JavaScript se combinent pour former l'une des principales possibilités de graphisme raster et d'animation sur le Web. Un cas d'utilisation de canevas courant génère par programmation des images pour des sites Web, en particulier Jeux. C’est exactement ce que j’ai fait dans un site Web que j’ai créé […]

Catégories
Astuces et Design

5 mythes sur Jamstack | Astuces CSS

Jamstack n'est pas nécessairement nouveau. Le terme a été officiellement inventé en 2016, mais les technologies et l'architecture qu'il décrit existent bien avant cela. Jamstack a récemment reçu une énorme attention, avec des articles à ce sujet dans les principaux sites et publications et de nouveaux événements, newsletters, podcasts et plus axés sur Jamstack. En […]

Catégories
Astuces et Design

Illustration diversifiée | Astuces CSS

Hé gang, #BlackLivesMatter. Une petite façon, je pensais que nous pourrions aider ici sur ce site, en dehors de nos efforts en tant qu'individus, est de mettre en évidence certaines ressources de conception qui sont à la fois excellentes et présentent des Noirs. La représentation est importante. En voici un. Tu sais Pablo Stanley? Pablo […]

Catégories
Astuces et Design

Comment ajouter du texte à une vidéo en ligne: 7 trucs et astuces

Partout où vous regardez dans la conception Web, l'image du héros semble être remplacée par une vidéo du héros. Et bon nombre de ces vidéos incluent un certain type d'éléments de texte pour fournir des informations supplémentaires qui vous attirent dans la conception. Une fois bien fait, le résultat peut être assez étonnant. Lorsqu'ils sont […]

Catégories
Astuces et Design

Scan Jetpack | Astuces CSS

Frais de l'équipe Jetpack chez Automattic, aujourd'hui, vient Jetpack Scan. Jetpack Scan analyse tous les fichiers de votre site à la recherche de tout élément suspect ou malveillant et vous informe, ou le corrige littéralement pour vous avec votre approbation en un clic. Ce type d'analyse de sécurité est très important pour moi. C’est l’un […]

Catégories
Astuces et Design

Increment Issue 13: Frontend | Astuces CSS

Increment est un beau magazine trimestriel (imprimé et web) publié par Stripe «Sur la façon dont les équipes construisent et exploitent des systèmes logiciels à grande échelle». Bien qu'il y ait toujours des trucs sur la création de sites Web en général, ce problème est le premier axé sur le développement front-end¹. J'ai un article […]

Catégories
Astuces et Design

Vitaux Web de base | Astuces CSS

Core Web Vitals est ce que Google appelle une nouvelle collection de trois mesures de performances Web: LCP: La plus grande peinture contentieuse FID: Premier délai d'entrée CLS: Décalage de mise en page cumulatif Ce sont tous mesurables. Ils ne sont pas encore dans Lighthouse (par exemple, l'onglet Audits dans Chrome DevTools), mais cela semble […]

Catégories
Astuces et Design

Avantages, astuces et conseils pour le faire fonctionner – SitePoint

Programmation par paire – une paire supérieure à la somme de ses parties. Vous avez peut-être entendu parler de la programmation par paires et vous êtes demandé si cela valait la peine d'essayer sur votre lieu de travail. En apparence, cela semble simple, mais deux développeurs assis ensemble ne sont pas tout ce qu'il faut […]

Catégories
Astuces et Design

Transformations de blocs WordPress | Astuces CSS

Ce fut l'année de Gutenberg pour nous ici à CSS-Tricks. En fait, c'est un objectif que nous nous étions fixé à la fin de l'année dernière. Nous sommes beaucoup plus avancés que je pensais que nous serions, en écrivant tous Nouveau contenu dans l'éditeur de blocs¹, permettant à l'éditeur de blocs tout contenu maintenant. Cela […]

Catégories
Astuces et Design

Sites Web basés sur des notions | Astuces CSS

Je suis un grand fan de Notion, comme vous le savez probablement dans la couverture précédente et la vidéo récente. Il est toujours intéressant de voir ce que les autres font avec Notion, et même comment Notion utilise Notion. Je dirais que la plupart des utilisations de Notion sont privées et internes, mais n'importe quelle […]