延續上一篇 UI/UX 設計師的「設計參考」整理方法！今天會分享一些，工作三年來時常拿出來參考的視覺網站。 多數會以 耐看、簡約、實用性 為主，單純好看的視覺網...
jquery mobile事件 ●pageinit：頁面初始是針對每個data-role=”page”去做，每讀取一個page就會在重新讀取。 →作法：$(‘#...
一開始的文章有提到，我原本也是從事設計，出社會以後開始轉往開發者。學習到目前也能開發到後端（還不會提到是全端工程師，畢竟術業有專攻），學開發觀念與過去學習設計有...
情境 CSS Grid 是一個格線佈局屬性，跟 Flexbox 的使用非常相似，是由外容器和內元件來組成整個結構。 以下面結構為例： <div class...
難度控制 在 Day22 我們有提到，隨著過了越多關，關卡會越來越難。我們這邊要讓題目變難的方法有兩個方向，第一個是題目會越來越長，光是這樣還不夠，而且我還希望...
之前所舉的例子， 都只是在程式裡寫出個簡單的回應， 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式， 但利 views 把資料處理與表現的...
＜＜鴻揚科技歡迎您＞＞ 【我們在找】軟體開發工程師 (C#.Net程式設計師) 【職務說明】1.企業客戶應用系統NET AP程式開發,視專案開發階段,滿足客戶專...
一開始的文章有介紹到格線系統，主要是針對水平欄位空間的介紹，而其實垂直空間也是需要有固定的間距，當然一方面是有一致的美感，另一方面則是讓開發者設定全網站可用間距...
Atomic Design 五大階段：原子 ( Atom ) -> 分子 ( Molecules ) -> 組織 ( Organisms ) -&g...
CSS3的特殊效果也是不得不提的功能之一, 有了它可以減少些jQuery撰寫, 對我來說相當方便. 以下紀錄一些用法, 若有誤還請指正, 謝謝. CSS3的特殊...
想一想，決定食物如何出現 俗話說，吃飯皇帝大，如果不吃東西，貪吃蛇就長不大，也跑不快，所以今天我們要來製作貪吃蛇的另一個重頭戲，就是食物。 首先，我們要來決定食...
上兩篇文章講到 JavaScript入門 http://ithelp.ithome.com.tw/question/10157766 完成後，我才發現：我早就寫...
這個網站省卻了學校管理人員很多麻煩，一上線就揪出貪瀆的警衛，回歸正常收費。 已租借場地的球隊，一定不敢遲交續借費用，因為馬上有人替補而無通融餘地。 尚未租借的球...
行動網頁要如何的製作，從以前只接觸一般網頁開發，現在想來試試建置手機網站，來練習練習。 近年因為智慧型手機幾乎人手一機，手機瀏覽的功能大家也漸漸越來越注重，一直...
最近一直都在做網頁，所以繼續談談網頁，談談當時使用的編輯軟體。 剛開始做網頁時，因為什麼基礎也沒有，寫了什麼tag自己都搞不清楚出來的會是什麼結果，所以時常需要...
上一篇透過連結的狀態了解運用，本篇則是探討按鈕再運用上的色彩變化，包含了一般、行動呼籲、外框線、警告意味等常見的類型，當然這些類型介紹上別不會包含上一篇的 “狀...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
架設網站聽著很難，但其實做了你就會發現步驟不多，只是網站架設的過程中需要做的功課比較多，以下整理架設網站的的3個要件，接下來我們再來詳細說明網站架設具體該怎麼做...
什麼是好的網站設計？ 使用者使用網站時是否容易操作及有良好的動線，避免過多不必要的元素，讓使用者快速找到資訊。避免過多的動畫或圖片，導致載入速度變慢，間接影響到...
將LIST清單，分為兩個欄位顯示兩個文字訊息。 常用的LIST清單設計通常只有一個欄位+一個圖示來顯示資訊，下面作法可以分為兩個文字欄位來補充其他資訊。 作法：...
繪製頁面草稿 按照慣例，我們先來畫一下我們整個遊戲畫面呈現的草稿，下面是我對整個遊戲面化的初步想像。 我把所有的元素都集中放在中間區塊，因為人的視線比起左右移動...
今天是CSS小孩系列！（小孩系列是我自己取的...） 我在寫網頁時常常遇到的問題是，當我想在一區塊裡某些部份作不同設定的時候，往往要再增加一個選擇器，而且只有這...
今天想統整一下對使用者友善的網頁要點... 今天想統整一下對使用者友善的網頁要點，什麼是友善的網頁？我認為在開發時有些要注意： 速度 開啟網頁的速度、圖片讀取的...
既然開始學Sass了，以前的檔案當然也要趁機會轉成Sass，練習兼整理，一舉兩得～ 既然開始學Sass了，以前的檔案當然也要趁機會轉成Sass，練習兼整理，一舉...
浮動視窗 在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...
工作需要，慢慢開始接觸設計，網頁和海報的都有涉及 有不妥的地方望海涵，希望和大家一起交流學習~ 各種資源： http://ui-cloud.com/ http:...
本文同步同步發佈於斜槓女指部落格：切版任務(一)：基本框架 採用設計：設計師Miss_Y的旅館預約服務設計稿 這次時光屋九週挑戰大部分的設計師都是採用...
做設計總少不了一些圖庫當資源，圖庫資源在網路上非常多，無論免費、付費都可以找到不少，但是設計師在執行時，通常只會挑用一些偏好使用的站點來運用，以下介紹我在開發時...
今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。 今天紀錄一下修正不同瀏覽器間顯示問題的利器--CSS Hack。 如果要把全部CSS寫在同一檔...
昨天分享的是「網站收集頁」，主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格，或是老闆認為該客戶的產業性質，也許更適合走某種設計風格時，我們也會整理出...
GG
卡斯伯
Taiming
逮丸逮丸
tedkuo
tpodomoto
mis2000lab
iknowlab
ramya
yakelu
iamya
sunny
ruhui0726
鍾小呆
iThome鐵人賽
看影片追技術