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!

Un nouveau site fascinant appelé The Markup vient de lancer. Slogan: Big Tech vous regarde. Nous regardons Big Tech. Excellent travail de la mise à jour. Le

J'ai posté sur l'analyse d'un flux RSS en JavaScript l'autre jour. J'ai également posté sur ma configuration RSS pour parler de la façon dont Feedbin est au cœur de celui-ci.

Apprenez à créer un bloc Codepen personnalisé avec un aperçu pour Sanity Studio, inspiré de l'implémentation de Chris Coyier pour l'éditeur de Gutenberg de WordPress.

Les graphiques de ligne, de barre et de tarte sont le pain et le beurre des tableaux de bord et sont les composants de base de toute boîte à outils de visualisation des données. Bien sûr, vous pouvez utiliser SVG

Nous cherchons toujours à rendre le Web plus accessible. Le contraste des couleurs est juste des mathématiques, donc Sass peut aider à couvrir les cas de bord que les concepteurs auraient pu manquer.

Le tartan est un chiffon à motifs qui est généralement associé à l'Écosse, en particulier leurs kilts à la mode. Sur tartanify.com, nous avons rassemblé plus de 5 000 tartan

Il n'y a pas longtemps, j'ai posté sur les modèles PHP dans Just PHP (qui est essentiellement la syntaxe Heredoc). J'utilise littéralement cette technique pour un super basique

Avez-vous déjà cliqué sur une image sur une page Web qui ouvre une version plus grande de l'image avec navigation pour afficher d'autres photos?


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

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

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

Dreamweaver CS6
Outils de développement Web visuel

Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire

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