要改的地方太多了，那就改天吧

目前正在瀏覽文章標籤：bootstrap

一篇前端討論區抱怨文讓大家 Tailwind 功力更上一層(附上 Bootstrap 比較)

前幾天才看到一篇文章You Don’t Need A UI Framework，一位需要在一個產品一再重複打磨的 in-house 外國工程師，出來講說大家做產品不應該用 Bootstrap, Material UI, Ant Design 之類的 UI Framework，讀了之後有點夏蟲語冰之感，工作型態百百種，就像一個不愁吃穿做興趣的私廚出來分析說早餐店不該用料理包、組合肉、現成化工調味料，不該用水果茶粉/奶茶粉來泡飲料、所有食材要當天採買的，要為客人的健康和餐飲業的未來發展著...

繼續閱讀

網頁設計

#bootstrap#css#css3#UI#ux

神調校讓 CKEditor 更好用

許多網站後台的內容編輯區會採用「一條工具列和一大塊輸入框，要什麼就自己做。」的功能，通常會用 CKEditor 作為所見即所得線上內容編輯器(online WYSIWYG HTML editors)。好用的線上編輯器其實不只 CKEditor ，還有另一套 TinyMCE 也不錯，只要套件夠多、操作穩定、還有在維護、從 IE8 到 Edge 都支援、可以直接點兩下重複編輯現有內容，可與圖片上傳套件結合，滿足上述幾點，就是一個成熟的編輯器了。而且授權方式也很自由，簡...

繼續閱讀

網頁設計軟體產品體驗

#bootstrap#CKEditor

易犯的 RWD 網站製作失誤

自從 Google 在 2016 年宣布將調整手機 Google 中行動版網站的搜尋結果排名Mobile-first Indexing，各大網頁設計公司的業務人員就開始以此當噱頭、勸業主改版，因為這又是一個收費的大好機會。腳步比較遲緩的企業，也在老闆發現自己家的網站用手機打不開，而競爭對手的網站在手機上很好用，而開始提出需求將自家的網站做行動版的優化。 讓資料可以優美舒服的顯示在行動裝置顯示解決方案有很多，響應式網頁設計(RWD, Responsive we...

繼續閱讀

使用者介面網頁設計視覺設計

#bootstrap#css#html#HTML5#jquery#js#lazyload#RWD#淘寶

Bootstrap 的一些欠佳用法

近幾年很流行在網頁專案導入一個叫 Twitter Bootstrap 的前端 framework，例如網站的管理後台，網頁系統的後台，新創網站，甚至一些預算不低的網站前台，也是套 Bootstrap ( 簡稱 BS )的預設樣式，或是套上某個 Bootstrap 的免費樣式，就端出來給大家用，讓那些慢慢手工刻網頁的勞工覺得自己好像智障。 導入 Framework 的意義何在? 就是 Write less, do more. Bootstrap 有哪些好用的特色? 針對一些常見、常用的網頁元素和元件寫...

繼續閱讀

網頁設計軟體產品體驗

#bootstrap#css#framework#html#RWD

網頁字體的一些事

本文章的內容目錄 Toggle 一、Web Fonts(雲端字型技術)二、IconFont**三、瀏覽器最小字體設定四、font-family 簡中/繁中/英文字體設定事項五、中文字型地雷font-size設定 一、Web Fonts(雲端字型技術) 客人說她的網頁上要用娃娃體，除了做成圖片，還有其他選擇嗎? 為了確保使用者在不同瀏覽環境也能看到同樣的字體，一般只能使用系統內建字體，如 Windows 系統的正黑體、細明體、標楷體。如有特殊需求，最穩定的方法通常只...

繼續閱讀

網頁設計

#14px#bootstrap#iconfont#webfont

近期熱門 Hot Posts

最新發布 New Posts
    Open Email Client