Screencasts vidéo 2025, Février

# 24: Coins arrondis - Astuces CSS

# 24: Coins arrondis - Astuces CSS

Voici CINQ techniques différentes que vous pouvez utiliser pour créer des coins arrondis pour des boîtes sur un site Web. Il existe toujours différentes façons de faire les choses avec CSS et "

# 23: Feuilles de style conditionnelles - Astuces CSS

# 23: Feuilles de style conditionnelles - Astuces CSS

Internet Explorer fournit un moyen de cibler les informations de style CSS spécifiquement pour ses différentes versions. Ces "feuilles de style conditionnelles" sont les meilleures "

# 22: Couper les chemins de détourage - Astuces CSS

# 22: Couper les chemins de détourage - Astuces CSS

Nous sommes de retour dans Photoshop cette semaine car je voulais parler un peu d'une compétence très spécifique que je trouve importante pour tous les designers. C'est-à-dire"

# 20: Introduction à jQuery - Astuces CSS

# 20: Introduction à jQuery - Astuces CSS

La bibliothèque JavaScript populaire jQuery est un moyen incroyable d'étendre les possibilités de conception de votre site au-delà de ce que CSS peut faire. Mais heureusement, si vous êtes "

# 21: Procédure pas à pas du formulaire de contact - Astuces CSS

# 21: Procédure pas à pas du formulaire de contact - Astuces CSS

D'une certaine manière, le formulaire de contact est le "Hello, World!" application des concepteurs Web et des développeurs Web. Ce n'est rien qui n'ait été fait avant un "

# 199: Jouez avec JSX - Astuces CSS

# 199: Jouez avec JSX - Astuces CSS

J'aurais probablement dû l'apprendre il y a longtemps, mais hélas, nous y sommes. Il s'avère que vous pouvez dire quelle fonction vous voulez que JSX utilise. Oui, JSX n'a ​​vraiment que "

# 194: L'intégration sociale de Jetpack - Astuces CSS

# 194: L'intégration sociale de Jetpack - Astuces CSS

Jetpack peut vous aider à automatiser les réseaux sociaux de votre site. C'est une fonctionnalité assez petite par rapport à tout ce que Jetpack peut faire, comme améliorer votre site "

# 1: Conversion d'une maquette Photoshop (partie 1 sur 3) - Astuces CSS

# 1: Conversion d'une maquette Photoshop (partie 1 sur 3) - Astuces CSS

Dans ce tout premier podcast vidéo, je lance le processus de conversion d'une maquette Adobe Photoshop d'un site Web en un véritable site Web basé sur CSS en direct. C'est"

# 180: Bricolage de la vidéo sur mobile - Astuces CSS

# 180: Bricolage de la vidéo sur mobile - Astuces CSS

Avertissement juste: je ne suis pas un expert en la matière, je ne fais que jouer avec des vidéos sur le Web et résoudre certains problèmes que je rencontre lors de la diffusion de clips vidéo dans "

# 196: Grille d'apprentissage et Flexbox avec Kyle Simpson - Astuces CSS

# 196: Grille d'apprentissage et Flexbox avec Kyle Simpson - Astuces CSS

Kyle est un gars de JavaScript. Il en sait beaucoup sur le Web, et aussi sur le CSS, mais n'est pas aussi à jour sur les outils de mise en page CSS modernes comme flexbox et "

# 197: Un aperçu de Stackbit et Stackbit Studio - Astuces CSS

# 197: Un aperçu de Stackbit et Stackbit Studio - Astuces CSS

L'application Stackbit vous aide à lancer très rapidement un nouveau site Jamstack. Choisissez un thème, un générateur de site statique et un CMS et il obtiendra un dépôt pour vous "

# 198: À propos de la propriété Position - Astuces CSS

# 198: À propos de la propriété Position - Astuces CSS

Statique: le relatif par défaut: vous permet de vous déplacer avec haut / droite / bas / gauche, faisant fonctionner le z-index, vous donne un contexte de positionnement absolu: "

# 19: Conception d'une page unique pour les mises à jour Twitter - Astuces CSS

# 19: Conception d'une page unique pour les mises à jour Twitter - Astuces CSS

Cette semaine, je vous explique comment créer une page Web simple pour afficher vos récents «Tweets» de Twitter du début à la fin. Cela couvre la conception dans "

# 178: Percy détecte les changements visuels dans n'importe quel flux de travail - Astuces CSS

# 178: Percy détecte les changements visuels dans n'importe quel flux de travail - Astuces CSS

Je voulais m'assurer que vous compreniez exactement ce que Percy peut faire pour vous, d'où le titre. Lorsque vous validez une modification de votre site Web Git repo, comme dans un "

# 195: Comment dessiner une ligne avec CSS - Astuces CSS

# 195: Comment dessiner une ligne avec CSS - Astuces CSS

Stupide simple, non? Il est! Mais c'est amusant de réfléchir pendant quelques minutes et de compter un tas de façons différentes de le faire. Et qu'est-ce que je veux dire par "

# 193: Scully: le SSG pour Angular - Astuces CSS

# 193: Scully: le SSG pour Angular - Astuces CSS

Tara Z. Manicsic m'a rejoint pour cette vidéo, mettant en place les bases de Scully, qui est un générateur de site statique pour Angular - non, le SSG pour "

# 192: Astuces Git pour vous sortir des ennuis - Astuces CSS

# 192: Astuces Git pour vous sortir des ennuis - Astuces CSS

Aussi incroyable que Git soit pour gérer votre code source, vous pouvez vous-même avoir des ennuis avec git (lol). Que faire si vous apportez une modification à un fichier et que vous souhaitez "

# 169: Comment penser comme un développeur front-end - Astuces CSS

# 169: Comment penser comme un développeur front-end - Astuces CSS

Ceci est une vidéo de mon discours à WordCamp US. Jetons un coup d'œil à ce qu'est devenu le développement frontal de nos jours. À partir de quel est le rôle, où "

# 188: Explorer le motif d'en-tête qui se chevauchent - Astuces CSS

# 188: Explorer le motif d'en-tête qui se chevauchent - Astuces CSS

Snook a publié un article intitulé "Chevauchement de l'en-tête avec la grille CSS" dans lequel il examine un modèle de conception d'en-tête qui, selon moi, transcende les tendances et a été "

# 189: Notion à usage personnel et public - Astuces CSS

# 189: Notion à usage personnel et public - Astuces CSS

Ceci est la dernière vidéo de notre petite série sur l'utilisation de Notion. Nous avons expliqué comment Notion est idéal pour travailler dans des équipes de développement Web. Mais autre chose "

# 187: Notion pour les réunions d'équipe et la documentation - Astuces CSS

# 187: Notion pour les réunions d'équipe et la documentation - Astuces CSS

Il s'agit de la deuxième vidéo d'une série de 3 vidéos sur l'utilisation de Notion. Dans la première partie, nous avons abordé beaucoup de choses sur ce qu'est Notion, comment c'est formidable pour toute équipe et pour le Web "

# 184: Listes intérieures et alignées - Astuces CSS

# 184: Listes intérieures et alignées - Astuces CSS

Le fait que les listes rendent leurs marqueurs en dehors de leur propre boîte (par défaut) est légèrement étrange. Tout débordement caché ou surplomb du bord du "

# 18: Introduction au modèle de site Web du groupe - Astuces CSS

# 18: Introduction au modèle de site Web du groupe - Astuces CSS

J'ai récemment publié un projet parallèle appelé le modèle de site Web de groupe. Ceci est juste un rapide tour d'horizon, expliquant pourquoi il a été construit et pourquoi je le pense "

# 185: Jouer avec les masques CSS - Astuces CSS

# 185: Jouer avec les masques CSS - Astuces CSS

Le masquage en CSS est un moyen de masquer des parties de l'élément et d'en afficher d'autres. Un autre est clip-path, mais ne nous concentrons pas là-dessus aujourd'hui. "Les masques sont des images; des clips"

# 183: Images de direction artistique, l'élément d'image et CDN d'image - Astuces CSS

# 183: Images de direction artistique, l'élément d'image et CDN d'image - Astuces CSS

C'est un véritable phénomène! Je parle de l'idée de services d'hébergement d'images qui vous permettent de manipuler l'URL de l'image afin de la transformer "

# 186: Notion pour les équipes de développement Web - Astuces CSS

# 186: Notion pour les équipes de développement Web - Astuces CSS

Je suis un grand fan de Notion, en particulier pour garder les équipes synchronisées. Je travaille dans des équipes de développeurs, et je trouve que cela fonctionne particulièrement bien pour ça. Si j'avais"

# 182: Première vue de bébé SFC - Astuces CSS

# 182: Première vue de bébé SFC - Astuces CSS

SFC comme dans "Single File Component" qui est quelque chose que Vue offre et que les gens de Vue semblent aimer. J'ai très peu écrit Vue de mon temps, mais je suis fan! "

# 181: Piquer les listes HTML - Astuces CSS

# 181: Piquer les listes HTML - Astuces CSS

J'ai eu un petit problème stupide l'autre jour où une liste imbriquée n'avait pas tout à fait le bon espacement. J'ajoutais seulement une marge en bas sur les éléments de la liste et "

# 179: Une grille de carrés - Astuces CSS

# 179: Une grille de carrés - Astuces CSS

Utiliser la grille CSS pour créer une grille, c'est bien le but. Mais que faire si vous voulez que tous ces éléments de la grille conservent un rapport hauteur / largeur, comme un carré 1: 1? Son"

# 176: Travailler avec Framer Motion - Astuces CSS

# 176: Travailler avec Framer Motion - Astuces CSS

Matt Perry de Framer et moi jetons un œil à la bibliothèque d'animation React Framer Motion. Tout d'abord, nous examinons la simplicité de l'API. Vous contrôlez "