好的設計輔助工具總能讓設計師靈感泉源。 「Freebies. by people」專門為了設計師、開發人員精心收錄各個免費資源的網站, 提供多種項目
UI/UX設計師在表單中會提供Radio buttons 或 Checkbox 來解決單選/複選答案呈現方式,其目的是為了幫助用戶在有限的範圍內提交答案。
工欲善其事必先利其器。 UI設計師在設計時常遇到需要透過裝置來檢視設計稿。 [caption id="attachment_1226" align=
我們常收到許多客戶常來信詢問,架設形象官網、電子商務網站該如何開始? 通常有架站需求的客戶,第一時間會在Google上輸入關鍵字「架設網站」、「網站設計」常出
SEO包含許多技巧,如果掌握正確操作SEO方式,就能提高網頁曝光機會。 今天我們先來談什麼是圖片SEO?又該如何做好SEO。 認識Google搜尋引擎背後運
網頁開發常需要使用到各種圖表,今天介紹一款網頁繪圖工具:highchart.js ,點進去連結觀看你可以發現裡面有各式各樣的圖表功能,幾乎什麼圖表都有了,今天我
想在網站上加上「累積人氣」「當日人氣」「熱門文章」等的統計資料嗎? 有在用 wordpress 架站的朋友都知道,wp 提供了很多插件,例如「Page V
js framework 蓬勃發展(vue/angular/react),但若連 js 進階概念都不清楚,不就像還不會 abc 就想學如何用英文演講一樣嗎?
常常有人詬病Wordpress很大包,小編這邊無法反駁這點,畢竟整包檔案是真的滿大的,但一套系統有基本完整的功能(後台管理、使用者管理、文章管理、媒體庫管理)想
此次要介紹的 Library js-rich-marker 是一個能直接嵌入客製化的 HTML 以及可以使用 CSS 進行樣式的修改,
這次介紹主要著重在官方文件上的 Layout 、Utilities,整理出改版後不同處及自己的看法提供參考。 首先在載入 Bootst
近來電子商務網站都流行如 instagram 般的正方形圖片風格(至於 instagram 開始接受長方形圖片,這又是另外一件事情了) 那我們來看看蝦皮的方式
上次介紹了 position 中 relative 、absolute 幼幼班等級的應用 傳送門 這次我們要結合 iframe 標籤,在網頁中嵌入 Yout
大家在網路上可以找到許多的Plugin,但並不是每一個都符合我們的需求。 找到Plugin後,可以先依以下項目進行篩選,避免日後開發過程更加麻煩:
jQuery插件有百百款,但並不是每個都提供完善的使用機制, 這裏為各位挑選幾款好看又好用的slider插件,它們都: 配合自適應(Respon
在這個資訊爆炸的時代,我們可以藉由 Google 大神找出許多 plugins,但你仍需花時間過濾這些資源的可用性,像是版本是否持續更新、瀏覽器版本支援程度、不
當我們需要在網頁上改變排列順序,第一直覺可能是利用 JavaScript 改變 HTML 的架構, 像是在頁面上翻轉 500 個 ul li 元件,可以先
在Facebook分享網址連結時,會在下方自動生成網頁摘要, 這區塊包含了三個部分: 縮圖、標題、網頁描述。 部落
Bootstrap 4 重寫了非常多內容,多了哪些新東西?又有哪些部份被捨棄了? 還不知道有哪些重大變革的朋友們可別錯過了! 讓我們來一起看看吧!
現在人手一支智慧型手機、平板,相信大家在行動裝置上瀏覽網頁時,一定碰過這種狀況: 點了搜尋框,畫面就自己放大,導致看不到網頁全貌, &nbs
使用CSS置中時遇到問題了嗎? 爬了網路上很多文章還是找不到問題出在哪裡? 其實是因為不同人要設計的置中元素(content)以及他的父元素(contain
在網頁上我們常看到文字、icon 等內容,加入圖片中的的設計, 例如下圖將文字主題加入照片中,使用者能夠第一眼發現圖片重點。 類似這種設計,
網站設計實習 Web Designer Intern 職務描述:Web UI/UX Design, Banner Desi
Wordpress有很多貼心的機制,Revisions就是其中一個, 它可以幫助你作版本控制,如果編輯者不小心寫錯了而想直接回復成先前的版本, 那麼
此篇文章是以一個替客戶做了好多好多個案子的苦情工程師角度所寫... 當客戶需要一個網站自己又沒有in-house develo
目前使用Wordpress搭建的網站已經來到了很瘋狂的數量, 其中也不乏大家耳熟能詳的媒體網站或是官方網站: Inside 硬塞的網路趨勢 T
這篇看似很無聊, 但看完你不會後悔的 以下文章都簡稱Regex, 然後用js做範例 Regex = Reg
也許你曾經聽過Sass/Compass 但不懂他可以幹嘛,怎麼這麼多人在用? “用過就回不去了” 是Sass屆的名言 在介紹之前,先想想你用Css曾經遇過
在網站開發的第一堂課 HTML+CSS+JS課程中, 是下載sublime text 做練習 但sublime除了當編輯器, 到底還有什麼好用呢(不然就用
css3已經很普遍執行在網頁中了 不論是圓角border-radius、文字陰影text-shadow、 透明度opacity、變形trasform、動畫t
覺得排版很累人又麻煩嗎? 以前想排下列幾種排法 都非常的困難 應該會用盡postion, table, display跟float吧(苦笑...)
現在不管是網站還是手機 到哪裡都可以看到icon圖標 一方面好看 一方面也有好UX 有許多的icon你一看就懂,例如 → 選單 → 放大 →
寫CSS的第一個步驟通常是需要了解選擇器(selector)怎麼使用, 而通常接下來你就會聽到box model這個詞: [ image s
目前web開發進入HTML5的時代,開發者們常使用的起手式(boilerplate)往往是: [crayon-60058af8cb81a950210954/]
今天Prototype Hacker團隊來到了桃園的武陵高中資訊社推廣網站前端的技術, 這場講座是由Mike來做主講,主題是讓高中生可以簡單的了解一個網站
[ 教學文 ] 手刻 Hamburger Menu Button 大家在做RWD的時候一定常用到Hamburger Menu Button,有
正如在關於我們裡所描述的公司成立緣起,你一定很納悶為什麼我們叫做Prototype Hacker? 其實Hacker的原意並非如大家的第一印象網路駭客一樣