上兩篇文章講到 JavaScript入門 http://ithelp.ithome.com.tw/question/10157766 完成後，我才發現：我早就寫...
CSS3的特殊效果也是不得不提的功能之一, 有了它可以減少些jQuery撰寫, 對我來說相當方便. 以下紀錄一些用法, 若有誤還請指正, 謝謝. CSS3的特殊...
對話框&三角形 在這個範例中要練習對話框的接版，以及如何用css繪製出三角形 整理幾個重點: 1.將對話框dialog_box寬度設為960px，添加背...
記憶方塊是結合視覺和聽覺的記憶遊戲，今天我們要來做音樂的播放以及對錯的判斷。 產生題目 首先，我們要來產生題目並且播放題目，記得在 Day22 的時候我們有說明...
回顧檢討一下這個系列，還有什麼該加強。 這系列的主題是「建立API為中心的輕量級網站」， 試著想把 sinatra、redis、knockout.js 各別介紹...
本文同步同步發佈於斜槓女指部落格：切版任務(一)：基本框架 採用設計：設計師Miss_Y的旅館預約服務設計稿 這次時光屋九週挑戰大部分的設計師都是採用...
基本上是這系列最後一篇，除非之後接觸到跟SVG相關的有趣應用! (≧▽≦) 我在大學畢業的最後一學期，選修了網頁資料視覺化的課程，課程主要使用D3.js這個...
介紹幾個比較重要事件 1.mobileinit：可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...
太陽要面對的問題有兩個，第一個問題比較小，就是「他不會美工」。第二個問題比較大，那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司，所提出的...
底下的網址，可以讓您編寫CSS3.0(包括CSS2.0)直接看到效果喔。 但要注意的是，IE瀏覽器是不支援HTML5的，所以網站中的範例，用CSS 3.0編寫，...
昨天分享的是「網站收集頁」，主要用途在於大範圍的尋找視覺參考網站。當一個客戶有指定風格，或是老闆認為該客戶的產業性質，也許更適合走某種設計風格時，我們也會整理出...
之前所舉的例子， 都只是在程式裡寫出個簡單的回應， 並未把完整的 html 畫出來。 雖不不見得一定要用 MVC 的模式， 但利 views 把資料處理與表現的...
選擇器學不好，要飯要到老（誤）我認為學好CSS選擇器對於網站效率有很大幫助，當然這點我也還在學習當中。 今天繼續紀錄CSS的選擇器，文章若有謬誤還請不吝指正m(...
做設計總少不了一些圖庫當資源，圖庫資源在網路上非常多，無論免費、付費都可以找到不少，但是設計師在執行時，通常只會挑用一些偏好使用的站點來運用，以下介紹我在開發時...
這個網站省卻了學校管理人員很多麻煩，一上線就揪出貪瀆的警衛，回歸正常收費。 已租借場地的球隊，一定不敢遲交續借費用，因為馬上有人替補而無通融餘地。 尚未租借的球...
情境 CSS Box Model 盒子模型是 CSS 的基礎。我們可以簡單的理解為， html 元素在 CSS 裡面，都可以視為一個一個的盒子(Box)。 如下...
今天想統整一下對使用者友善的網頁要點... 今天想統整一下對使用者友善的網頁要點，什麼是友善的網頁？我認為在開發時有些要注意： 速度 開啟網頁的速度、圖片讀取的...
前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。目前js相關的前端套件非常多，使用者可以依據自己的需求進行選擇，有些為擴...
最近一直都在做網頁，所以繼續談談網頁，談談當時使用的編輯軟體。 剛開始做網頁時，因為什麼基礎也沒有，寫了什麼tag自己都搞不清楚出來的會是什麼結果，所以時常需要...
行動網頁要如何的製作，從以前只接觸一般網頁開發，現在想來試試建置手機網站，來練習練習。 近年因為智慧型手機幾乎人手一機，手機瀏覽的功能大家也漸漸越來越注重，一直...
簡介 今天會講一下在設計前要怎麼建立環境，畢竟在設計前還是要先備好畫布嘛，但畫布的尺寸要怎麼挑選呢？所以下面會簡單講一下怎麼根據瀏覽器的尺寸和Bootstrap...
塞這主題是為了完整性但我其實沒什麼資格來介紹這兩大topic就是所以只會從工程師的觀點來講連假偷懶一點吧 ＵＩ是 user interface所以通常是與客戶接...
情境 今天我們來討論一個常見的設計，標題與圖示。下面這是一張很常見的卡片式設計，看起來很正常不是嗎？ 我們在生活當中很常遇到類似這樣的設計，就是在一個卡片式的...
將LIST清單，分為兩個欄位顯示兩個文字訊息。 常用的LIST清單設計通常只有一個欄位+一個圖示來顯示資訊，下面作法可以分為兩個文字欄位來補充其他資訊。 作法：...
字體如果沒有授權問題，是否能夠直接嵌入於網頁之中呢？（請注意：大部分中文字體都會有授權的問題） 當然是可以的，英文網站中許多都會使用自訂的字體，但中文字體可就沒...
今天是CSS小孩系列！（小孩系列是我自己取的...） 我在寫網頁時常常遇到的問題是，當我想在一區塊裡某些部份作不同設定的時候，往往要再增加一個選擇器，而且只有這...
情境 響應式設計(Responsive Web Design)可使網站在不同的裝置上瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為...
定義玩基本要素如文字、色彩、空間等等後，就可以開始定義常用的「元件」，而每一種應用程式、環境都具有固定會不斷出現的 UI 元件，如桌面系統的應用程式會有固定的導...
參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為 和 提供了Methods(方法)、Pr...
製作網站前，通常需要找尋相關設計靈感，有時候想破頭就是沒想法，素材對網頁內容來說很重要，好不容易找到了不錯的素材，大部分都是有著作權，不能直接使用，以下是我常逛...
mis2000lab
tpodomoto
ruhui0726
Taiming
逮丸逮丸
鍾小呆
ramya
GG
卡斯伯
iknowlab
JYHsu
yakelu
烙詩
Mike Fang
iamya
原來可以這樣做 | Sunny
iThome鐵人賽
看影片追技術