CSS-Tricks慶祝其13歲生日!現在是一個少年,這是多麼多的旅程。今年的更新涵蓋了關鍵站點的改進和變化。
設計增強
雖然從技術上講仍在V17上,但該網站的設計自首次發布以來就經歷了重大發展。關鍵改進包括:
- 修改搜索: JetPack的即時搜索提供了極大改進的搜索體驗。
-
增強的年鑑導航:一個新的側邊欄增強了年鑑頁面內的導航(例如,
background-blend-mode
)。 - 精緻版式:該網站現在擁有一個粘性字體家族,並結合了Hoefler&Co。 Sentinel,Ringside,Operator Mono和Gotham Found。
未來的設計迭代可能包含後端技術更新。
論壇關閉
經過多年的考慮,CSS-Tricks論壇今年早些時候關閉。雖然剩下對現有內容的訪問,但不再允許新帖子。該決定雖然很困難,但由於:
- 缺乏節制:一致的節制是不可持續的。
- 增加垃圾郵件:高垃圾郵件量需要大量的手動干預。
- 技術債務:論壇需要大量更新和重新設計。
論壇對現場流量的貢獻有限,並且缺乏專用資源最終導致了這一關閉。重點轉移到了內容創建和用戶幫助上,利用平台更適合社區討論。
社交媒體精簡
簡化的另一個領域涉及Twitter(@CSS)。在維護帳戶的存在的同時,直接管理被停產。通過JetPack進行自動推文現在可以處理促銷後,從而導致了穩定的追隨者的增長和參與度,而無需時間承諾。這允許對長期內容開發和SEO進行更集中的方法。
擴展的設計功能
CSS-Tricks通過各種方法擁抱了定制設計機會:
- 自定義帖子模板:特定模板,例如用於“大鴻溝”文章的模板,允許獨特的設計方法。
- “ Fancy Post”模板:具有英雄圖像和居中列的簡化模板為WordPress的塊編輯器中的自定義樣式提供了靈活的基礎。
- 基於類別的模板:利用WordPress的類別功能,可以創建定制登陸頁面以供Post Collections(例如,年終思想,指南集合)。
Block編輯器在擴展這些設計功能方面發揮了重要作用,比以前的編輯器提供了重大改進。
電子商務集成
WooCommerce的集成促進了產品的銷售,包括CSS Flexbox和CSS網格指南的海報。此外,它支持了MVP支持者成員資格系統,並提供了“最大的CSS技巧卷。我”的書籍章節。 WooCommerce的功能擴展到會員管理,訂閱賬單和一次性產品銷售。
網站分析和讚助商
站點分析保持穩定,每月徘徊約800萬頁瀏覽量。該網站對其贊助商,尤其是汽車,Netlify,Flywheel和Frontend Masters表示深刻的感謝,感謝其寶貴的支持和夥伴關係。
其他項目
Codepen隨著持續的發展和令人興奮的未來計劃而繼續蓬勃發展。 ShopTalk Podcast保持了強大的影響力,在開發人員中提供了深刻的討論。
個人更新
作者和他的家人留在俄勒岡州本德。更新結束時,關於導航正在進行的大流行的註釋,並呼籲持續的安全和福祉。作者承認原始設計師的作品,並解釋了設計修改背後的理由。
以上是第十三位的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS FlexBox,這是一種佈局方法,用於有效地對齊和分佈響應設計中的空間。它說明了FlexBox用法,將其與CSS網格進行了比較,並詳細瀏覽了瀏覽器支持。

本文討論了使用CSS創建響應網站的技術,包括視口元標籤,靈活的網格,流體媒體,媒體查詢和相對單元。它還涵蓋了使用CSS網格和Flexbox一起使用,並推薦CSS框架

本文討論了CSS盒裝屬性,該屬性控制了元素維度的計算方式。它解釋了諸如Content-Box,Border-Box和Padding-Box之類的值,以及它們對佈局設計和形式對齊的影響。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3漢化版
中文版,非常好用

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),