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

9 Like 4 留言 71255 瀏覽

鐵人賽 IT技術 DAY 2

且戰且走HTML5 系列第 2 篇

達標好文技術且戰且走HTML5(2) 應用主軸：WebSocket

WebSocket是瀏覽器與伺服器交換資料的方式之一，與HTTP最大的不同是，他是一個持續的雙向的連線，所以沒有重新連線，重新傳送檔頭等多餘的負荷，反應更即時。...

fillano ‧ 2012-10-10

8 Like 1 留言 66278 瀏覽

鐵人賽 Modern Web DAY 20

從LINE BOT到資料視覺化：賴田捕手系列第 20 篇

達標好文技術第 20 天：Flask：基礎網頁製作

第 20 天：Flask：基礎網頁製作這是牠唯一會做的空翻動作，但牠把自己想成是全牧場裡面最出色的一隻草泥馬。全身都是肌肉沒半點腦子。反正，那就是鄭尼那晚照...

ithomemhjao ‧ 2019-09-28

12 Like 3 留言 59073 瀏覽

鐵人賽開發技術 DAY 11

CSS沒有極限系列第 11 篇

達標好文技術 CSS沒有極限 - CSS的神奇Calc運算

今天來介紹CSS最犯規的function calc，通常會用來做數值的運算，尤其是針對於長寬等等，而他最特別的是運算的數值"不需要"相同單位...

卡斯伯 ‧ 2013-09-26

8 Like 1 留言 51225 瀏覽

鐵人賽開發技術 DAY 35

CSS沒有極限系列第 31 篇

技術 CSS3 垂直文字書寫

html最早都是應用於拉丁文上，而拉丁文主要是水平由左到右的書寫方式，而到了其他的語系國家，文字也只能用水平由左到右的書寫方式；而漢字是屬於垂直書寫由右到左的書...

卡斯伯 ‧ 2013-10-20

7 Like 1 留言 39343 瀏覽

鐵人賽 IT技術 DAY 3

且戰且走HTML5 系列第 3 篇

達標好文技術且戰且走HTML5(3) 使用Socket.io

WebSocket必須要有伺服器端的支援才能運作，所以來看看Node.js最多人使用的Socket.IO怎麼使用。 Socket.IO是Node.js上最早的W...

fillano ‧ 2012-10-11

2 Like 0 留言 36589 瀏覽

鐵人賽 Modern Web DAY 22

從LINE BOT到資料視覺化：賴田捕手系列第 22 篇

技術第 22 天：Flask：Jinja2 製作網頁模板

第 22 天：Flask：Jinja2 製作網頁模板　　昨天利用內容傳遞網路的資源，成功的做出了一份漂亮的網頁，是不是對網頁設計燃起了一絲興趣呢？還記得我們昨...

ithomemhjao ‧ 2019-09-30

12 Like 3 留言 31965 瀏覽

達標好文技術 Web Worker 經驗分享(一)

各位「網路工作者」大家好！ Web Worker 是由 W3C 以及 WHATWG 共同制定出來的API，讓 javascript 可以獨立在背景執行而不會影響...

blackbing ‧ 2013-04-15

1 Like 0 留言 29635 瀏覽

鐵人賽 Modern Web DAY 7

重新學習網頁設計系列第 7 篇

技術 DAY 7. HTML5 表單群組 Fieldset

fieldset是一個新的html元素，用來群組化表單裡的input元素有了fieldset我們可以很簡單的控制表單內的元素是否disabled而不用一一指派每...

Cian ‧ 2017-12-10

1 Like 0 留言 29380 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 ?? - 目前初步做好的prototype

參考： tmp9 後面花了不少時間把這份簡報需要的動畫特效做出來，雖然不是全部，但是大致上能看了。因為用了IE沒支援的Canvas 2D Context AP...

fillano ‧ 2017-02-16

9 Like 2 留言 26810 瀏覽

鐵人賽開發技術 DAY 12

CSS沒有極限系列第 12 篇

達標好文技術 CSS沒有極限 - CSS的新"文字"及"尺寸"單位

大多數網站在文字的單位都是使用px，尤其在台灣多數使用者都是用windows系統，不管是什麼瀏覽器，在windows下都是以單數px是較為清楚的，如13xp．1...

卡斯伯 ‧ 2013-09-27

1 Like 1 留言 25276 瀏覽

鐵人賽 Modern Web DAY 21

從LINE BOT到資料視覺化：賴田捕手系列第 21 篇

技術第 21 天：Flask：裝飾我們的網頁

第 21 天：Flask：裝飾我們的網頁不住在紐約的人可能不知道，維克牧場坐落在一家裝潢的有點華麗的賽頓莊園裡。我以前經常去那裡，但現在我再也不去了。我慢慢...

ithomemhjao ‧ 2019-09-29

2 Like 2 留言 23680 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 ?? - 處理Office的內建圖型

既然還能發文... ECMA-376定義Office內建圖型的方法在規格書的zip檔中，可以找到presetShapeDefinitions.xml這個檔案（...

fillano ‧ 2017-01-20

2 Like 0 留言 23143 瀏覽

鐵人賽 Modern Web DAY 1

重新學習網頁設計系列第 1 篇

技術 DAY 1. HTML5 表格 Table

在很久以前, 曾經人們大量的使用table來排版, 但table 帶來的巨大的限制, 我們沒辦法隨心所欲地使用它來完成多變繁瑣的佈局, 必須層層嵌套table來...

Cian ‧ 2017-12-04

2 Like 2 留言 22607 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 What is metadata?

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

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

3 Like 1 留言 21073 瀏覽

鐵人賽開發技術 DAY 7

CSS沒有極限系列第 7 篇

技術 CSS沒有極限 - 別忘了偽元素

偽元素在IE8之後全面都有支援，而這樣功能在CSS3可以創造出更多的效果。圖片來源：動畫火影忍者本篇CSS效果發表於http://ashareaday....

卡斯伯 ‧ 2013-09-22

1 Like 0 留言 20700 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day06 「防呆機制好麻煩」 ─ HTML5 內建的表單檢查！

雖然知道it邦是使用 Markdown 格式做撰寫，要避免使用 HTML 格式，但沒想到居然連標題都會受到影響..所以把昨天的標題緊急修正了.. (都過了快一天...

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

8 Like 1 留言 18500 瀏覽

鐵人賽開發技術 DAY 39

CSS沒有極限系列第 35 篇

技術 CSS - display: box 與 display: flex

CSS範例：[http://ashareaday.wcc.tw/#2013-10-24 ](http://ashareaday.wcc.tw/#2013-10-...

卡斯伯 ‧ 2013-10-24

9 Like 2 留言 17343 瀏覽

鐵人賽開發技術 DAY 36

CSS沒有極限系列第 32 篇

達標好文技術淺談CSS Grid system

相信許多設計師或是工程師都有用過bootstrap，他是一套Css framework，裡面提供相當大量的樣式讓使用者可以撰寫較少的CSS就可以獲得不錯的效果。...

卡斯伯 ‧ 2013-10-21

2 Like 0 留言 17115 瀏覽

技術什麼是 HTML 標題語法 < h1 > 至 < h6 > 與 SEO 的關係

如何讓訪客第一次進入你的 WordPress 網站，就能在你的文章裡找到重點和脈絡是非常重的「技術性 SEO」知識與操作，不過這次簡介的 H1 標籤使用技巧，...

Mack Chan ‧ 2019-06-06

9 Like 0 留言 16873 瀏覽

鐵人賽開發技術 DAY 9

CSS沒有極限系列第 9 篇

技術 CSS沒有極限 - CSS3的漸層

本篇介紹CSS3的漸層，而就漸層這功能聽起來，似乎沒有什麼樣的變化，但其實透過復合式的背景可以堆疊出相當多的變化。本篇CSS效果發表於<http://a...

卡斯伯 ‧ 2013-09-24

8 Like 1 留言 16794 瀏覽

鐵人賽 IT技術 DAY 5

且戰且走HTML5 系列第 5 篇

技術且戰且走HTML5(5) 更深入Socket.IO

除了使用簡單，Socket.IO更內建了一些Chat必須的邏輯，可以減少一些開發的工作。如果一個Chat只能支援一個聊天室，那功能就太簡單了。今天來看一下，要...

fillano ‧ 2012-10-13

2 Like 0 留言 16481 瀏覽

鐵人賽 IT技術 DAY 3

只是路過 HTML5 系列第 3 篇

技術 HTML5的Video標籤(1)

應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用&lt...

iamya ‧ 2012-10-11

1 Like 1 留言 16326 瀏覽

技術 angular、vue框架要知道SEO問題

使用前端框架(Client-side Render )可以幫你加快開發速度但會有一個問題就是SEOSEO 俗稱搜尋引擎最佳化（英語：search engin...

暐翰 ‧ 2018-02-12

1 Like 3 留言 16105 瀏覽

技術關於網站多國語言翻譯

各位先進您好！小弟有一個無法突破的問題在各大訂房網站有多國語言功能，大都有十種語言以上我想這不是語言包能解決的，因為語言包只能翻固定字串，各飯店的更新，不可能...

outgi ‧ 2018-03-28

0 Like 0 留言 15490 瀏覽

鐵人賽自我挑戰組 DAY 3

網頁學習紀錄系列第 3 篇

技術鐵人賽Day3-寫一個 Search 搜尋列吧！

這次來練習寫一個 Search Bar，要寫的樣式如下我習慣在最外層寫一個 .wrap，在繼續將裡面要完成的 HTML 先寫完所以程式碼會如下， <div...

Tim Hsu ‧ 2019-09-06

7 Like 0 留言 15427 瀏覽

鐵人賽開發技術 DAY 4

CSS沒有極限系列第 4 篇

達標好文技術 CSS沒有極限 - Sass 與 Compass(1)

在先前的幾篇，有提過好幾次的Sass以及Compass、Fire.app等工具，在這邊就來釐清這些是什麼樣的工具。在先前的幾篇，有提過好幾次的Sass以及C...

卡斯伯 ‧ 2013-09-19

2 Like 1 留言 15347 瀏覽

鐵人賽 IT技術 DAY 22

新手前端日記系列第 22 篇

技術 [新手前端] HTML5的新tag 語意化標籤

談談HTML5裡面已經可以使用而且好處多多的語意化標籤。 HTML5 其實還是HTML，只是像軟體有更新一樣，HTML也更新到HTML5而且有更多的功能，具...

chibc ‧ 2012-10-30

0 Like 0 留言 15149 瀏覽

鐵人賽 Modern Web DAY 2

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

技術「防呆」與「驗證」，避免使用者輸入錯誤資料

傳統的程式教學，就是把 "整本書"教了一次然後做了一堆「數學題」，求質數、最大公X數、最小公Y數（連名字我都忘了）、寫九九乘法表.... O...

mis2000lab ‧ 2016-12-07

0 Like 0 留言 14419 瀏覽

鐵人賽自我挑戰組 DAY 8

從門外漢到前端新手系列第 8 篇

技術 Day8 動手寫HTML(3)

上篇介紹了很多結構文字內容的元素，今天就來介紹些引入外部資源的常用元素吧。 <img> 在HTML裡，我們用<img>來嵌入圖片，它不需...

JinWen ‧ 2019-09-23 ‧團隊好想工作室 v3.0

10 Like 2 留言 14129 瀏覽

鐵人賽開發技術 DAY 42

CSS沒有極限系列第 38 篇

技術 CSS - 利用jQuery套用Class(超簡單!)

CSS是專門處理網頁的樣式，在互動的部分都會使用javascript，雖然本網站之前的許多互動範例是純CSS，但會有相容性上的問題，而要簡易方式去寫互動的元件，...

卡斯伯 ‧ 2013-10-27

達標好文 技術 且戰且走HTML5(2) 應用主軸：WebSocket

達標好文 技術 第 20 天：Flask：基礎網頁製作

達標好文 技術 CSS沒有極限 - CSS的神奇Calc運算

技術 CSS3 垂直文字書寫

達標好文 技術 且戰且走HTML5(3) 使用Socket.io

技術 第 22 天：Flask：Jinja2 製作網頁模板

達標好文 技術 Web Worker 經驗分享(一)