那天跟朋友聊天，我跟他說我的同學是打程式的所以薪水很高。他很不解，什麼叫做打程式的?我就說就資料探勘那類的，他就說所以是做後端嗎?我說我不知道，他很生氣，他說你...
我是今年剛畢業的新鮮人，選擇了離家229公里遠的工作，連我自己都感到很意外，畢竟我是一個非常以家人為重的人。就在我遠赴他鄉，薪水也不高的情況下，房租加上返鄉的來...
終於來到了最後一章節，也算是蠻重要的「版本控制」 版本控制的好處是讓你可以知道自己修改了什麼東西，方便管理自己的code，在多人一起開發一個專案時，更是不可或缺...
現在使用智慧型手機比率最高，手機畫面很小，所以在製作網頁時應注意以下細節 只顯示重要的資訊及減少欄位數量 在手機或平板上，不像電腦可以閱讀大量資訊內容，所以要適...
響應式網頁設計是什麼 響應式網頁設計(Responsive Web Design)簡稱RWD，是開發網頁設計中的一種方法，在不改變網站結構，隨著顯示螢幕的大小調...
這個暑假就像開頭第一篇說的，應該是大部分人度過最長的一個暑假，我原本也沒什麼目標，打算好好休養生息，但還好我的朋友們找我做了這麼一個Project，讓我學到了很...
transform屬性是變形的意思，可運用在2D及3D變形，可以對網頁元素做旋轉、縮放、平移、傾斜、矩陣變形的效果。但不適用於「行內元素」 transform:...
Grid是什麼 Grid是磚牆式版面，使用二維的排版方式，與flexbox不同的地方是Grid一次可以控制水平及垂直方向。Grid像是美工軟體，有許多參考線幫助...
今天要來介紹的是定位(position)，可以用來設定元素的擺放位置了 position 定位 static 預設值 正常排序，依照html的code由上往下...
Box Model定義 每個html的元素都是一個Box Model，由外而內為外邊距(Margin)、邊框(Border)、內邊距(Padding)、內容盒子...
表單在網頁上有不同呈現的功能，像是網路投票、註冊、購物、問券、搜尋等，用來收集瀏覽者的資訊，增加與使用者的互動。 <form> 包含表單元素的區域(...
有時候在製作區塊時，會希望用不規則的形狀呈現，以前會將圖片製作成不規則形狀，在放到html裡面，或是用很多元素堆疊呈現，但每次要修改圖片就要再重新做一次，很麻煩...
前一章節介紹過混合模式，相信對濾鏡也不會很陌生。「濾鏡」是什麼呢？他可以做出與Photoshop相同的濾鏡，CSS提供了十種濾鏡，可以用在圖片、文字...等地方...
「混合模式」是什麼呢？有用過photoshop的設計師對圖片混合模式肯定不陌生，是元素重疊部分的顏色、飽和度、亮度進行混合變成新的顏色。混合模式相關屬性： b...
圖片在網頁裡是不可或缺的元素，可以增加網站的豐富度及美感，但是也可能造成網站花太多時間載入，使用者體驗不佳，甚至影響到網站的排名。因此，圖片的解析度、檔案大小相...
本篇介紹data-*常用抓取方法，以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>，其實已經有用...
今日的目標 要怎麼將我們的 GAS 成果打包成別人可以使用的版本？我們已經學了快一個月的 GAS 使用方式，但並不是每個人都熟悉 GAS 的進入與使用。我們要怎...
Congratulations to all of us! The final day has already come! Hooray!Pic: Unspla...
項目清單分為條列式清(ol)單及編號清單(ul)，兩者的差別在於是否有自動排序項目的功能，<ul>是黑點符號「●」，在不同的瀏覽器下可能呈現不同的效...
超連結是建立網頁與網頁之間的關係，也可以連結到外部網站。a是Anchor的縮寫，中文翻譯為「錨」，點擊後跳到指定位置。連結可以是文字、圖片或檔案，當使用者滑過時...
網站通常是透過文字的編排，呈現資訊給使用者，標籤用得好，對於SEO排名也會有些幫助，今天要來介紹網頁文字標籤及樣式的使用 網頁標題 <h1>~<...
在上一篇：用HTML、CSS、JS打造個人網站 (1)，講解了開發網頁的前置作業，以及 Header 跟 Section-Primary 的區塊，接下來就讓我...
所有的網站大概可以分成兩類：靜態網頁、動態網頁，靜態網頁顧名思義就是靜止的網頁，不會去太頻繁的更新內容；動態網頁則是會根據使用者的輸入而有不同的內容更新，包含的...
這篇想和大家介紹如何將HTML的內容傳送到PHP因為HTML呈現的是網頁的畫面，若想做些運算或儲存，就必須將內容傳到後端執行 1. POST首先，先在HTML...
設置CSS樣式大小時，會使用到各種不同的單位，尤其現在都製作響應式網站，用錯單位，就會針對不同尺寸調整大小相當耗時，以下介紹網頁常用各種網頁單位，讓你使用的更加...
昨天介紹了各種選擇器，今天介紹偽類及偽元素樣式設定，可以讓畫面有更多的樣式變化，也減少html code的撰寫。讓我來為你一一介紹各種屬性使用方式吧～ 偽類選擇...
Day23 的彈跳視窗元件，送出表單按鈕在form標籤的外面，理當來說form 外面的送出表單按鈕和裡面無關，今天我們會講如何處理這種狀況。 <div c...
HTML 是一份可以給瀏覽器讀取的文件，副檔名為.html，我們在網頁上所看見的元件，基本上都是由 HTML 標籤所生成，後續再由CSS 、JS去做美化編輯。今...
前言： 前面我們介紹了很多html, css, php和mysql相關的內容了！今天我們要繼續來介紹JavaScript！這個JavaSript呢可以說是目前...
在HTML5中新增了語意標籤，取代以前只能用<div>劃分區塊，可以更清楚知道網頁區塊設計目的，也有有利SEO的搜尋。下圖是網站標籤的結構，依序跟大...
原來可以這樣做 | Sunny
Cooksuhr
切版姐姐
森林裡的園藝眼鏡
Vida Lin
May
ㄙ ㄩˊ
漢漢老師
atain880625
iThome鐵人賽
看影片追技術