iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 1394 瀏覽

鐵人賽自我挑戰組 DAY 16

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 16 篇

技術 Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語很快地又來到履歷頁面的練習，想當初剛開始學習時就在思考要放什麼在履歷表中，到了現在還是一頭霧水，就是一直練習一直練習，...

TerryYu ‧ 2020-09-16

0 Like 0 留言 3466 瀏覽

鐵人賽 Microsoft Azure DAY 15

Azure 的自我修煉系列第 15 篇

技術 Day15 網頁基礎知識

網頁基礎知識對於剛接觸網頁的人，首先要認識 HTML、CSS、JavaScript，這三的語言構成基本的網頁結構HTML Wiki 超文本標記語言，是一種用於...

pellok ‧ 2020-09-15

1 Like 0 留言 1917 瀏覽

鐵人賽自我挑戰組 DAY 15

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 15 篇

技術 Day15 網頁前端-刻意練習(英雄頁面#2)

Day15 AC 英雄頁面#2 簡單小語雖然都是簡易排版及臨時起意的想法，可能實務上用到機會不大，加入了好久沒使用的輪播效果，認為目前尺寸的控制還需加強，常...

TerryYu ‧ 2020-09-15

0 Like 0 留言 1364 瀏覽

鐵人賽自我挑戰組 DAY 14

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 14 篇

技術 Day14 網頁前端-刻意練習(英雄頁面#1)

Day14 AC 英雄頁面#1 簡單小語之前在學習AC時做鋼鐵人的練習，當時就想有一天一定要做其他角色然後放上其餘資訊，所以到了今天就毫不猶豫的練習一波，光...

TerryYu ‧ 2020-09-14

0 Like 0 留言 2509 瀏覽

鐵人賽自我挑戰組 DAY 12

WordPress 客製化從 0 開始系列第 12 篇

技術 Day 12 了解 WordPress 的 CSS 編碼標準及 SCSS/Sass

大家好，我是 Eric。我們今天來到了 CSS 篇章的最後一部份，關於 CSS 的編碼標準及 SCSS/Sass。如同我們在 HTML 的編碼標準裡提到的，這...

Eric 桓桓 ‧ 2020-09-13

0 Like 0 留言 2281 瀏覽

鐵人賽自我挑戰組 DAY 11

WordPress 客製化從 0 開始系列第 11 篇

技術 Day 11 用 WordPress 看 CSS 樣式：「這裡空間大一點」

大家好，我是 Eric。昨天我們介紹完 CSS 中與字型有關的樣式，在了解這些樣式屬性後，其實我們已經看得懂超過一半以上的 Twenty Twenty 佈景主...

Eric 桓桓 ‧ 2020-09-12

0 Like 0 留言 2253 瀏覽

鐵人賽自我挑戰組 DAY 13

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 13 篇

技術 Day13 網頁前端-刻意練習(切版練習)

Day13 金魚切版練習簡單小語金魚的尾聲，總結一下自己練習所學，因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足)，練習的過程也真的...

TerryYu ‧ 2020-09-13

1 Like 1 留言 1376 瀏覽

鐵人賽自我挑戰組 DAY 12

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 12 篇

技術 Day12 網頁前端-刻意練習(不規則邊緣)

Day12 金魚不規則邊緣簡單小語這次的練習較為簡單些，主要就是每個元素的位置控制及掌握，才能讓不規則的邊緣呈現樣式，再利用padding的方式向上推展...

TerryYu ‧ 2020-09-12

0 Like 0 留言 2295 瀏覽

鐵人賽自我挑戰組 DAY 10

WordPress 客製化從 0 開始系列第 10 篇

技術 Day 10 用 WordPress 了解 CSS 樣式：標題與字型

大家好，我是 Eric。前兩天分享了 CSS 的基本版面配置方式，以及媒體查詢 (media query) 的實作方法。今天，我們就回到 CSS 的入門篇章：...

Eric 桓桓 ‧ 2020-09-11

1 Like 0 留言 2701 瀏覽

鐵人賽自我挑戰組 DAY 11

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 11 篇

技術 Day11 網頁前端-刻意練習(多層次收合選單)

Day11 金魚多層次收合選單簡單小語這個練習有覺得難了些，必須參考之前的寫法才能將多層次選單寫出來，RWD方面也是思考了一番，經過昨天的練習知道了在J...

TerryYu ‧ 2020-09-11

0 Like 0 留言 2434 瀏覽

鐵人賽自我挑戰組 DAY 9

WordPress 客製化從 0 開始系列第 9 篇

技術 Day 9 用 WordPress 看 CSS 樣式：版面配置 (grid 與 @media)

昨天我們說明了 flex 以直線為排列單位的配置樣式。今天，我們要再來進一步的探討 grid 這種版面樣式。 display: grid; 事實上，grid 的...

Eric 桓桓 ‧ 2020-09-10

0 Like 0 留言 2206 瀏覽

鐵人賽自我挑戰組 DAY 10

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 10 篇

技術 Day10 網頁前端-刻意練習(文字排版)

Day10 金魚文字排版簡單小語這次練習的文字排版，一開起來才發現，之前切的都亂掉了且有點難看，開始有點刻意練習的效果出來，就是一看到這東西就會想說怎麼...

TerryYu ‧ 2020-09-10

0 Like 0 留言 2590 瀏覽

鐵人賽自我挑戰組 DAY 8

WordPress 客製化從 0 開始系列第 8 篇

技術 Day 8 從 WordPress 看 CSS 樣式：版面配置 (flex)

大家好，我是 Eric。一般在學習 CSS 的時候，都會從較簡單的樣式開始，例如字型顏色 (color)、字型系列 (font-family) 等。但今天，我們...

Eric 桓桓 ‧ 2020-09-09

0 Like 0 留言 1792 瀏覽

鐵人賽自我挑戰組 DAY 9

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 9 篇

技術 Day9 網頁前端-刻意練習(JQ選單)

Day9 金魚 JQ選單簡單小語之前練習往往都是在header上會花些時間，這次的刻意練習就選JQ選單來加深印象，雖然樣板差不多差異在其特效及RWD差異，...

TerryYu ‧ 2020-09-09

1 Like 0 留言 2633 瀏覽

鐵人賽自我挑戰組 DAY 7

WordPress 客製化從 0 開始系列第 7 篇

技術 Day 7 用 WordPress 佈景主題學 CSS 選擇器：進階篇

大家好，我是 Eric。昨天文章的最後，丟出了幾個問題，沒有辦法透過基本的選擇器來完成，又或者說，要透過基本選擇器來完成會變得非常麻煩。以「我的表格想要偶數列跟...

Eric 桓桓 ‧ 2020-09-08

0 Like 0 留言 2185 瀏覽

鐵人賽自我挑戰組 DAY 8

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 8 篇

技術 Day8 網頁前端-刻意練習(簡易表格)

Day8 金魚簡易表格簡單小語練習表格一開始真的會搞不清楚欄跟列的排序方式，再慢慢練習後終於知道tr,th,td差異處，一開始看出還真的一頭霧水呢，表格...

TerryYu ‧ 2020-09-08

1 Like 0 留言 3388 瀏覽

鐵人賽自我挑戰組 DAY 6

WordPress 客製化從 0 開始系列第 6 篇

技術 Day 6 用 WordPress 佈景主題學 CSS 選擇器：基本篇

大家好，我是 Eric。昨天我們正式進入佈景主題的核心之一，CSS。除了內嵌樣式之外，在網站開發時，最常用的仍然是 CSS 檔案，以及 <style&g...

Eric 桓桓 ‧ 2020-09-07

0 Like 0 留言 2371 瀏覽

鐵人賽自我挑戰組 DAY 7

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 7 篇

技術 Day7 網頁前端-刻意練習(會員登入)

Day7 金魚會員登入簡單小語會員登入畫面的練習，增加了觸摸效果及使用者體驗，先前看Amos老師教學時以為不難，實作才發現很多觀念不足，例如如何放圖片到...

TerryYu ‧ 2020-09-07

1 Like 0 留言 3415 瀏覽

鐵人賽自我挑戰組 DAY 5

WordPress 客製化從 0 開始系列第 5 篇

技術 Day 5 WordPress 樣式客製化與 CSS：樣式介紹與佈景主題架構

大家好，我是 Eric。第二到第四天的文章中，我們透過觀察 WordPress 佈景主題的檔案，了解了基本的 HTML 5 架構與語意化標籤。接著，在骨架完成...

Eric 桓桓 ‧ 2020-09-06

0 Like 0 留言 1429 瀏覽

鐵人賽自我挑戰組 DAY 6

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 6 篇

技術 Day6 網頁前端-刻意練習(綜合練習#2)

Day6 金魚綜合練習#2 簡單小語這次的練習花的時間長了點，主要就是各種不規則以及動畫的搭配上，花了較多時間，也練習了OffCanvas，Scroll...

TerryYu ‧ 2020-09-06

0 Like 0 留言 1735 瀏覽

鐵人賽自我挑戰組 DAY 5

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 5 篇

技術 Day5 網頁前端-刻意練習(綜合練習#1)

Day5 金魚綜合練習#1 簡單小語這次的練習發現許多細節在初學時沒有注意好，例如空間的配置以及padding及margin的應用，如何讓版面排起來增加可...

TerryYu ‧ 2020-09-05

0 Like 0 留言 2432 瀏覽

鐵人賽自我挑戰組 DAY 4

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 4 篇

技術 Day4 網頁前端-刻意練習(稀飯版+蓋版廣告)

Day4 金魚稀飯版+蓋版廣告簡單小語這次多練習了偽元素before跟after，還記得當初看到Amos老師用這個功能，真的是一頭霧水看不懂，也很好奇這...

TerryYu ‧ 2020-09-04

0 Like 0 留言 2865 瀏覽

鐵人賽自我挑戰組 DAY 3

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 3 篇

技術 Day3 網頁前端-刻意練習(稀飯版)

Day3 金魚稀飯版簡單小語依稀記得當初看到Amos老師說稀飯版就是吃飯一樣簡單，那時的我真覺得太扯了，要切出那樣的版面居然說是簡單，到這次刻意練習時發...

TerryYu ‧ 2020-09-03

0 Like 1 留言 2642 瀏覽

鐵人賽自我挑戰組 DAY 2

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 2 篇

技術 Day2 網頁前端-刻意練習(相對絕對定位)

Day2 金魚相對絕對定位簡單小語定位的重要性不可言喻，一招可以有各種變化，釐清relative，absolute，fixed之間的差異及使用時機，套句...

TerryYu ‧ 2020-09-02

2 Like 0 留言 4332 瀏覽

鐵人賽自我挑戰組 DAY 1

2020 iT邦幫忙鐵人賽網頁前端-刻意練習系列第 1 篇

技術 Day1 網頁前端-刻意練習

Day1 學習前端的起源起源小魯今年28歲，從事FAE及技術支援類工作約3年，資訊系畢業但沒去寫程式，當初也不愛寫程式。　　2020年COVID-19疫...

TerryYu ‧ 2020-09-01

0 Like 0 留言 9803 瀏覽

技術 Vue.js - 使用 StyleLint 來整理 CSS 吧！

繼上次的 ESLint 後，這次要來介紹的是 StyleLint，那就廢話不多說開始吧！ StyleLint StyleLint 一個檢查 CSS Coding...

Ares ‧ 2020-10-11

0 Like 2 留言 16963 瀏覽

技術 React三種使用CSS方法

React兩種使用CSS方法一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...

jbuduoo ‧ 2020-07-22

0 Like 0 留言 2396 瀏覽

技術 CSS & CSS3 學習筆記重點

以下要分享一些從金魚腦切版中及自己在切版過程中學到的一些知識點。 https://ithelp.ithome.com.tw/users/20112550/iro...

no027843 ‧ 2020-07-22

0 Like 0 留言 1181 瀏覽

技術 CSS 讓 video 實現 fullscreen

由於 video 是 HTML 內置組建，不能通過強制改變 size 使 video 鋪滿元素。如果要實現 video 全屏效果就需要用到 CSS 的 obje...

easthingqq ‧ 2020-07-13

1 Like 0 留言 1424 瀏覽

技術 [Sass]造輪子-用@mixin做一個簡單的loading動畫

話不多說,先上成果! 思考迴路: 撰寫keyframes使每個點上下移動(transform),我們命名這個keyframe為waving 每個點都具備相同...

orientest99 ‧ 2020-07-08