情境 我們先前也提到一些圖片處理的相關防禦性 CSS，例如關於圖片比例的 object-fit 等等。這些屬性能夠幫助我們在圖片容器改變的時候，防止圖片的比例變...
簡單的功能 sinatra 可以把程式寫到一個檔案就可以啟動服務。 最簡單的啟動 看一下編輯的檔案及執行的結果： $ cat simple.rb require...
有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。 新增蛇的物件 首先我們先來新增一個蛇的物件 const...
晚輩的新書上市， 舉辦一場團購，買一送一 ASP.NET專題實務 I：C#入門實戰（VS2015版） / 松崗 定價 NT$820 http://www.boo...
「這張圖幫我美工一下」，讓工作中的設計師聽在耳裡非常的不爽，當下正想立即回嘴：「你才美工，你全家都美工！」才發現說話的是老闆。 過去，許多設計師非常討厭這句話...
這邊要介紹一些JQuery Mobile元件的清單，有哪些清單可以做使用 ●基本List：可以當一個清單選單，分為有序和無序清單。 作法：使用<ul>...
由平面設計的角度開始去理解HTML的構成 我最早開始做網頁是高中時期，當初還在播接，各校的BBS都還興盛，入口網站是奇摩、蕃薯藤，最大的網路社團是cityfam...
浮動視窗 在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...
resque 是利用 redis 建立了背景工作的機制。 網頁的回應時間有一定的限制， 如果同時需要一些動作， 像存取另個網站的內容， 或者要送出信件， 往往需...
網路行銷人員使用火狐瀏覽器的必要性 /馮英健 火狐瀏覽器(Firefox)（什麼是火狐瀏覽器？）推出之後，儘管很快獲得了部分使用者的好評，不過並沒有預期的那麼火...
這一系列是記錄學習網頁程式設計的筆記 Day: Day 1 Content: Introduction { Introduction 自我介紹 } H...
本篇文章作為第三週的第二篇，我們透過實際的例子， 來聊聊功能轉換到頁面之後，到底有多大的出入。 --------系列簡介-------- 網站系統可說是現在最多...
適應式網站上Menu也是需要設計的一項元素之一，如何好用好看，介紹幾種實作方法 Menu要如何設計在運用上會好用方便，大致性上的作法。 →縮小選單：在選單間的間...
現在有各種不同的行動裝置，每個畫面大小不一樣，為了可以應用這種現象，所以便有響應式設計的概念出現，讓網頁可以隨著不同裝置變動，方便瀏覽。 響應式網站(Respo...
*z-index 屬性決定元素重疊的順序 CSS 碼： #redblock { z-index: 1; position:absolute; width:80p...
昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。 地圖畫面座標系 我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...
透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名，都存在 novelname 這個key裡， 在頁面顯示已存幾個筆名， 若覺得太少，可有抓取新筆...
顯示左右箭頭，讓使用者可以往前或往後 可以用來如(圖片顯示)會顯示左箭頭或右箭頭讓使用往前或往後。 作法： →到http://filamentgroup.com...
Day 4 - 客戶說：欸我看網路上有 AWD，那跟 RWD 有什麼實質差別呢？ 晴天霹靂，一直都只有聽過 RWD，至少還答得出 2-3 句，AWD 這個實在...
本篇重點 設計精稿 ( Mockup ) 在繪製設計精稿 ( Mockup ) 之前... 網格系統 ( Grid System ) 是什麼 ?...
昨天我們已經讓蛇的頭部可以動起來，並且可以接受方向鍵的操作來改變方向。接下來我們要讓這隻蛇有身體，讓他成為一條名符其實的蛇。 前情提要 在 Day12 - 貪吃...
在眾多 CSS 框架裡， Bootstrap 在網頁程式開發的環境裡， 可能是簡潔又易用的前端框架工具。 此框架最早是以 Twitter Bootstrap 為...
上一篇文章：MIS2000Lab.的「HTML5 從零開始」#24-- 自適應使用者介面（Adaptive User Interface）#1 http://i...
我的網站很單純只是提供一些資料庫設計的概念,以前用 html 排網頁總覺得很困難,導入jquery後使用 div 配置概念變得方便多了. 目前用Chrome,F...
今天做網頁時照舊很快的把會議記錄word檔修一修，確認無誤後，就作成pdf檔，然後加個連結就完成了，簡簡單單、輕輕鬆鬆，幾分鐘搞定！ 想起以前開始學做網頁時，自...
Day 28 - 你們服務項目有 Prototype，通常會位於流程的哪一階段呢? 在目前短暫的在外的拋頭露面當中，在 Prototype 這邊我都會多分享一些...
名嘴或媒體,年底就一定要回顧整理一下年度大事 年初呢~就來預測 個人覺得頗值得參考的,分享給各位 2015 網頁設計10大趨勢預測 一、行動網站設計浪潮來臨 二...
SUSY相較於Bootstrap而言，是一個靈活度較高的Framework，以下記錄一下使用SUSY的心得。 接觸時間不長，內容如有誤還請指正，謝謝。 SUSY...
上一篇文章：http://ithelp.ithome.com.tw/question/10159772 前三篇文章簡單地分享了HTML5 API 這篇文章要分享...
一開始的文章有介紹到格線系統，主要是針對水平欄位空間的介紹，而其實垂直空間也是需要有固定的間距，當然一方面是有一致的美感，另一方面則是讓開發者設定全網站可用間距...
Taiming
逮丸逮丸
卡斯伯
ramya
chibc
ruhui0726
Roy Wang
tony1223
iamya
Jade Chang
tedkuo
mis2000lab
yakelu
tpodomoto
iThome鐵人賽
看影片追技術