關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

Custom Shape Dividers 可由用戶自訂形狀的 SVG 向量圖形產生器

SVG( Scalable Vector Graphics )可縮放向量圖形,其主要支援以下幾種物件顯示:
  1. 向量顯示物件,基本向量顯示物件包括矩形、圓、橢圓、多邊形、直線、任意曲線等
  2. 嵌入式外部圖像,包括 PNG、JPEG、SVG 等
  3. 文字物件
Custom Shape Dividers 這個免費網站,根據所支援的第一種類型,將其製作成只要透過幾個簡單的參數調整,就可產生不同的向量圖形產生器,並提供可以隨裝置不同的解析度而自動調整大小的 HTML 及 CSS 語法,讓用戶可以非常方便的應用到網頁上。
ContentPhoto3350

繼續閱讀»»»

WebGradients 配好的 180個漸層色彩,隨你取用

漸層色較單一顏色來的有層次感,也深受美工人員的愛用,要用 CSS 做出漸層色,不難,但難在顏色如何搭配,這讓人很傷腦筋的,WebGradients 這個網站提供 180個已經配好色的漸層色彩,並提供 CSS3 語法與 PNG 圖檔,不論是個人或商業均可免費取用。
ContentPhoto3335

繼續閱讀»»»

Color gradient generator 漸層色彩 CSS 語法產生器

漸層色彩在視覺上可以產生層次感,這對常看單一顏色的人來說,會更加有吸引力,以往要做出漸層色,設計師都會傾向於使用圖片,原因在於各家瀏覽器對 CSS 所支援的程度不相同,造成觀感不佳的問題,而如今瀏覽器對 CSS 3 基本上都支援的情況下,要達成純 CSS 語法就做出漸層色也變得相對簡單。Color gradient generator 這個免費網站提供 light、deep、rainbow 及 intense 四種漸層樣式、漸層方向、漸層大小等可視化工具讓讓用戶自行調整,完成後,就可產生 CSS 語法。
ContentPhoto3320

繼續閱讀»»»

everysize 線上查看網頁在不同螢幕尺寸下的呈現效果

做了響應式網頁,該如何能夠看出其在不同螢幕尺寸下應有的效果呢?everysize 是個可以讓用戶選擇像是 iPhone、iPad、Google Pixel 等裝置的尺寸或是手動調整螢幕尺寸來呈現網頁的免費網站,不同以往看到的類似網站,該網站在呈現網頁後,用戶是可以直接操作非靜態的。
ContentPhoto3319

繼續閱讀»»»

CSS Grab n' Go Editor 可視化 CSS 語法產生器

階層樣式表 (Cascading Stylesheets,CSS) ,最主要的功能就是讓 HTML 網頁上的元素套用不同的樣式,讓同一個元素可以有不同的樣貌呈現,不過對於初學者而言,要了解整個 CSS 語法規則並不容易,除了時間之外,如果有輔助的工具可以協助,相信可以更快的跨過門檻,CSS Grab n' Go Editor 是個可視化的 CSS 語法編輯器,其主要鎖定 border、box-shadow、text、filter、transform 常用屬性進行變化,用戶可以透過可操作的面板進行屬性值變更,且立刻可看到所產生的變化,完成整個調整,還可以快速產生 CSS、SASS、SCSS 及 LESS 相關語法,快速套用到元素上。
ContentPhoto3310

繼續閱讀»»»

Google 搜尋引擎最佳化初學者指南(繁體中文版)

Google 搜尋引擎最佳化初學者指南」這份是由 Google 所撰寫的 SEO 教材,將 SEO 分成 14大主題,來教你如何做好搜尋引擎最佳化,內容相當不錯,非常適合有經營網站的站長們來閱讀研究,而且這份文件還翻譯成 40國語言,有需要的朋友可以下載下來研究看看。
ContentPhoto87

繼續閱讀»»»

搜尋文章