使用 stasis 產生靜態網頁， 除了每更新HAML檔後， 再執行編譯的方式之外， 也提供了即時監測更新的方式。 靜態網頁即時更新 靜態網頁與動態網頁的區別，...
Semantic Tag在HTML中是一個重要的觀念，它牽涉到了網站的SEO，隨著網路時代的進步，越來越多電商的成立，想增加增加網站曝光度、提高在google上...
或許你可能曾在FB或是Dcard的留言板上，看過諸如此類的奇怪文字：因為大家都不知道怎麼辦到的，所以紛紛複製貼上，演變成大量洗版的詭異流行。 現在就來介紹這些...
實作方式請參考：http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx Blog...
Day2 金魚 相對絕對定位 簡單小語 定位的重要性不可言喻，一招可以有各種變化，釐清relative，absolute，fixed之間的差異及使用時機，套句...
既然用 nanoc 可以有效維護網頁， 也試試怎樣讓 nanoc 支援 HAML 的格式。 把layouts/ 裡面改副檔名而成為 default.ham， 且...
唉唷我累個擦，差一點就忘記發文直接去睡覺了 上一回我們介紹了很基礎的 HTML5 網頁架構今天我們就來聊聊那些 body 中常看見的奇怪東西吧！ <u...
由於前一篇提到了和子資料夾衝突的問題，我們必須談談檔案路徑。沒想到這樣雞毛蒜皮的問題，曾經也讓菜鳥時期的我苦惱很久。 首先index.html是瀏覽一個網站...
有人來訊問到為什麼要放一隻柴柴當大頭照，其實牠的真身原本是這樣的 (饒富動感? 當初沒想到這麼快就會把腦海中的梗用完，果真有梗當思無梗之苦呀.. 今天就來聊...
Day11 金魚 多層次收合選單 簡單小語 這個練習有覺得難了些，必須參考之前的寫法才能將多層次選單寫出來，RWD方面也是思考了一番，經過昨天的練習知道了在J...
[Day 11] Web前端基礎2.0：有趣的前端技術 (10min)2.1：HTML (22min + 15min)-- HTML URL Encode...
(此圖翻繪自 http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx) Win...
組件實作 : Demo 一、前言 在行動裝置當道的時代，網頁的版面也隨著手機出現而有所改變，為了符合各種裝置較好的閱讀體驗，RWD 技術【1】也隨之誕生。...
其實是因為今天有點累，不想開windows的電腦，所以想說寫點特別的，暫時不想碰code。 結果因為太久沒碰文書軟體，哈哈，好像也沒比較輕鬆，抱歉了各位讀者&g...
HTML 是一種用於建立網頁的標記語言，可以搭配 CSS、JavaScript 製作成一個精美的網頁。這篇文章將帶著各位將 HTML 轉換為可以在安卓手機安裝...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
在HTML5中新增了語意標籤，取代以前只能用<div>劃分區塊，可以更清楚知道網頁區塊設計目的，也有有利SEO的搜尋。下圖是網站標籤的結構，依序跟大...
W3Schools 首頁有用到他們自家出產的 w3.css，這是一套類似 Bootstrap 的 CSS Framework，把很多常用的css屬性包成許多cl...
Day34 鈕紐捏捏 簡單小語 看到這麼多的按鈕效果，真的是看得鈕鈕捏捏，忍不住就想挑戰想練習，總共16個效果，有些想破腦筋，有些熟能生巧，不斷的刷新就是看自...
HTML裡極為重要的一個標籤 META TAG 不可忽視! 但它不是人看的。 META 標籤是一個專門提供給搜尋引擎透過crawlers-spiders爬行蜘蛛...
【前言】不知道大家有沒有看過 Youtube 上面一些 5~12 小時的 Coding 教學影片。這是一件頗好笑的事情，以前我都想到底誰會把這種影片看完來學一...
Day4 金魚 稀飯版+蓋版廣告 簡單小語 這次多練習了偽元素before跟after，還記得當初看到Amos老師用這個功能，真的是一頭霧水看不懂，也很好奇這...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...
同學幫我填一下問卷好嗎 (･ω´･ ) 不一定是問卷，舉凡註冊、登入、上傳檔案、錯誤回報、甚至是打LOL檢舉中離仔使用的都是 HTML 的表單標籤。表單是一個很...
前言 網頁基礎構成基本就是 HTML 和 CSS，最多再增加 JavaScript，前 2 個我幾乎每次都碰一下就會中斷，畢竟比起基礎的 HTML 和 CSS，...
區塊水平置中 使用 margin-left: auto和margin-right: auto 參考下例會發現區塊區域置中，然後只有最上層(父層) wrap...
今天要來介紹的是定位(position)，可以用來設定元素的擺放位置了 position 定位 static 預設值 正常排序，依照html的code由上往下...
日商公司招募企業內部員工(正社員)：IT工程師１１／２７、１１／２８將來台灣開辦選考會，有興趣的人，歡迎留言哦！雇用形態：正社員※入社後2ヶ月の試用期間あり。た...
設置CSS樣式大小時，會使用到各種不同的單位，尤其現在都製作響應式網站，用錯單位，就會針對不同尺寸調整大小相當耗時，以下介紹網頁常用各種網頁單位，讓你使用的更加...
崗位職責：從事公司相關軟件維護與研發工作進行軟件詳細設計，代碼編寫，單元測試等進行軟件代碼的維護和改進工作完成部門安排的其它研發相關工作 崗位要求：瞭解基礎 H...
逮丸逮丸
IrisAndMimi
yiying
TerryYu
阿陰
drm
東尼先生
sunny
EasonChang
Eric
ALu
Tim Hsu
lyuki
hokou
iThome鐵人賽
看影片追技術