CSS-Tricks慶祝其13歲生日！現(xiàn)在是一個(gè)少年，這是多么多的旅程。今年的更新涵蓋了關(guān)鍵站點(diǎn)的改進(jìn)和變化。

設(shè)計(jì)增強(qiáng)

雖然從技術(shù)上講仍在V17上，但該網(wǎng)站的設(shè)計(jì)自首次發(fā)布以來(lái)就經(jīng)歷了重大發(fā)展。關(guān)鍵改進(jìn)包括：

• 修改搜索： JetPack的即時(shí)搜索提供了極大改進(jìn)的搜索體驗(yàn)。
• 增強(qiáng)的年鑒導(dǎo)航：一個(gè)新的側(cè)邊欄增強(qiáng)了年鑒頁(yè)面內(nèi)的導(dǎo)航（例如， background-blend-mode ）。
• 精致版式：該網(wǎng)站現(xiàn)在擁有一個(gè)粘性字體家族，并結(jié)合了Hoefler＆Co。 Sentinel，Ringside，Operator Mono和Gotham Found。

未來(lái)的設(shè)計(jì)迭代可能包含后端技術(shù)更新。

論壇關(guān)閉

經(jīng)過(guò)多年的考慮，CSS-Tricks論壇今年早些時(shí)候關(guān)閉。雖然剩下對(duì)現(xiàn)有內(nèi)容的訪問(wèn)，但不再允許新帖子。該決定雖然很困難，但由于：

• 缺乏節(jié)制：一致的節(jié)制是不可持續(xù)的。
• 增加垃圾郵件：高垃圾郵件量需要大量的手動(dòng)干預(yù)。
• 技術(shù)債務(wù)：論壇需要大量更新和重新設(shè)計(jì)。

論壇對(duì)現(xiàn)場(chǎng)流量的貢獻(xiàn)有限，并且缺乏專用資源最終導(dǎo)致了這一關(guān)閉。重點(diǎn)轉(zhuǎn)移到了內(nèi)容創(chuàng)建和用戶幫助上，利用平臺(tái)更適合社區(qū)討論。

社交媒體精簡(jiǎn)

簡(jiǎn)化的另一個(gè)領(lǐng)域涉及Twitter（@CSS）。在維護(hù)帳戶的存在的同時(shí)，直接管理被停產(chǎn)。通過(guò)JetPack進(jìn)行自動(dòng)推文現(xiàn)在可以處理促銷后，從而導(dǎo)致了穩(wěn)定的追隨者的增長(zhǎng)和參與度，而無(wú)需時(shí)間承諾。這允許對(duì)長(zhǎng)期內(nèi)容開(kāi)發(fā)和SEO進(jìn)行更集中的方法。

擴(kuò)展的設(shè)計(jì)功能

CSS-Tricks通過(guò)各種方法擁抱了定制設(shè)計(jì)機(jī)會(huì)：

• 自定義帖子模板：特定模板，例如用于“大鴻溝”文章的模板，允許獨(dú)特的設(shè)計(jì)方法。
• “ Fancy Post”模板：具有英雄圖像和居中列的簡(jiǎn)化模板為WordPress的塊編輯器中的自定義樣式提供了靈活的基礎(chǔ)。
• 基于類別的模板：利用WordPress的類別功能，可以創(chuàng)建定制登陸頁(yè)面以供Post Collections（例如，年終思想，指南集合）。

Block編輯器在擴(kuò)展這些設(shè)計(jì)功能方面發(fā)揮了重要作用，比以前的編輯器提供了重大改進(jìn)。

電子商務(wù)集成

WooCommerce的集成促進(jìn)了產(chǎn)品的銷售，包括CSS Flexbox和CSS網(wǎng)格指南的海報(bào)。此外，它支持了MVP支持者成員資格系統(tǒng)，并提供了“最大的CSS技巧卷。我”的書(shū)籍章節(jié)。 WooCommerce的功能擴(kuò)展到會(huì)員管理，訂閱賬單和一次性產(chǎn)品銷售。

網(wǎng)站分析和贊助商

站點(diǎn)分析保持穩(wěn)定，每月徘徊約800萬(wàn)頁(yè)瀏覽量。該網(wǎng)站對(duì)其贊助商，尤其是汽車，Netlify，F(xiàn)lywheel和Frontend Masters表示深刻的感謝，感謝其寶貴的支持和伙伴關(guān)系。

其他項(xiàng)目

Codepen隨著持續(xù)的發(fā)展和令人興奮的未來(lái)計(jì)劃而繼續(xù)蓬勃發(fā)展。 ShopTalk Podcast保持了強(qiáng)大的影響力，在開(kāi)發(fā)人員中提供了深刻的討論。

個(gè)人更新

作者和他的家人留在俄勒岡州本德。更新結(jié)束時(shí)，關(guān)于導(dǎo)航正在進(jìn)行的大流行的注釋，并呼吁持續(xù)的安全和福祉。作者承認(rèn)原始設(shè)計(jì)師的作品，并解釋了設(shè)計(jì)修改背后的理由。

以上是第十三位的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！