iT邦幫忙

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

技術 Day30:小事之 心得、目錄與推薦

心得與感謝 感謝這次一起參加鐵人賽的好想工作室夥伴,真的覺得有跟你們一起參加才能寫完三十天。 還要謝謝在這裡與在FB替我加油打氣的大家。 也謝謝 Amos 跟我...

技術 Good Morning, Functional JS (Day 30)

標題 Good Morning,其實是希望本系列能為 Functional Programming 學習雲霧中透進一絲微光 會寫本系列文章,主要是因為想要...

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

技術 JS30-Day30-打地鼠

Day30-課題內容 終於來到 JS30的最後一天,在今天的課題中,我們將要使用一些之前所學的技能,在頁面上做出一個打地鼠的小遊戲。[1] 實作連結 進入課題...

鐵人賽 Modern Web DAY 29

技術 Day29:小事之 jQuery 寫法與 jQuery plugin

前一篇講了所有的選擇器,今天來說明一下 jQuery 基本的寫法,與幾個好用的 plugin。 寫法 $('CSS Selector').要做的事(); 例...

鐵人賽 Modern Web DAY 21

技術 Day21:小事之 CSS Reset 與 CSS normalize

為什麼會想介紹 CSS Reset 與 CSS normalize ? 因為在很久很久以前(喂~)。咳!重來。 在 W3C 制訂 HTML 與 CSS 規格時,...

鐵人賽 Modern Web DAY 17

技術 Day17:小事之 HTML table responsive

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

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

技術 JS30-Day15-LocalStorage

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

鐵人賽 Modern Web DAY 28

技術 Day28:小事之 jQuery 選擇器

jQuery 是一個快數、小巧、功能豐富的 JavaScript Open Source library,主要是用來操作 DOM ,包含快速選取一個或多個來做一...

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

達標好文 技術 前端新手村 HTML的作用

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

鐵人賽 Modern Web DAY 20

技術 Day20:小事之 CSS 權重 (css specificity)

在學習 CSS 的時候,一定會先認識什麼是 html element、什麼是 class、什麼是 id,什麼是 css 的 inline 寫法。了解基本的 cs...

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

技術 JS30-Day29-Countdown Timer

Day29-課題內容 在 JS30第二天的 JS & CSS Clock 中,我們利用Javascript中的 setInterval() 方法以及CS...

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

技術 前端新手村 Media Query

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

鐵人賽 Modern Web DAY 27

技術 Day27:小事之 Transition 與 Animation

CSS3 中有兩個用來做動畫的屬性,一個是 Transition,另一個是 Animation 差異比較 CSS3 差異 Transition 在...

鐵人賽 Modern Web DAY 25

技術 Day25:小事之 CSS 偽元素 與 content Property

W3C 寫道:content 屬性與 ::before 和 ::after 一起使用在文檔中生成內容。 因此,使用 ::before 和 ::after 一定要...

鐵人賽 Modern Web DAY 9

技術 Day09:小事之 HTML lang Attribute

今天要開始來說說網頁相關的東西,不過因為已經很多大大們寫了非常基礎且完整的文章,所以這次所有講到的 HTML、CSS應該都會偏比較冷門,很可能久久才會遇到一次的...

鐵人賽 Modern Web DAY 16

技術 Day16:小事之 HTML table

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

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

技術 JS30-Day1-Javascript Drum Kit

JS30以及文章簡介 JS30,是由加拿大工程師Wes Bos所建立一系列課程,課程中我們可以學到很多Javascript程式語言的實際應用,例如如何操作Doc...

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

技術 前端新手村 Position 定位

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

鐵人賽 Modern Web DAY 24

技術 Day24:小事之 CSS 偽類 與 偽元素

先來個比較表 . 符號 . . 作用 偽類 : 不是元素 不會出現在 DOM tree 用於定義元素的特殊狀態 偽元素 :: 是元素 會出現在...

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

技術 前端新手村 從設計載體到RWD顯示原理

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

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

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

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

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

技術 前端新手村 Block 和 Inline 排版

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

鐵人賽 Modern Web DAY 23

技術 Day23:小事之 CSS hacks

在各家瀏覽器開始出現的時候,除了不同瀏覽器與 IE 各版本間的不相容需要使用 reset.css 或 normalize.css 來進行最初的調整之外,最讓人頭...

鐵人賽 Modern Web DAY 22

技術 Day22:小事之 Media Queries

Media Queries 中文翻為『媒體查詢』,作用在偵測輸出裝置,它是由一個媒體類型(media type)與零到多個用於檢查特定條件的媒體功能(media...

鐵人賽 Modern Web DAY 13

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

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

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

達標好文 技術 前端新手村 從空白頁開始

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

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

技術 前端新手村 CSS 的單位

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

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

達標好文 技術 前端新手村 系列目錄

系列目錄 初衷是想寫給新手的一些正確觀念,以及這一路以來脫離新手的重要觀念。對我來說的過程,是 30 天的 w3.org 之旅。幾乎一天一篇,很過癮,也很辛苦。...

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 26

技術 Day26:小事之 多重背景與漸層背景 CSS3 Gradients

多重背景與漸層背景是 CSS3 才開始有的背景屬性 瀏覽器適用前綴 Google Chrome 與 Apple Safari 使用 -webkit- Mozil...