久違的練習一下，這次是以製作一個會員登入、註冊的介面為目標所學習的一個歷程，所用技術不外乎HTML、CSS、PHP、MySQL，主要以PHP串接MySQL為主，...
最近在寫專題，遇到了一些困難，需要寫出一個網頁，網頁的捲軸可以控制太陽系的星系轉動(同時)，請問該如何寫出來? 範例如下 但是要拉動網頁旁邊的卷軸來轉動各星球。...
[https://codepen.io/terry-yu-the-vuer/pen/rNOrWYY?__cf_chl_jschl_tk__=cc73fd5172...
使用Emmet省下泡一杯咖啡的時間 (HTML篇) 效率滿點的好工具 為什麼而學? 前身是Zen coding，現已改名為Emmet，是一款文字編輯器的套件...
前言 將這 30 天的資料做成目錄，並簡單說明內容，方便查找 紀錄一下 系列目錄 HTML 與 CSS 學習筆記 系列 Day01 - 說明、工具 前言...
結語 感謝鐵人賽的契機，讓我又完成一門課了，雖然是一門基礎的課程，但是過程中依然放了不少心力，看那幾乎都接近時限前的發文，每天都花 1 ~ 2 小時的時間，上完...
【工作內容】 ・使用HTML、CSS編輯網站後台 ・相關網站維護及網頁設計 ・公司官網的程式編碼 ・其他業務支援 【條件】 ・網站架構、維護三年以上相關經驗 ・...
【公司介紹】 以提供雲端群組軟體及工作改善服務為主軸。 日本市佔率第一，服務據點遍布全球，橫跨亞太、北美地區。2017年9月設立台灣據點，已協助超過百家企業、提...
Float float：用來將區塊並排時可以使用，當設定浮動時，其父層會抓不到子層的高度 left：靠左浮動 right：靠右浮動 none：不浮動...
網頁設計 環境：將多頁面的檔案建立，連結確認彼此間的關係 layout (佈局)：評估多個頁面皆會出現的部分，如開頭與結尾，可稱為佈局 保持彈性：內容長度不定...
終於要來組合畫面嚕～ 寫了這麼多天的小區塊切版， 終於要派上用場了！ 是不是常常有一種：「我想要學的是整個網頁的切版，不是這種小區塊！」的吶喊啊？ 其實小區塊切...
背景圖片 background-image：使用 url(pic路徑) 來顯示圖片 background-image: url(./img/logo.p...
漸層 linear-gradient：漸層屬性，可以從 background 套用 方向：預設未寫為上至下 to bottom，也可寫成角度，從上以 0...
Visual examples of those four possibilities. by CSS-TRICKS 在製作表格時，最常遇到的狀況就是需要在各...
Day40 終極試煉 簡單小語 終極試煉拖了好久啊啊啊，工作忙，家裡忙，又有連假，一切都是藉口，小魯是不會多說的，寫這篇心得當下可是在花蓮民宿裡苦苦地寫，為...
圓弧 border-radius：圓弧屬性，可設定 4 組，可以為 px 或是 % ，從左上開始，順時鐘為左上、右上、右下、左下 設定 1 個：代表全部通...
不知道各位網頁設計師，在製作設計稿的時候，有沒有遇過需要設計的表格內容超級多！ 類似部門人員介紹或人事績效考核的超長表格XD By 攝圖網 - 人事行政主管绩...
Day39 刻不容緩 簡單小語 這個樣板算是目前最大挑戰，看似簡單但細節超級多，中間又卡了一個出遊因此進度落後，趕快補起來，許多地方並沒有樣板這樣如此細膩及...
Form 表單 <input>：說明 type 的單選與多選 radio：單選 同一群要定義 name，value 回傳值 描述可用 la...
Day38 隨點隨到 簡單小語 看到這個menu的效果可以fixed在想要的位置上，覺得超酷，立刻查資料看看要如何做，才發現原來可以用JQuery去尋找滑鼠...
Form 表單 <form>：有 action 來確定要送出的地方，method 則是送出的方法 <input>：用來輸入資料...
Day37 電光一閃 簡單小語 為什麼叫電光一閃呢?因為每個在hover後都是快速閃一下，一時興起就來的電光一閃吧(衝吧皮卡丘，宅ing)，看到好多樣式，於...
前言 2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...
Table 表格 <table> <tr>：代表 (table row)，橫的 row <td>：代表 (tabl...
Day36 風琴萬種 簡單小語 原來做了這麼久的收合選單，這種樣式叫做手風琴選單啊！果然風琴萬種(什麼爛梗……)無知如小魯的我，看了下樣板覺得可以更改樣式，...
固定定位 不隨網頁滑動(滾動)而改變位置，例如購物車按鈕、置頂按鈕、聊天服務等固定區域的 fixed：類似絕對座標固定位置，但參考的是瀏覽器視窗，也就是我們...
Day35 大俠漢堡 簡單小語 大俠愛吃漢堡包，純正牛肉真是好；香港市民添口福，吃完就是乖寶寶，看到這麼多的漢堡選單樣式，就立刻想到這個標語及經典台詞，這次...
相對定位與絕對定位 可以用來應用在重疊 static：預設值，代表不會被定位，依照網頁預設排版 absolute：絕對座標，可放在整個網頁視窗的位置，挪動...
Day34 鈕紐捏捏 簡單小語 看到這麼多的按鈕效果，真的是看得鈕鈕捏捏，忍不住就想挑戰想練習，總共16個效果，有些想破腦筋，有些熟能生巧，不斷的刷新就是看...
hokou
Zombie@Dump
GG
TerryYu
TD
iT 邦幫忙鐵人賽