CSS-Tricks feiert seinen 13. Geburtstag! Ein Teenager jetzt und was für eine Reise es war. Das diesj?hrige Update deckt wichtige Verbesserungen und ?nderungen der Website vor.
Designverbesserungen
W?hrend das Design des Standorts technisch immer noch auf V17 ist, hat er seit seinem ersten Start eine erhebliche Entwicklung erfahren. Zu den wichtigsten Verbesserungen geh?ren:
- überarbeitete Suche: Die sofortige Suche von Jetpack bietet ein stark verbessertes Sucherlebnis.
- Verbesserte Almanach-Navigation: Eine neue Seitenleiste verbessert die Navigation innerhalb der Almanac-Seiten (z. B.
background-blend-mode
). - Raffinierte Typografie: Die Website bietet jetzt eine zusammenh?ngende Schriftfamilie mit Hoefler & Co. Sentinel, Ring, Operator Mono und Gotham rundeten sich.
Zukünftige Design-Iterationen k?nnen Back-End-technische Updates enthalten.
Forumverschluss
Nach Jahren der Prüfung wurden die CSS-Tricks-Foren Anfang dieses Jahres geschlossen. W?hrend der Zugriff auf vorhandene Inhalte bleibt, sind neue Beitr?ge nicht mehr zul?ssig. Diese Entscheidung war zwar schwierig, aber aufgrund von:
- Mangel an M??igung: Einheitlicher M??igung war nicht nachhaltig.
- Erh?hter Spam: Das hohe Spam -Volumen erforderte eine signifikante manuelle Eingriffe.
- Technische Schulden: Die Foren erforderten erhebliche Aktualisierungen und Neugestaltung.
Der begrenzte Beitrag der Foren zum Standortverkehr und das Fehlen dedizierter Ressourcen führte letztendlich zu dieser Schlie?ung. Der Fokus verlagert sich auf die Erstellung von Inhalten und die Benutzerunterstützung und nutzte Plattformen, die besser für Community -Diskussionen geeignet sind.
Social Media -Straffung
Ein weiterer Einfachungsbereich beinhaltete Twitter (@CSS). W?hrend der Aufrechterhaltung der Pr?senz des Kontos wurde das direkte Management eingestellt. Das automatisierte Tweeting über Jetpack kümmert sich nun um die Post -Promotion, was zu einem konsequenten Anh?ngerwachstum und Engagement ohne zeitliche Verpflichtung führt. Dies erm?glicht einen fokussierteren Ansatz für die langfristige Inhaltsentwicklung und die SEO.
Erweiterte Entwurfsfunktionen
CSS-Tricks hat durch verschiedene Methoden benutzerdefinierte Designm?glichkeiten angenommen:
- Benutzerdefinierte Post -Vorlagen: Spezifische Vorlagen, wie die für den Aufsatz "The Great Divide" verwendet, erm?glichen einzigartige Designans?tze.
- Vorlage "Fancy Post": Eine optimierte Vorlage mit einem Heldenbild und einer zentrierten Spalte bietet eine flexible Grundlage für das benutzerdefinierte Styling im Block -Editor von WordPress.
- Kategorienbasierte Vorlagen: Die Kategorie-Funktionalit?t von WordPress erm?glicht die Erstellung von benutzerdefinierten Zielseiten für Postsammlungen (z. B. Gedanken zum Jahresende, Leitfadensammlungen).
Der Blockredakteur war ma?geblich an der Erweiterung dieser Entwurfsfunktionen beteiligt und bietet erhebliche Verbesserungen gegenüber dem vorherigen Herausgeber.
E -Commerce -Integration
Die Integration von WooCommerce hat den Verkauf von Produkten erleichtert, einschlie?lich Plakaten für die CSS -Flexbox- und CSS -Grid -Guides. Darüber hinaus untermauert es das MVP -Unterstützer -Mitgliedschaftssystem und bietet Zugriff auf "The Greatest CSS Tricks Vol. I" -Buchkapitel. Die Funktionen von WooCommerce erstrecken sich auf Mitgliedsmanagement, Abonnementrechnung und einmalige Produktverk?ufe.
Standortanalyse und Sponsoren
Die Standortanalyse bleibt stabil und schwebt monatlich rund 8 Millionen Seitenaufrufe. Die Website dankte seinen Sponsoren, insbesondere dem Automattic-, Netlify-, Schwungrad- und Frontend -Masters, für ihre unsch?tzbare Unterstützung und Partnerschaft.
Andere Projekte
Codepen gedeiht weiterhin mit st?ndiger Entwicklung und aufregenden zukünftigen Pl?nen. ShopTalk Podcast beh?lt seine starke Pr?senz bei und bietet aufschlussreiche Diskussionen unter den Entwicklern.
Pers?nliches Update
Der Autor und seine Familie bleiben in Bend, Oregon. Das Update schlie?t mit einer Notiz zum Navigieren der laufenden Pandemie und dem Aufruf zur weiteren Sicherheit und des Wohlbefindens. Der Autor erkennt die Arbeit des ursprünglichen Designers an und erkl?rt die Begründung hinter Design?nderungen.
Das obige ist der detaillierte Inhalt vonDer dreizehnte vierte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

CSS -Bl?cke Seitenrenderung, da Browser inline und externe CSS standardm??ig als wichtige Ressourcen anzeigen, insbesondere mit importierten Stylesheets, Header gro?er Mengen an Inline -CSS und nicht optimierten Medienfragestilen. 1. extrahieren kritische CSS und einbetten Sie es in HTML ein; 2. Verz?gerung des Ladens nichtkritischer CSS durch JavaScript; 3.. Verwenden Sie Medienattribute, um das Laden wie Druckstile zu optimieren. 4. Komprimieren und verschmelzen CSS, um Anfragen zu reduzieren. Es wird empfohlen, Tools zum Extrahieren von Schlüssel -CSS zu verwenden, REL = "Vorspannung" zu kombinieren, und verwenden Sie die asynchrone Belastung und verwenden Sie die Medienverz?gerungsladeverletzung, um eine überm??ige Aufteilung und eine komplexe Skriptsteuerung zu vermeiden.

ThebestApproachforcssDependsonTheProject'Sspecificneeds.forlargerProjects, externalcssisbetterDuetomaintainability;

Csssmostlycase-unempfindlich, buturlsandfontfamilynamesarecase-sensitiv.1) Eigenschaften und ValueslikeColor: rot; sensitiv.2) URLSMUTMATTHESERVER'SCASE, z.

AutoPrefixer ist ein Tool, das die Pr?fixe von Anbietern automatisch zu CSS -Attributen basierend auf dem Zielbrowserbereich hinzufügt. 1. Es l?st das Problem, die Pr?fixe mit Fehlern manuell aufrechtzuerhalten. 2. Arbeiten Sie das POSTCSS-Plug-in-Formular durch, analysieren Sie CSS, analysieren Sie Attribute, die vorangestellt werden müssen, und generieren Sie den Code gem?? Konfiguration. 3.. 4. Notizen enthalten nicht manuelles Hinzufügen von Pr?fixen, Konfigurationsaktualisierungen, Pr?fixe nicht alle Attribute, und es wird empfohlen, sie mit dem Pr?prozessor zu verwenden.

CSSCOUNTERSCANATOMATIONSNUMBERSEctions und.1) usecounter-resettoinitialize, counter-IncrementtoIncrease, und Counter () orcounters () todisplayValues.2) kombinierte withjavascriptfordynamiccontentToEsSureAccurateupdates.

In CSS sind Selektor- und Attributnamen fallempfindlich, w?hrend Werte, Namen, URLs und benutzerdefinierte Attribute fallempfindlich sind. 1. Die Auswahl- und Attributnamen sind unempfindlich, z. B. Hintergrundfarbe und Hintergrundfarbe sind gleich. 2. Die hexadezimale Farbe im Wert ist fallempfindlich, aber die benannte Farbe ist fallempfindlich, wie rot und rot ist ungültig. 3. Die URLs sind fallsempfindlich und k?nnen zu Ladeproblemen von Dateien führen. 4. Benutzerdefinierte Eigenschaften (Variablen) sind fallempfindlich und Sie müssen auf die Konsistenz des Falles bei der Verwendung achten.

Theconic-Gradient () FunctionincsScreateScircular GradecentStroTRotateColorStopsaroundAcentralPoint.1.ISISIDEALFORPieCharts, Fortschrittsindikatoren, Farbw?sche und DecorativeBackgrounds.2
