Screencasts vidéo 2025, Février

De nombreux sites n'utilisent aucun système de gestion de contenu (CMS) sophistiqué pour générer leurs pages, ce ne sont que du bon vieux contenu HTML statique. Un site pour votre "

Comme nous l'avons dit ici à plusieurs reprises: les polices d'icônes sont géniales. Ils sont efficaces de la même manière que les sprites CSS sont efficaces: beaucoup d'images utilisables pour "

Dans ce screencast, nous répondons en direct à plus de messages de forums sans aucune planification. Je ne pense pas que nous ayons réussi un coup de circuit sur aucun des sujets que nous examinons, mais "

Je n'ai jamais de ma vie soumis une "Pull Request" sur GitHub. Je voulais essayer, alors cette vidéo capture le moment où je tente de comprendre "

Dans ce screencast, nous nous rendons sur les forums pour répondre à autant de questions que possible. Le but est juste de vous amuser un peu et de vous montrer à quel point c'est facile. "

Je présente quatre choses très simples que vous pouvez faire pour rendre vos sites Web plus rapides. Rien de plus complexe que de créer des sprites d'images (ce n'est pas ça "

Même si la mise en page d'un site est simple comme une zone de contenu principale à gauche et une barre latérale à droite, c'est une grille. Il existe de nouvelles méthodes de mise en page en CSS "

CodePen PRO offre une multitude de nouvelles fonctionnalités. Vous pouvez lire à leur sujet, mais mieux vaut les montrer, non? : Et ce n'est que le début."

CodePen est une application pour partager et jouer avec le code frontal. Je l'ai fait avec quelques amis à moi: Alex Vazquez et Tim Sabat. Dans ce typique "

Ceci est un aperçu rapide de niveau débutant des différentes valeurs de position CSS. En un mot: relative vous permet de "pousser" et laisse l'élément "

Dans ce screencast, je déplace mon propre site Web personnel de mes anciennes méthodes d'édition FTP en direct vers un système contrôlé par version approprié, y compris le déploiement. Je n'ai pas "

Il n'y a rien à craindre dans ce nouveau monde courageux de prétraitement. Les applications natives le rendent si simple qu'il devrait être un élément essentiel de tout système moderne "

Il existe trois types de mises en page pour les sites Web: largeur fixe, largeur fluide et largeur élastique. Dans ce screencast, nous examinons tous ces trois "

Chartwell est une police spécialement conçue pour créer des camemberts, des graphiques à barres et des graphiques linéaires simples et beaux. C'est aussi simple que d'écrire des équations simples "

LiveReload est une application de barre de menus uniquement Mac qui est très utile pour les développeurs Web. Dites-lui simplement de regarder un dossier spécifique, et lorsqu'un fichier est enregistré, le "

Le thème WordPress par défaut au moment de ce screencast est TwentyEleven, un design merveilleusement simple et réactif. Autrement dit, jusqu'à ce que nous publions un super "

Il existe de nombreux outils pour vous montrer des captures d'écran de sites Web dans différents navigateurs pour vous aider à tester. Mais une capture d'écran fait défaut à bien des égards: non "

Dans lequel je prends un exemple concret d'un endroit où je savais que l'utilisation de sprites serait une bonne idée, créez le sprite à la main dans Photoshop (ma méthode préférée), et "

Enregistrez simplement le site Web à partir du navigateur (dans Firefox, vous obtenez un fichier .html et toutes les ressources), déposez-le dans votre dossier public et utilisez le clic droit "

Dans lequel je montre et explique les principes de base de ce que signifie «conception de sites Web réactifs». Ensuite, je vais partout et montre des exemples, liés "

Nous passons une heure entière à regarder un design Photoshop et à écrire un balisage HTML5 qui décrit ce que nous voyons. Nous essayons d'être aussi sémantiques que possible et discutons "

Vous savez probablement pourquoi l'utilisation du contrôle de version est une bonne chose. Dans le cas où vous ne l'êtes pas, je vais rapidement le parcourir dans cette vidéo. Ensuite, nous entrons dans "

Il s'agit d'un épisode très spécial sur le thème EMPIRE STRIKES BACK de la série de refonte v10! Tout commence très bien. Nous commençons à déplacer certaines choses "

Il s'agit d'un épisode spécial sur le thème RETURN OF THE JEDI de la série de refonte v10! Nous avons laissé le dernier screencast complètement vaincu. Nous essayions d'utiliser "

L'Almanach a été lancé dans la v9 et n'a jamais été tout à fait fait. Cela se rapproche de plus en plus chaque jour. Donc, dans la v10, nous allons concevoir autour du "

La recherche fonctionne! C'est juste le modèle sur lequel vous atterrissez n'est pas tout à fait correct. Nous devons peaufiner le modèle pour qu’il soit correct et qu’il corresponde au style du "

Nous avons une petite maquette de Photoshop à partir d'ici alors que nous continuons à créer le modèle pour la page de galerie individuelle. Tout d'abord, nous avons conçu le Next "

La zone de recherche dans l'en-tête "fonctionne" en ce sens qu'elle est conçue et vous pouvez cliquer dessus pour l'ouvrir et la fermer et tout cela. Mais il ne fait aucune recherche "

Nous avons passé tout ce temps dans notre maquette statique à créer du JavaScript intelligent qui "chargerait" les images de la galerie. Maintenant que nous avons le vrai "

Tous nos moteurs de recherche personnalisés Google sont configurés (nous en configurons un différent pour chaque section du site). Notre interface utilisateur pour la recherche est prête à fonctionner. Nous avons"