Web Design

  • html-programming

用一行縮寫快速建立HTML標籤架構

2019-12-17T11:12:22+08:00

用一行縮寫快速建立 HTML 標籤架構 之前上課學習HTML時,很常看到老師們使用簡寫,一下就將網頁的標籤排好了,讓逗點人十分地羨慕以及佩服! 目前身為一個講求效率(ㄊㄡ ㄌㄢˇ)的前端設計師,一定會想要快速寫好HTML的主要標籤架構,這時在程式碼中使用">"簡寫就可以很快速的建立好囉! 以下列了一些非常有用的簡寫法,好東西,不記嗎?

用一行縮寫快速建立HTML標籤架構2019-12-17T11:12:22+08:00
  • JQuery-Programming-01

JQuery 範例1:動態載入HTML檔

2019-12-16T11:43:57+08:00

  只需各修改一個 header 和 footer 檔,即可動態載入 HTML 檔案 index.html、page1.html、page2.html、page3.html

JQuery 範例1:動態載入HTML檔2019-12-16T11:43:57+08:00

設計師必存! 商用字體庫免費下載! Free Font [DOWNLOAD FREE]

2018-04-30T18:07:49+08:00

在稿件多到像一座山的時期,若設計師內建漂亮實用的字體庫,經再三斟酌、精準地選好字體後,就可以讓視覺效果展現出來。好字體不嫌多,選對好字體,就能帶作品飛上天。 1.fontbundles https://fontbundles.net/free-fonts fontbundles網頁的頁籤捲軸幾乎看不到底、下載不完的超佛心免費字體庫,其中「FREE FONT OF THE WEEK」則是限時(一週)免費下載! (過了免費下載期限就恢復原價囉!) 快速下載步驟

設計師必存! 商用字體庫免費下載! Free Font [DOWNLOAD FREE]2018-04-30T18:07:49+08:00

使用 Sketch 畫 UI (含Prototyping 簡易入門教學)

2018-01-10T14:30:29+08:00

Sketch 是近年流行的 UI 介面設計工具,簡單上手的設計讓許多設計師(包括我)紛紛從 PS 和 AI(以拉)等其他工具跳槽了。Sketch目前只有 Mac 版,官方提供 30 天試用版,正式版為US

使用 Sketch 畫 UI (含Prototyping 簡易入門教學)2018-01-10T14:30:29+08:00

輕鬆使用jQuery 圖片輪播外掛 Owl Carousel 嵌入至網頁與部落格(含CDN教學)

2019-12-16T17:39:13+08:00

    近年來由於行動裝置的普及,Owl Carousel應該可以說是使用率非常頻繁的圖片輪播js外掛,不僅可顯示自適應(RWD)版面,還支援手指觸控操作的效果,並可在手機直接用手勢滑動輪播圖片,效果十分強大(而且免費的最好用啊!)。 Owl Carousel 的功能特點: 完整自適應版面(RWD) 支援多種特殊輪播模式(例如由右到左、不同尺寸圖片輪播、滑鼠拖拉效果...等) 可一次輪播數張圖片、Youtube

輕鬆使用jQuery 圖片輪播外掛 Owl Carousel 嵌入至網頁與部落格(含CDN教學)2019-12-16T17:39:13+08:00
  • 薪資公秤

怎麼區分平面設計、UI、UX 網頁設計師?薪水有差嗎?

2018-01-10T16:37:11+08:00

怎麼區分平面設計、ui、ux-網頁設計師?薪水有差嗎 常聽許多設計師在談論平面設計、網頁設計、前端工程師、UI、UX 網頁設計師,聽得好像似有若無,想更了解這些設計師的工作內容怎麼區分?要從哪一塊下手?(大家很關心的)哪個薪水比較多?...等等的疑惑。 近幾年因為網頁趨勢的應用,流行"自適應網頁“(Responsive Web Design)(簡稱RWD)的設計,亦即網頁設計師要規劃三種網頁版型的製作(手機、平板、電腦),並整合在一張網頁裡,可以給各個裝置應用(摸蛤仔兼洗褲的概念)。 其實設計領域重疊的性質非常高,而且相同職稱會因產業不同而負責不同工作,比如工業/產品設計師(汽車、傢俱)。不過台灣目前的網頁設計師的需求,還是以“會寫網頁的美工”為主;前端設計師,就是在找“會畫Mockup的碼農”(編碼的農民),但薪水比網頁設計師高不少。(切身經歷)   平面設計師(Graphic Designer)

怎麼區分平面設計、UI、UX 網頁設計師?薪水有差嗎?2018-01-10T16:37:11+08:00

三種絕美CSS 背景漸層語法產生器(FRESH BACKGROUND GRADIENTS)-適用FIREFOX、IE

2018-01-10T15:27:08+08:00

三種絕美CSS 背景漸層語法產生器(UI Gradients、Fresh Background Gradients、Colorzilla Gradients)-適用FireFox、IE 在2017年的網頁設計趨勢中,漸層背景為今年最新的潮流指標,例如instagram換成了絢麗的漸層色,讓許多網友為之瘋狂...(ㄊㄨˋ ㄘㄠˊ) 不說這個了,如果背景色可以適用於網頁與海報背景, 也不失美觀偷懶省時的好方法啊!(笑)

三種絕美CSS 背景漸層語法產生器(FRESH BACKGROUND GRADIENTS)-適用FIREFOX、IE2018-01-10T15:27:08+08:00
Go to Top