Le treizième quatrième
CSS-Tricks célèbre son 13e anniversaire! Un adolescent maintenant, et quel voyage c'était. La mise à jour de cette année couvre les améliorations et les modifications clés du site.
Améliorations de conception
Bien que techniquement encore sur V17, la conception du site a subi une évolution significative depuis son lancement initial. Les améliorations clés comprennent:
- Recherche remaniée: la recherche instantanée de Jetpack offre une expérience de recherche considérablement améliorée.
- Navigation améliorée de l'almanac: une nouvelle barre latérale améliore la navigation dans les pages almanac (par exemple,
background-blend-mode
). - Typographie raffinée: le site possède désormais une famille de caractères cohésive, incorporant Hoefler & Co. Sentinel, Ringside, Operator Mono et Gotham Arrondi.
Les futures itérations de conception peuvent intégrer des mises à jour techniques back-end.
Fermeture du forum
Après des années de considération, les forums CSS-Tricks ont été fermés plus tôt cette année. Bien que l'accès au contenu existant reste, les nouveaux publications ne sont plus autorisées. Cette décision, bien que difficile, était nécessaire à:
- Manque de modération: une modération cohérente n'était pas durable.
- Augmentation du spam: un volume de spam élevé nécessitait une intervention manuelle significative.
- Dette technique: les forums ont nécessité des mises à jour substantielles et une refonte.
La contribution limitée des forums au trafic du site et l'absence de ressources dédiées ont finalement conduit à cette fermeture. L'objectif s'est déplacé vers la création de contenu et l'assistance des utilisateurs, tirant parti des plateformes mieux adaptées aux discussions communautaires.
Rationalisation des médias sociaux
Un autre domaine de simplification impliquait Twitter (@CSS). Tout en maintenant la présence du compte, la gestion directe a été interrompue. Le tweet automatisé via Jetpack gère désormais la promotion post-promotion, entraînant une croissance et un engagement des suiveurs cohérents sans l'engagement de temps. Cela permet une approche plus ciblée sur le développement de contenu à long terme et le référencement.
Capacités de conception élargies
CSS-Tricks a adopté des opportunités de conception personnalisées grâce à diverses méthodes:
- Modèles de poste personnalisés: des modèles spécifiques, tels que celui utilisé pour l'essai "The Great Divide", permettent des approches de conception uniques.
- Modèle "Fancy Post": un modèle rationalisé avec une image de héros et une colonne centrée fournit une base flexible pour le style personnalisé dans l'éditeur de blocs de WordPress.
- Modèles basés sur les catégories: Tirer parti de la fonctionnalité de catégorie de WordPress permet la création de pages de destination personnalisées pour les collections de post (par exemple, pensées de fin d'année, collections de guides).
L'éditeur de blocs a joué un rôle déterminant dans l'élargissement de ces capacités de conception, offrant des améliorations significatives par rapport à l'éditeur précédent.
intégration de commerce électronique
L'intégration de WooCommerce a facilité la vente de produits, y compris des affiches pour les guides CSS Flexbox et CSS Grid. De plus, il sous-tend le système d'adhésion aux supporters MVP, offrant un accès à des chapitres de livre "The Greatest CSS Tricks Vol. I". Les capacités de WooCommerce s'étendent à la gestion des membres, à la facturation d'abonnement et aux ventes de produits ponctuelles.
Analyse et sponsors du site
Les analyses de site restent stables, oscillant environ 8 millions de pages vues chaque mois. Le site exprime une profonde gratitude à ses sponsors, en particulier Automattic, Netlify, Flywheel et Frontend Masters, pour leur soutien et leur partenariat inestimables.
Autres projets
Codepen continue de prospérer, avec un développement continu et des plans futurs passionnants. Le podcast Shoptalk maintient sa forte présence, offrant des discussions perspicaces entre les développeurs.
Mise à jour personnelle
L'auteur et sa famille restent à Bend, Oregon. La mise à jour se termine par une note sur la navigation sur la pandémie en cours et un appel à la sécurité et au bien-être continues. L'auteur reconnaît le travail du concepteur original et explique la justification des modifications de conception.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds











Avez-vous déjà eu besoin d'un compte à rebours sur un projet? Pour quelque chose comme ça, il pourrait être naturel d'atteindre un plugin, mais c'est en fait beaucoup plus

Tout ce que vous avez toujours voulu savoir sur les attributs de données dans HTML, CSS et JavaScript.

Une chose qui a attiré mon œil sur la liste des fonctionnalités pour le polyfill à gradient conique () de Lea.

Au début d'un nouveau projet, la compilation SASS se produit en un clin d'œil. Cela se sent bien, surtout quand il est associé à BrowSersync, qui recharge

Essayons de savoir un terme ici: "fournisseur de formulaire statique". Vous apportez votre HTML

La directive en ligne en ligne nous permet de construire des composants Vue riches en tant qu'amélioration progressive par rapport au balisage WordPress existant.

Les modèles PHP obtiennent souvent un mauvais rap pour faciliter le code inférieur - mais cela ne doit pas être le cas. Voyons comment les projets PHP peuvent appliquer un base

Chaque fois que je commence un nouveau projet, j'organise le code que je regarde en trois types ou catégories si vous le souhaitez. Et je pense que ces types peuvent être appliqués à
