Screencasts vidéo 2025, Février

N ° 91: Photoshopping des pages de galerie individuelles - Astuces CSS

N ° 91: Photoshopping des pages de galerie individuelles - Astuces CSS

Dans ce screencast, nous passons un peu de temps à réfléchir à ce à quoi ressemblera une page de capture d'écran de la galerie. Il y a un peu de données que nous avons déjà "

# 87: Grille de galerie - Astuces CSS

# 87: Grille de galerie - Astuces CSS

Nous avons configuré la zone de la galerie dans WordPress, elle crache ce dont nous avons besoin pour cracher, mais il n'y a presque pas du tout de style sur la page pour le moment. Nous"

# 90: Configurer des pages individuelles dans la galerie - Astuces CSS

# 90: Configurer des pages individuelles dans la galerie - Astuces CSS

Chaque capture d'écran (ou vidéo) de la galerie a sa propre page individuelle. Vous y accédez facilement, simplement en cliquant sur l'image elle-même. Nous voulons faire ceci "

# 89: Ajuster la barre de la galerie - Astuces CSS

# 89: Ajuster la barre de la galerie - Astuces CSS

Dans cette vidéo, nous apportons un tas de modifications à la barre que nous avons configurée avec la plupart des fonctionnalités de la Galerie. Le design est une question de peaufinage, n'est-ce pas? "

# 86: Photoshopping la galerie - Astuces CSS

# 86: Photoshopping la galerie - Astuces CSS

J'étais ravi de commencer sur la zone Galerie sur le site. C'est l'un des domaines qui était particulièrement mauvais dans la v9. Il n'y a pas beaucoup de trafic, mais "

# 88: Construire le bar de la galerie - Astuces CSS

# 88: Construire le bar de la galerie - Astuces CSS

Nous avons commencé à construire la barre sous l'en-tête de la galerie. Ce bar a tout un travail. Il indique aux gens où ils se trouvent et ce qu'ils regardent (fil d'Ariane, "

# 84: Déplacement du pied de page dans WordPress - Astuces CSS

# 84: Déplacement du pied de page dans WordPress - Astuces CSS

Nous commençons par corriger certains chemins de fichiers image. Je fais toujours une distinction lorsque j'utilise des images dans un thème WordPress. Cette image en fait-elle partie "

# 85: Vue de l'article de blog (single.php) dans WordPress - Astuces CSS

# 85: Vue de l'article de blog (single.php) dans WordPress - Astuces CSS

Si nous devions choisir, la vue d'un seul article de blog est probablement le modèle le plus important du site. Nous avons une maquette statique d'une page d'article de blog, donc nous "

# 158: Un mois plus tard: Récapitulation finale - Astuces CSS

# 158: Un mois plus tard: Récapitulation finale - Astuces CSS

Environ un mois après le lancement, nous expliquons comment s'est déroulé le lancement de la v10. Nous parcourons le document que nous avons établi au tout début de ce processus "

# 80: mise à jour du contenu local en exécutant le SQL - Astuces CSS

# 80: mise à jour du contenu local en exécutant le SQL - Astuces CSS

Nous avons maintenant un fichier .sql grâce à son exportation et son téléchargement comme nous l'avons fait dans la dernière vidéo. Il ne nous reste plus qu'à l'exécuter et à écraser notre actuellement "

# 156: Lancement du site, partie 1 - Astuces CSS

# 156: Lancement du site, partie 1 - Astuces CSS

C'est le grand moment! Nous avons une liste de choses que nous savons que nous devons faire et nous allons simplement commencer à les faire et mettre ce site en ligne. Peut-être le"

N ° 155: Passer en revue la liste de contrôle préalable au lancement - Astuces CSS

N ° 155: Passer en revue la liste de contrôle préalable au lancement - Astuces CSS

Nous sommes sur le point de lancer cette chose! Il est temps de se pencher sur les derniers petits problèmes qui doivent être corrigés avant de pouvoir lancer. Gardez à l'esprit que le "

# 81: Déplacer l'en-tête sur WordPress - Astuces CSS

# 81: Déplacer l'en-tête sur WordPress - Astuces CSS

Il est temps de commencer à déplacer notre conception vers WordPress. Pourrait aussi bien commencer de haut en bas et commencer par l'en-tête. Autre que simplement être logique "

# 157: Suivi immédiat après le lancement - Astuces CSS

# 157: Suivi immédiat après le lancement - Astuces CSS

J'ai tourné la vidéo à peine 10 minutes après le lancement du site. Les commentaires commencent à arriver et c'est moi qui réagis en partie à cela. Aimer"

# 83: Création de la page d'accueil WordPress, partie 2 - Astuces CSS

# 83: Création de la page d'accueil WordPress, partie 2 - Astuces CSS

Nous continuons à porter le code de notre maquette statique vers notre page WordPress index.php. Nous modifions un peu "la boucle" pour produire exactement ce que nous voulons. Nous descendons "

# 82: Création de la page d'accueil WordPress, partie 1 - Astuces CSS

# 82: Création de la page d'accueil WordPress, partie 1 - Astuces CSS

Le grand passage à WordPress est en cours! Nous terminons le fichier header.php et passons à index.php. index.php est responsable de notre page d'accueil. La première"

# 154: Styling the Lodge Archives and Single Lodge Video Page - Astuces CSS

# 154: Styling the Lodge Archives and Single Lodge Video Page - Astuces CSS

La page d'accueil de The Lodge lorsque vous êtes connecté (c.-à-d. / Lodge /) sera une sorte de page "portail". Cette série, que nous appellerons "The Big v10 Redsign"

# 152: Styliser la page de connexion de WordPress (Lodge) - Astuces CSS

# 152: Styliser la page de connexion de WordPress (Lodge) - Astuces CSS

Notre "widget" pour The Lodge dans la barre latérale du site (s'affiche sur la plupart des pages, y compris la page d'accueil) a deux états. Un pour quand un utilisateur est déconnecté et un "

# 153: Styliser le formulaire d'inscription du Lodge - Astuces CSS

# 153: Styliser le formulaire d'inscription du Lodge - Astuces CSS

La page d'inscription à The Lodge est très importante pour des raisons évidentes: c'est la page qui recueille l'argent et donne accès à l'adhésion "

# 150: Protéger le contenu vidéo avec des liens S3 expirant - Astuces CSS

# 150: Protéger le contenu vidéo avec des liens S3 expirant - Astuces CSS

Dans ce screencast, nous examinons comment nous pouvons héberger des fichiers sur Amazon S3 (Simple Storage Service) de manière à pouvoir établir un lien vers une utilisation de ces actifs, mais pas. "

# 151: Construire le module Lodge (et un rapport de vitesse rapide) - Astuces CSS

# 151: Construire le module Lodge (et un rapport de vitesse rapide) - Astuces CSS

Nous faisons un module pour la sidebar générale du site qui est juste pour The Lodge. Si vous êtes connecté, il vous accueillera et vous fournira des liens pertinents "

# 149: Créer un formulaire de connexion pour The Lodge - Astuces CSS

# 149: Créer un formulaire de connexion pour The Lodge - Astuces CSS

L'une des raisons pour lesquelles WordPress est génial est qu'il est livré avec son propre système d'authentification des utilisateurs entièrement fonctionnel. Ecrire ça à partir de zéro ces jours-ci "

# 148: Styling du bouton d'inscription pour The Lodge - Astuces CSS

# 148: Styling du bouton d'inscription pour The Lodge - Astuces CSS

Dans la dernière vidéo, nous avons compris comment diffuser différents contenus dans nos modèles en fonction de la connexion et du statut d'abonnement des utilisateurs. Nous utilisons ça "

# 144: Style de pagination et récapitulation des forums - Astuces CSS

# 144: Style de pagination et récapitulation des forums - Astuces CSS

Nous essayons de résumer le style des forums ici. L'un des principaux mécanismes de navigation sur les forums est la pagination. Au bas de la page,"

# 145: Introduction au Lodge (zone d'accès privé) - Astuces CSS

# 145: Introduction au Lodge (zone d'accès privé) - Astuces CSS

Nous avons fait un peu de préparation pour cette nouvelle "zone d'accès privé" sur CSS-Tricks. Nous avons examiné les plugins WordPress pour nous aider, nous en avons même choisi un et défini "

# 146: En-tête personnalisé pour The Lodge - Astuces CSS

# 146: En-tête personnalisé pour The Lodge - Astuces CSS

Lors du dernier screencast, nous avons récupéré cette photo sur iStockPhoto de la cabane enneigée et de la forêt. Nous l'avons laissé tomber en arrière-plan, derrière la zone de contenu principale "

# 143: Discussion sur le nouveau style de thread et les fonctionnalités des forums - Astuces CSS

# 143: Discussion sur le nouveau style de thread et les fonctionnalités des forums - Astuces CSS

Ne soyez pas en colère, mais j'ai dû sauter un peu en avant car il y avait un long travail exténuant et ennuyeux consistant à passer outre les différents points de vue en mettant le bon "

# 142: Modules de forums Styling - Astuces CSS

# 142: Modules de forums Styling - Astuces CSS

Sur le côté droit des forums, il y a une série de modules. "Modules" visuellement, "Modules" littéralement dans le code et "Modules" en ce que le contenu qu'ils "

# 141: Restreindre la configuration et les paramètres de Content Pro - Astuces CSS

# 141: Restreindre la configuration et les paramètres de Content Pro - Astuces CSS

Dans ce screencast, nous prenons une petite pause dans la lutte contre le style de Vanilla Forums pour travailler sur la configuration de Restrict Content Pro (RCP), notre plugin WordPress pour "