(免費資源網路社群) 8 個實用的 WordPress 程式碼

網路上仍有一些 WordPress 網站尚未做任何修改。增強或修改網站功能最常見的作法是安裝 WordPress 外掛,然而功能也可以直接被加入佈景主題檔案中。事實上,大多數 WordPress 佈景主題包含 functions 檔案可以修改 WordPress 某些現有的功能。

原始碼片段(Code Snippets)是一小段的程式碼,可以直接加入到你的佈景主題檔案中。有時候它們包含了完整功能,其他時候它們可以用來修改一些現有功能。

在這篇文章裡,我想告訴你八個實用且能增強 WordPress 功能的原始碼片段。我已在預設的佈景主題 Twenty Fourteen 側試過所有的原始碼,皆能正常運作,請注意,如果你的佈景主題已經過大量修改(特別當它是一個框架),有些功能可能就無法正常使用。

RWD 響應式網頁設計學習資源

拜行動裝置上網普及,因此目前這個 Web 設計方式很熱門,它能自動針對不同 size 的裝置調整網頁最佳的呈現方式,讓使用者操作經驗更好,因此黏在你網站的時間自然會變長。此文並不是想與各位解釋如何設計一個 Responsive Web,這些技術講解留給 MSDN 研討會的講師們,倒是幾個有趣的現象,以及活動當天講師提問來賓的問題,以及現場 Q&A,還有一些 FAQ 與各位開發者分享,

一個設計師及前端開發者的網站

Hello...

Im a designer & frontend developer that loves all things web! I have a passion for UX design and can take a project from concept through wire framing to final code. I have a love for learning new technology and this page is designed to showcase HTML5, CSS3 and JavaScript. Feel free to look at my work and contact me regarding any project you would like me to work on.

Responsive Web Design (RWD) 和 Adaptive Web Design (AWD)

responsive-web-design-and-adaptive-web-design-01

共同點:

RWD和AWD的出現都是由於移動上網設備日益普及,針對不同設備(尤其考慮不同屏幕尺寸)及其使用條件(通常有比較低的頻寬,流量和性能等) 對網頁作出優化,以帶來更好的用戶體驗。

(Will 保哥) 互動式的 Bootstrap 文件瀏覽器

一份互動式的 Bootstrap 文件瀏覽器(支援 Bootstrap v3),不但可以直接看文件,用滑鼠點選範例後,還可以在左邊修改 CSS 相關的屬性值,右邊會顯示該範例的 HTML 結構(可巡覽結構),上面可以設定網頁的顯示寬度,螢幕大的人還可以一次顯示多份不同螢幕尺寸規格,做的還蠻不錯的喔!

除了線上版外,他還提供 Windows/Mac 離線使用的 Bootstrap 版面編輯器(要價$49.95鎂),可免費下載試用。

(Will 保哥) Scut 是 Sass mixins、placeholders、functions、與 variables 的集合

前端工程師/前端設計師長久以來一直不斷反覆處理各種網頁相關樣式,有很多共通的設計樣式(Design Pattern)並沒有被完整的保留下來,導致時間成本居高不下。即便後來有了 SASS/SCSS 出現,也很難找到一個集中的地方可以找到各種別人寫好的範例程式,也因此 Scut 儼然而生。