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

1 Like 0 留言 13728 瀏覽

鐵人賽 IT技術 DAY 5

只是路過 HTML5 系列第 5 篇

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

iamya ‧ 2012-10-13

2 Like 0 留言 13423 瀏覽

鐵人賽 IT技術 DAY 11

且戰且走HTML5 系列第 11 篇

技術且戰且走HTML5(11) Canvas基本繪圖-塗鴉

要製作一個簡單的繪圖應用，自由塗鴉應該是最基本的功能之一。所以就先來看一下怎麼做出來。塗鴉其實只使用到2D Context的幾個操作方法，主要是lineTo與...

fillano ‧ 2012-10-19

1 Like 2 留言 12919 瀏覽

鐵人賽 Modern Web DAY 25

30天實作線上簡報播放機制系列第 28 篇

技術 ?? - 繪製Office內建的圖型

Office使用的內建圖型定義在ECMA-376的presetShapeDefinitions.xml這份文件中。（下載規格書Part1的zip檔解開後，會看O...

fillano ‧ 2017-01-13

10 Like 1 留言 12196 瀏覽

鐵人賽開發技術 DAY 40

CSS沒有極限系列第 36 篇

技術 CSS - Flex的排版方式

css 範例：http://ashareaday.wcc.tw/#2013-10-25 flex是用來排版的CSS屬性，在本章就用所了解的flex來排版看看，並...

卡斯伯 ‧ 2013-10-25

11 Like 23 留言 11583 瀏覽

鐵人賽 IT技術 DAY 30

且戰且走HTML5 系列第 30 篇

技術且戰且走HTML5(30) 利用Bootstrap逐步整合出UI

我不是做美術設計的料，但是又希望成品可以美觀一點，這時還是借助一些方法來讓介面好看一點。自從twitter發佈了bootstrap，看起來真的不少人做過嘗試。...

fillano ‧ 2012-11-07

6 Like 6 留言 11504 瀏覽

鐵人賽 IT技術 DAY 28

且戰且走HTML5 系列第 28 篇

技術且戰且走HTML5(28) 建立視訊會議

今天先建立起簡單的視訊會議做驗證。建立視訊會議的方式，基本上就是昨天描述的過程的實作。連線資訊的傳遞，則透過之前包裝好的ws.io模組。首先看一下伺服器：...

fillano ‧ 2012-11-05

6 Like 1 留言 11398 瀏覽

鐵人賽開發技術 DAY 2

MIS2000Lab.的「HTML5 認證考試，從零開始」--菜鳥的30天馬拉松系列第 2 篇

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#2--開發工具與我的第一個HTML5網頁

上一篇文章 http://ithelp.ithome.com.tw/question/10156737 ==== HTML5開發工具 (免費下載) ==== 您...

mis2000lab ‧ 2014-09-27

8 Like 2 留言 10889 瀏覽

鐵人賽開發技術 DAY 37

CSS沒有極限系列第 33 篇

達標好文技術 CSS - 伸縮自如的Flex box

Flexbox是css3的新的排版方式，過去排版主要是利用table、box、inline、float、position等等做排版，而這些都不是設計為了豐富的網...

卡斯伯 ‧ 2013-10-22

5 Like 0 留言 10613 瀏覽

鐵人賽開發技術 DAY 14

MIS2000Lab.的「HTML5 認證考試，從零開始」--菜鳥的30天馬拉松系列第 14 篇

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#14--AJAX ( XHR，XmlHttpRequest)

上一篇文章：http://ithelp.ithome.com.tw/question/10158769 有別於ASP.NET AJAX使用了現成工具 Updat...

mis2000lab ‧ 2014-10-09

7 Like 1 留言 10572 瀏覽

鐵人賽開發技術 DAY 22

CSS沒有極限系列第 18 篇

技術 CSS沒有極限 - Checkbox的妙用

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-07 (建議使用Chrome瀏覽器) CSS3 新增了:checked的...

卡斯伯 ‧ 2013-10-07

3 Like 0 留言 10343 瀏覽

鐵人賽 Modern Web DAY 2

新手村的 Web Design 30天冒險系列第 2 篇

技術新手村的 Web Design 30天冒險 | Day 2 { Environment Setting }

我是網頁開發初心者，這一系列是記錄學習網頁程式設計的筆記。俗話說，工欲善其事，必先利其器，第二篇要先來介紹一下這門課與網頁開發的開發環境。 { Edito...

Roy Wang ‧ 2018-10-16

5 Like 0 留言 10268 瀏覽

鐵人賽開發技術 DAY 20

CSS沒有極限系列第 16 篇

技術 CSS沒有極限 - Web-font & icons 3連發 - 自製web font icons

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-05 (建議使用Chrome瀏覽器) 接下來會連接3篇文章都介紹web-...

卡斯伯 ‧ 2013-10-05

1 Like 0 留言 10177 瀏覽

鐵人賽 Modern Web DAY 2

從零開始的網頁設計系列第 2 篇

技術 Day02 : 基本 html 架構

每一天都會配合一個實例去做簡單的教學好，那html到底是什麼？我想要是我開始落落長的說明他大家就會想把網頁關掉了吧簡單地講，我們要讓預覽器看得懂我們在做什麼...

樂樂 ‧ 2017-12-16

2 Like 1 留言 10145 瀏覽

鐵人賽 Modern Web DAY 7

30天實作線上簡報播放機制系列第 7 篇

技術 07 - 動畫的基礎

在Canvas做動畫不難，其實只是重複兩個動作：清掉舊畫面繪製出目前的畫面很久以前，在HTML中做動畫，大概都是透過setTimeout()或setI...

fillano ‧ 2016-12-20

8 Like 2 留言 9743 瀏覽

鐵人賽 Modern Web DAY 3

前端新手村系列第 3 篇

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

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

Chris ‧ 2017-12-13

4 Like 0 留言 9724 瀏覽

鐵人賽 IT技術 DAY 8

且戰且走HTML5 系列第 8 篇

技術且戰且走HTML5(8) Socket.IO的架構與連線管理機制

其實Socket.IO的文件並不完整，雖然不需要完整的說明就可以使用，但是要清楚他的功能跟架構的話，大概要直接追蹤原始碼。打開socket.io目錄中的pac...

fillano ‧ 2012-10-16

0 Like 0 留言 9581 瀏覽

徵才【巨思文化】PHP工程師

公司介紹新商業的發掘者與促成者巨思文化股份有限公司，創立於1999年，由一群關心台灣網路科技與新商業發展的資深媒體人；包含詹宏志、何飛鵬和陳素蘭等共同創立。巨...

bnexthr ‧ 2019-09-05

3 Like 0 留言 9016 瀏覽

技術 CSS沒有極限 - CSS3 :target選取器，可以做出許多nojs的互動效果

CSS3多了相當多的selectors，而:target是其中一個，它可以讓html的id被套用上新的樣式，而這功能也可以讓html的互動性更高。本篇內容同步...

卡斯伯 ‧ 2013-09-29

0 Like 1 留言 8919 瀏覽

鐵人賽 Modern Web DAY 5

菜鳥前端奮鬥史(欸? 系列第 5 篇

技術 Day05 「弟兄們，為了SEO！」 ─ 將 h1 圖片取代文字！

今天來簡單介紹一下，如何將 h1 (主標題)內的文字置換成精美的 LOGO 圖片！當然精美的 LOGO 請自己做自己想辦法，這邊只有教學怎麼置換而已 (喂...

阿陰 ‧ 2017-12-24 ‧團隊Lorem100+tab

9 Like 1 留言 8906 瀏覽

鐵人賽開發技術 DAY 26

CSS沒有極限系列第 22 篇

技術 CSS沒有極限 - CSS transform-3D的透視(perspective)

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-11 (建議使用Chrome瀏覽器) 本篇介紹的transform 3D...

卡斯伯 ‧ 2013-10-11

4 Like 1 留言 8897 瀏覽

鐵人賽 IT技術 DAY 27

且戰且走HTML5 系列第 27 篇

技術且戰且走HTML5(27) 應用的主軸：WebRTC

WebRTC主要的重點是建立瀏覽器之間的即時網路通訊，不過這個規格還很新，基本上能完整支援的瀏覽器目前只有Chrome21以上的版本。不過他能做的應用非常有趣，...

fillano ‧ 2012-11-04

8 Like 1 留言 8886 瀏覽

技術 Web Worker 經驗分享(二)

那些年，我們一起讓瀏覽器當掉的日子昨天提到了 Worker 就像是主從式架構一樣，有要求才有產出，而前後端的任務切割，就是在將商業邏輯與頁面呈現區隔開來。但隨...

blackbing ‧ 2013-04-16

9 Like 2 留言 8659 瀏覽

鐵人賽開發技術 DAY 18

CSS沒有極限系列第 14 篇

技術 CSS沒有極限 - Web-font & icons 3連發

接下來會連接3篇文章都介紹web-font，而第一篇是基本的web-font的置入，第二篇開始會是web-font icon，並且了解web-font icon...

卡斯伯 ‧ 2013-10-03

0 Like 0 留言 8535 瀏覽

鐵人賽 Modern Web DAY 24

ASP.NET (Web Form)快速入門，全程Youtube影片教學系列第 24 篇

技術 HTML5的picture標籤 - 自動調整圖片大小

上一篇文章提到 RWD / BootStrap（http://ithelp.ithome.com.tw/articles/10187807 ）可以依照使用者的畫...

mis2000lab ‧ 2016-12-29

6 Like 0 留言 8484 瀏覽

鐵人賽開發技術 DAY 25

CSS沒有極限系列第 21 篇

技術 CSS沒有極限 - CSS transform-origin 起始點

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-10 (建議使用Chrome瀏覽器) 本篇介紹transform的起始點...

卡斯伯 ‧ 2013-10-10

5 Like 0 留言 8427 瀏覽

鐵人賽開發技術 DAY 10

CSS沒有極限系列第 10 篇

技術 CSS沒有極限 - 意想不到的background-attachment

background-attachment是背景固定模式的屬性，而不同的固定方式就能夠有不同的視覺效果，而人類的視覺是很容易欺騙的，適當的利用可以有意想不到的效...

卡斯伯 ‧ 2013-09-25

4 Like 0 留言 8371 瀏覽

鐵人賽 Modern Web DAY 1

前端開發 30 個問題系列第 1 篇

技術 What is DOCTYPE?

前言2020 秋天，我將用 30 天的時間，來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識，有些問題可能對有些讀者來說相對...

TD ‧ 2020-09-14 ‧團隊Outcome First

5 Like 0 留言 8371 瀏覽

鐵人賽 IT技術 DAY 4

且戰且走HTML5 系列第 4 篇

技術且戰且走HTML5(4) 基本的Chat應用

大致上了解了Socket.IO的使用方式，接下來就來試試看，怎樣用它做出簡單的Chat功能。基本的Chat應用，在伺服器端其實跟單純的Echo差不多。只是原本...

fillano ‧ 2012-10-12

6 Like 0 留言 8319 瀏覽

鐵人賽開發技術 DAY 17

ASP.NET Web技術小技巧分享系列第 14 篇

技術 [Javascript]knockout.js - 關於Html屬性的控制

在上一篇knockout.js初體驗有介紹用此框架來實作前端MVVM架構，延續這個主題，今天主要介紹控制常用Html屬性的幾個用法。 http://ithelp...

Kyle Shen ‧ 2013-10-02

0 Like 0 留言 8270 瀏覽

徵才【皆凱科技】誠徵前端工程師(Frontend Developer)

我們正在尋找一群對Web應用開發有熱情的夥伴，你開發的產品將被大量的客戶使用，並且獲得許多回饋。你會從了解現有產品開始，直到參與需求討論、架構設計、軟體開發、測...

jessie74301 ‧ 2019-09-26

技術 HTML5的Video標籤(3)

技術 且戰且走HTML5(11) Canvas基本繪圖-塗鴉