本文總結了Brian's Connect.Tech 2019演示文稿(可下載幻燈片)。它探討了Jamstack CMS的演變,重點是從以開發人員為中心的工具到適合非技術內容創建者的解決方案的轉變。
開發人員很容易掌握jamstack的優勢:速度(從CDN提供的靜態資源),安全性(無需妥協的服務器端組件)和簡化的開發/部署。但是,內容創建工作流提出了初始挑戰。儘管傳統的CMS面臨開發人員的批評,但早期的Jamstack解決方案經常負擔非技術用戶的負擔。
最初:以開發人員為中心的生態系統
由於開發人員的採用,靜態現場生成器(Jekyll,Hugo,Gatsby)獲得了知名度。這些通常是開發者建造,維護和內容填充的項目。如2015年O'Reilly報告中所述:
靜態站點生成器是為開發人員構建的。非發展者不太可能對Markdown,Yaml或JSON感到滿意,該格式用於內容和元數據。
即使到2017年(O'Reilly Book與Raymond Camden合著),與WordPress等平台中的Wysiwyg編輯相比,Jekyll Admin和NetLify CMS等早期工具不成熟。編輯經驗要求Markdown和其他標記語言水平。這種有限的主流採用。
成熟階段:基於GIT和API優先CMSS
在接下來的幾年中,兩種趨勢改變了Jamstack景觀:基於GIT的CMS和API-First無頭CMS的興起。
Netlify CMS(開源)例證了一種基於GIT的方法。它提供了用於編輯Markdown,YAML和JSON的工具,而是直接對存儲庫進行更改,從而觸發站點重建。還有其他基於Web的選項,例如林業。
API-First CMSS(內容,DatoCMS,Sanity)提供了更傳統的編輯體驗,存儲內容並通過API提供任何前端。這種去耦與Jamstack非常有效,將內容管理與Frontend Display分開。許多人與流行的靜態站點生成器集成。 Headlesscms.org提供了可用工具的全面列表。 Bejamas的帖子提供了基於GIT和API優先CMS的詳細比較。
儘管這些改進的內容創建,但後端編輯和前端顯示之間的斷開連接仍然存在。缺乏立即的視覺反饋,再加上重建時間,創造了不完美的工作流程。
未來:前端編輯和預覽
jamstack_conf_sf展示的工具架起了此差距。 Forestry的Tinacms(開源)使用基於GIT的CMS為Gatsby和Next.js站點提供了Wysiwyg前端編輯體驗。 Stackbit Live(Stackbit,我是開發人員倡導者)提供CMS和靜態站點生成器 - 敏捷的解決方案,用於註冊編輯和預覽。
這些進步證明了“ jamstack無頭”作為傳統CMS的真正替代方案的生存能力。開發人員經驗和內容編輯可用性之間的權衡正在減少。到2020年,Jamstack CMS已大量成熟。 ???
以上是Jamstack CMS終於長大了!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

是的,youshouldlearnbothflexboxandgrid.1)flexboxisidealforone-demensional,flexiblelayoutslikenavigationmenus.2)gridexcelstcelsintwo-dimensional,confffferDesignssignssuchasmagagazineLayouts.3)blosebothenHancesSunHanceSlineHancesLayOutflexibilitibilitibilitibilitibilityAnderibilitibilityAndresponScormentilial anderingStruction

重構自己的代碼看起來是什麼樣的?約翰·瑞亞(John Rhea)挑選了他寫的一個舊的CSS動畫,並介紹了優化它的思維過程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@keyframesispopularduetoitsversatoryand and powerincreatingsmoothcsssanimations.keytricksinclude:1)definingsmoothtransitionsbetnestates,2)使用AnimatingMultatingMultationMultationProperPertiessimultane,3)使用使用4)使用BombingeNtibalibility,4)使用CombanningWiThjavoFofofofoftofofo

CSSCOUNTERSAREDOMANAGEAUTOMANAMBERINGINWEBDESIGNS.1)他們可以使用forterablesofcontents,ListItems,and customnumbering.2)AdvancedsincludenestednumberingSystems.3)挑戰挑戰InclassINCludeBrowsEccerCerceribaliblesibility andperformiballibility andperformissises.4)創造性

使用滾動陰影,尤其是對於移動設備,是克里斯以前涵蓋的一個微妙的UX。傑夫(Geoff)涵蓋了一種使用動畫限制屬性的新方法。這是另一種方式。


熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

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

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境