iT邦幫忙

好想工作室相關文章
共有 109 則文章
鐵人賽 Modern Web DAY 18

技術 Day18:小事之 HTML form

在整個網站裡,form 表單會出現在不少地方,最常看到的是在聯絡我們那頁。 以聯絡我們來舉例,基本的表單如下: <form action="&q...

鐵人賽 Modern Web DAY 18
新手也能懂的JS30 系列 第 18

技術 JS30-Day18-Add Up Times with Reduce

Day18-課題內容 進入JS30的第十八天,今天的課題中,我們也要來處理陣列中的資料, 而這次處理的資料對象為時間,我們要將每個元素的時間加總起來。[1] 進...

鐵人賽 Modern Web DAY 27
前端新手村 系列 第 27

技術 前端新手村 Animations (前傳)

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 17

技術 Day17:小事之 HTML table responsive

Table 很方便用來做資料的呈現,但是當需要在各種裝置都能正常顯示的情況下,Table 的使用就很讓人傷腦筋了。 比較常用的 Table RWD 方式有兩種:...

鐵人賽 Modern Web DAY 17
新手也能懂的JS30 系列 第 17

技術 JS30-Day17-Sort Without Articles

Day17-課題內容 進入JS30的第十七天,今天要將陣列中的資料做排序的動作。[1] 進入JS30-Day17 在草稿中作者已經給了一個陣列內容,我們的目的是...

鐵人賽 Modern Web DAY 26
前端新手村 系列 第 26

技術 前端新手村 @import 開心的結構化 CSS

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 16

技術 Day16:小事之 HTML table

HTML <table> 元件代表表格數據──換句話說,就是透過二維資料表來呈現資訊。 早期 table 是同時拿來做網站排版與資料呈現,在 htm...

鐵人賽 Modern Web DAY 16
新手也能懂的JS30 系列 第 16

技術 JS30-Day16-Mouse Move Shadow

Day16-課題內容 轉眼間我們的 JS30 之路已經完成一半了! 今天要來實作一個頁面的影分身之術。在頁面剛開啟時,只有中間一個字串'影分身之術!!',但是當...

鐵人賽 Modern Web DAY 25
前端新手村 系列 第 25

技術 前端新手村 都市傳說之body範圍

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 15

技術 Day15:小事之 HTML 語意化標籤 下篇

html5 Doctor 曾經釋出過下面這個圖,用來幫助你選擇最符合語義的 HTML5 元素。[1] 今天就跟著這張表來看看幾個最常用的 HTML5 標籤該怎...

鐵人賽 Modern Web DAY 15
新手也能懂的JS30 系列 第 15

技術 JS30-Day15-LocalStorage

Day15-課題內容 今天我們要將資料從頁面中的程式碼儲存到Web瀏覽器的儲存空間當中。如此一來,本來存入程式碼當中的資料,就不會因重新整理頁面或者關閉瀏覽器而...

鐵人賽 Modern Web DAY 30

技術 Day30:: 從零開始的jQuery學習紀錄 -完-

符合條件的元件集合/jQuery選取 當你選取一個或多個元件,會回傳一個jQuery物件:一般稱此物件為一個符合條件的元件集合或一個jQuery選取。 單一選取...

鐵人賽 Modern Web DAY 14

技術 Day14:小事之 HTML 語意化標籤 上篇

在 HTML5 中 新增了語意標籤,用意是: 取代掉不具意義的 <div> 等tag 用語意化標籤來加強文件的結構化。 HTML 5 中新增的...

鐵人賽 Modern Web DAY 14
新手也能懂的JS30 系列 第 14

技術 JS30-Day14-JS Reference VS Copy

Day14-課題內容 在前幾天的課題當中,我們開始接觸到資料的使用,在今天的課題當中,我們要來認識 javascript 中各種資料型別,以及其在使用上要注意的...

鐵人賽 Modern Web DAY 23
前端新手村 系列 第 23

技術 前端新手村 細說 Timing function

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 29

技術 Day29::從零開始的jQuery 學習紀錄 -7-

運算子 運算式的操作必須依賴運算子,它能夠從一個或多個值中產生一個結果值。 運算子又分成 指定運算子:指定一個資料值給變數 算術運算子:執行基本數學運算 字串運...

鐵人賽 Modern Web DAY 13

技術 Day13:小事之 HTML viewport 與 meta tag

前面為了講 dir 岔太遠了,再回來 HTML 上面繼續說吧~ 今天要介紹的是 meta。 HTML meta tag 的功能是用來提供網頁資訊給瀏覽器、搜尋...

鐵人賽 Modern Web DAY 13
新手也能懂的JS30 系列 第 13

技術 JS30-Day13-Slide in on Scroll

JS30-Day13 在今天的題目當中,我們將學習如何讓畫面中的圖片,在滾動頁面的同時,產生進入、離開的效果。 從作者給的範例中,我們可以看到當圖片往上出現在畫...

鐵人賽 Modern Web DAY 22
前端新手村 系列 第 22

技術 前端新手村 Transition

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 28

技術 Day28::從零開始的jQuery 學習紀錄 -6-

什麼是變數? 程式碼會需要暫時儲存一些工作執行所需要的資料,它可以把這些資料存在變數中。 儲存在變數中的資料是可變更的(或是可變化的),變數可以運用於表示程式碼...

鐵人賽 Modern Web DAY 12
新手也能懂的JS30 系列 第 12

技術 JS30-Day12-Key Sequence Detection

Day12-課題內容 邁入JS30的第12篇,在今天的題目中,當我們輸入的字元與的隱藏密碼一致時,便會打開隱藏在頁面中的彩蛋![1] 實作連結-大家可以嘗試在上...

鐵人賽 Modern Web DAY 21
前端新手村 系列 第 21

技術 前端新手村 Media Query

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 27

技術 Day27::從零開始的jQuery 學習紀錄 -5-

物件與特性 物件(代表事物) 電腦程式設計中,世界上每個具體物品都可以用物件(object)表示。 每個物件都會有自己的特性、事件、方法 綜合以上幾點就可以製造...

鐵人賽 Modern Web DAY 11

技術 Day11:小事之 HTML dir Attribute 與 CSS writing-mode 上篇

昨天說到 dir 屬性用於設置要顯示的文本的基本方向,這個基本方向不純粹是文字,包含所有的元素、區塊都是唷!所以當設定了 <html dir="...

鐵人賽 Modern Web DAY 11
新手也能懂的JS30 系列 第 11

技術 JS30-Day11-Custom Video Player

Day11-課題內容 今天的課題中,我們將來了解 video 物件,並透過其相關方法,來客製化一個影片播放器。[1] 實作範例 Video物件 在HTML5推出...

鐵人賽 Modern Web DAY 20
前端新手村 系列 第 20

技術 前端新手村 flex grow & shrink 演算法

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 26

技術 Day26::從零開始的jQuery 學習紀錄 -4-

如何運用JavaScript增添網頁的互動性 JavaScript可以讓程式設計師位網頁增添更多的互動趣味性,主要是透過瀏覽器在呈現網頁內容時,動態進行存取(D...

鐵人賽 Modern Web DAY 10
新手也能懂的JS30 系列 第 10

技術 JS30-Day10-Hold Shift to Check Multiple Checkboxes

Day10-課題內容 今天我們將透過click事件中的shift屬性以及陣列的觀念,來做出選取多個項目的功能。在作者的範例中,當勾選其中一個欄位之後,按著Shi...

鐵人賽 Modern Web DAY 19
前端新手村 系列 第 19

技術 前端新手村 flex (下)

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...