Screencasts vidéo 2025, Février

# 02: Configuration de fichier / liaison jQuery - Astuces CSS

# 02: Configuration de fichier / liaison jQuery - Astuces CSS

Dans ce screencast, je couvre la configuration minimale absolue pour utiliser jQuery sur un "vrai" site Web. Nous avons un fichier index.html avec le HTML5 de base "

# 08: preventDefault, stopPropagation et retourne false - Astuces CSS

# 08: preventDefault, stopPropagation et retourne false - Astuces CSS

Cela est venu très brièvement dans la dernière vidéo: comment empêcher le navigateur de sauter lorsque vous cliquez sur un lien de hachage? C'est le comportement par défaut du navigateur, "

# 06: Extensions du sélecteur jQuery - Astuces CSS

# 06: Extensions du sélecteur jQuery - Astuces CSS

JQuery peut sélectionner tout ce que CSS3 peut sélectionner. Mais ça ne s'arrête pas là! Il existe un certain nombre de sélecteurs supplémentaires que jQuery propose (via le Sizzle "

# 05: Tout sur DOM Ready - Astuces CSS

# 05: Tout sur DOM Ready - Astuces CSS

Nous avons beaucoup parlé des sélecteurs. Un sélecteur jQuery comme $ ("h1") sélectionnera tous les éléments de la page. Mais qu'en est-il ... quand ce n'est pas le cas? Voici un "

# 04: les sélecteurs jQuery sont des sélecteurs CSS3 - Astuces CSS

# 04: les sélecteurs jQuery sont des sélecteurs CSS3 - Astuces CSS

En CSS, vous pouvez sélectionner tous les éléments de la page avec ceci: h1 (/ * style tous les éléments * /) Dans jQuery, vous pouvez utiliser exactement le même sélecteur. $ ("h1") // définir "

# 01: Bienvenue dans le cours Learning jQuery - Astuces CSS

# 01: Bienvenue dans le cours Learning jQuery - Astuces CSS

Bienvenue! Le but de ce cours est de vous amener, vous, beau développeur front-end, à quelqu'un avec très peu ou pas de connaissances jQuery ou JavaScript "

# 03: Choisir et faire - Astuces CSS

# 03: Choisir et faire - Astuces CSS

Une façon de penser à jQuery est la bibliothèque "Select and Do". jQuery est particulièrement bon pour sélectionner des éléments sur la page (trucs dans le DOM) et ensuite faire "

# 038 - Nettoyage des commentaires - Astuces CSS

# 038 - Nettoyage des commentaires - Astuces CSS

WordPress alimente la zone de commentaires du site de Jeff. Ce sera super facile à nettoyer avec nos super pouvoirs CSS. Nous créons un fichier .scss juste pour les commentaires "

# 040 - Récapitulation de la série - Astuces CSS

# 040 - Récapitulation de la série - Astuces CSS

Il est temps de clore cette série. Ça a été une balade amusante! Il y a une certaine différence entre ce que nous avons couvert et ce qui se passe réellement "

# 002 - Un regard sur l'ancien site - Astuces CSS

# 002 - Un regard sur l'ancien site - Astuces CSS

Dans ce screencast, nous examinons le site Web existant de Jeff. Cette série n'est pas tant axée sur la «refonte» que la série v10, mais il y en a déjà une.

# 039 - Tests multi-appareils - Astuces CSS

# 039 - Tests multi-appareils - Astuces CSS

Pour la plupart jusqu'à présent, nous avons utilisé le simulateur iOS pour tester la version mobile de notre site. C'est plutôt bien, bien mieux que de tester un étroit "

# 033 - Requêtes multimédias en JavaScript - Astuces CSS

# 033 - Requêtes multimédias en JavaScript - Astuces CSS

Au fur et à mesure que nous procédions à la bureautique du site, nous avons déplacé la navigation de la page d'accueil sur le côté droit de la page pour ouvrir un trou sur le côté gauche pour en savoir plus "

# 037 - Manipulation des couleurs - Astuces CSS

# 037 - Manipulation des couleurs - Astuces CSS

À l'époque où nous essayions de donner des capacités CMS au curseur de la page d'accueil, nous donnions un champ personnalisé à chaque diapositive de page d'accueil un sélecteur de couleur. Cela nous donne "

# 035 - États de survol du bureau - Astuces CSS

# 035 - États de survol du bureau - Astuces CSS

Ce n'est pas parce qu'il s'agit d'une série mobile-first que nous pouvons ignorer les interactions des ordinateurs de bureau / portables. Nous passons un peu de temps à nous assurer "

# 036 - Page de blog unique sur grand écran - Astuces CSS

# 036 - Page de blog unique sur grand écran - Astuces CSS

Sur des écrans plus grands, nous avons plus de place sur toutes nos pages. Nous avons traité de cela sur la page d'accueil, mais nous pouvons également faire mieux sur les autres sous-pages. Un célibataire ou Individual"

# 034 - Ajaxing dans un article de blog - Astuces CSS

# 034 - Ajaxing dans un article de blog - Astuces CSS

On se retrouve avec un test vraiment simple qui se charge dans un article du blog pour afficher s'il y a de la place: // Charger du contenu supplémentaire si assez de place se renseigner "

# 032 - Déplacement de la navigation principale, requêtes multimédia - Astuces CSS

# 032 - Déplacement de la navigation principale, requêtes multimédia - Astuces CSS

Nous travaillons sur la mise au point du site de sorte que sur les écrans "desktop" (c'est-à-dire plus grands), le site semble toujours bon. La navigation sur la page d'accueil est une autre chose qui obtient "

# 031 - Limitation de la hauteur du curseur pour le bureau - Astuces CSS

# 031 - Limitation de la hauteur du curseur pour le bureau - Astuces CSS

Lorsque la fenêtre du navigateur s'agrandit, le curseur en haut de la page d'accueil devient ridiculement grand. C'est une première série mobile, mais depuis le mobile "

# 030 - Le formulaire de contact - Astuces CSS

# 030 - Le formulaire de contact - Astuces CSS

L'une des cinq zones principales du site est la page de contact. Cependant, il ne nécessite pratiquement aucune couverture, car nous l'avons simplement construit dans Wufoo et "

# 029 - Récapitulation des événements - Astuces CSS

# 029 - Récapitulation des événements - Astuces CSS

Je pensais que nous pourrions parcourir les événements dont nous avions parlé dans la dernière vidéo, mais au fur et à mesure que j'étoffais la zone Événements, il fallait écrire suffisamment de code "

# 026 - Super CMS, configuration du plugin - Astuces CSS

# 026 - Super CMS, configuration du plugin - Astuces CSS

Une fois nos deux plugins d'extension CMS installés, nous passons un peu de temps à les configurer. "Events" sur le site de Jeff en est un parfait exemple. Un évènement""

# 027 - Contrôle administratif des diapositives de la page d'accueil - Astuces CSS

# 027 - Contrôle administratif des diapositives de la page d'accueil - Astuces CSS

Nous avons un autre type de publication qui nécessite l'application des champs personnalisés appropriés: les diapositives de la page d'accueil. C'est le genre de chose qui serait facile et tentant de faire "

# 028 - Événements, administration et interface utilisateur - Astuces CSS

# 028 - Événements, administration et interface utilisateur - Astuces CSS

Nous avons appris à créer une boucle personnalisée et à générer des données personnalisées à partir de nos types de publication personnalisés et de nos champs personnalisés dans la dernière vidéo. Cette fois, nous devons le faire "

# 025 - Super CMS, les plugins - Astuces CSS

# 025 - Super CMS, les plugins - Astuces CSS

Nous pouvons vraiment étendre les capacités "CMS" de WordPress avec juste quelques plugins: les champs personnalisés avancés et les types de messages personnalisés. Avec ces"

# 024 - Navigation dans les sous-pages - Astuces CSS

# 024 - Navigation dans les sous-pages - Astuces CSS

La navigation sur la page d'accueil répond bien à nos besoins, mais avoir cette énorme partie de navigation sur chaque page du site n'est pas pratique. Nous aurons besoin de "

# 023 - Modèle de page - Astuces CSS

# 023 - Modèle de page - Astuces CSS

Dans presque tous les thèmes WordPress, il existe un fichier appelé page.php. Il s'agit du modèle qui contrôle les "Pages" - l'un des types de contenu par défaut qui "

# 022 - Archives du blog - Astuces CSS

# 022 - Archives du blog - Astuces CSS

Il n'y a qu'une seule façon d'accéder à la zone blog du site à partir de la page d'accueil, et c'est en cliquant sur "Dernière écriture". Mais cela vous amène au maximum "

# 021 - Le blog, 3e partie - Astuces CSS

# 021 - Le blog, 3e partie - Astuces CSS

La typographie n'est toujours pas tout à fait correcte, nous passons donc un peu plus de temps à y apporter des ajustements. Cela vaut la peine de le faire ici, car l'en-tête et le corps "

# 020 - Le blog, partie 2 - Astuces CSS

# 020 - Le blog, partie 2 - Astuces CSS

Le blog produit ce que nous voulons, mais la typographie et la mise en page ne sont pas tout à fait là. Nous ajoutons un peu de balisage ici et là au besoin pour donner "

# 019 - Le blog, partie 1 - Astuces CSS

# 019 - Le blog, partie 1 - Astuces CSS

Nous commençons à travailler sur la zone blog du site. Nous voulons avoir la zone de blog du site à / blog / - nous finissons donc par créer un modèle de page pour celui appelé "