Screencasts vidéo 2025, Février
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 "
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, "
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 "
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 "
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 "
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 "
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 "
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 "
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 "
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.
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 "
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 "
À 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 "
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 "
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"
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 "
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 "
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 "
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 "
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 "
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""
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 "
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 "
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"
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 "
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 "
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 "
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 "
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 "
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é "