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

CSS Background Patterns 提供純 CSS 背景圖案免費使用

適當的替作品加入背景,可增加作品的整體的滿意度,如果是網頁,以往因 CSS 語法在各家瀏覽器支援程度不一的情況下,多數會使用圖片來製作,不但前期製作麻煩,後續要維護也不容易,而如今瀏覽器與 CSS 標準逐漸統一,使用純 CSS 語法來製作背景圖對後續要更新維護也相對簡單,CSS Background Patterns 這個免費的線上服務,利用 CSS 語法做出多種樣式的背景圖案提供大家使用,使用者在該網站,可以更改背景圖案的前景色、背景色、透明度及圖案的濃密度,且每次更改會在該網頁的背景即時展示,讓使用者即時預覽,滿意就可以將該背景圖的 CSS 一鍵複製,方便使用者後續應用。
ContentPhoto3463

繼續閱讀»»»

COLOR SUPPLY 線上教你顏色如何搭配

製作文宣品、網頁或是任何需要美工的地方,常會為了色彩要如何搭配而傷腦筋,有些甚至會一改再改,雖說色彩搭配並無絕對的對與錯,只要能增添作品評價的配色方案,即便是只有使用黑色與白色兩色都能搭出完美的作品,至於初學者該如何學習色彩搭配美學呢?COLOR SUPPLY 是個不錯的網站,其提供羅盤式的配色選擇器,以指針搭配色菜風格來選出適合婚搭的顏色,而每次取色都會直接在範例的圖形中做變化,讓使用者可以直接預覽色彩搭配後的效果,並提供色彩碼讓使用者快速取用,
ContentPhoto3460

繼續閱讀»»»

Visual Mind AI 透過 AI 幫網站外觀視覺項目評分,了解網站吸引力

一個網站不論從外觀、布局、內容、速度、美工、安全、技術...等各個角度來看,可受評價的項目有很多,至於如何評分,其中牽扯的主、客觀因數應該也有很多,Visual Mind AI 是個很有趣的網站,其號稱利用人工智慧來評價網站的外觀視覺與布局,藉此給出網站有多少吸引力的評分,且號稱準確率有 97%,想要了解自己的網站在外觀上的評價,不妨可以來此試試。
ContentPhoto3444

繼續閱讀»»»

Beautiful CSS box-shadow examples 線上 box-shadow 模板,CSS 語法免費帶走

網頁在呈現方框、線條、文字等元素時,如果可以適時的加入陰影,就可讓該元素有立體效果的展現,Beautiful CSS box-shadow examples 這個網站做出了 80 多個 box-shadow 模板,使用者僅需要挑選適合自己網頁呈現的樣式,完全不必再經過任何的調整,就可以將 CSS 語法帶走,套用到自己的網頁內,快速又方便。
ContentPhoto3421

繼續閱讀»»»

RocketCake 免費回應式網頁編輯器

為了解決同一個網頁能在不同的螢幕解析度下,仍可以有適合的呈現大小與內容,因此,網頁設計時就會採用 Responsive web design 的技術,這樣的作法不但可讓使用者獲得良好的閱讀體驗,日後網頁的維護也能較為輕鬆。而要設計回應式網頁,網路上有很多的範例可供參考與應用,初學者如果還沒有慣用的網頁編輯器,也可以考慮來使用 RocketCake free responsive website editor 這個可設計回應式網頁的免費編輯器,該應用程式本身就有內建一些網頁模板可供運用,且提供所見即所得的編輯方式,即便是非初學者,也可以使用此方式,取得自己想要的網頁效果。
ContentPhoto3398

繼續閱讀»»»

PhotoPageGen 相簿、影片的網頁產生器

拍出的相片、影片,如果要自己做出具有可以預覽、下載及 slideshow 的網頁式的相簿,如果還須兼顧美工及自適應網頁的設計,那所花費的時間與需要具備的專業知識可不少,PhotoPageGen 是個可以讓用戶專注在相片、影片的拍攝上,而要產生網頁式的相簿、影片就可以直接交給免費的 PhotoPageGen 應用程式,其內建各式各樣的網頁模板與參數,包含背景、相框、排版、留言或產生 GPS 地圖,用戶都可以自行設定,且製作完成後,可以直接透過 FTP 發佈到 Web Server,或是上傳到 Google 雲端硬碟、Microsoft OneDrive 等硬碟空間。
ContentPhoto3386

繼續閱讀»»»

搜尋文章