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

3 Like 0 留言 7119 瀏覽

鐵人賽開發鐵人 DAY 12

HTML5試試看系列第 12 篇

技術 [HTML5試試看-12] 互動元素

嗯嗯，html5提供了details, summary, menu, command這四個標籤，作為使用者互動的UI元件。details可以再點選後提供更詳細資...

fillano ‧ 2010-10-23

2 Like 1 留言 6989 瀏覽

技術 [鼠年全馬鐵人挑戰] Week08 - 超新手入門：HTML 的基本語法

Hi~又見面啦:) 想必很多剛開始碰前端程式語言的新手都會對一堆程式碼搞的頭很痛(嗯，我就是...)新手一開始必定會接觸到 HTML 及 CSS語法，但我該用哪...

a841722 ‧ 2020-03-29

3 Like 1 留言 6973 瀏覽

鐵人賽其他技術 DAY 26

快寫HTML靜態網頁系列第 23 篇

技術為元件上色及小圖示的運用：Bootstrap

以前在HTML裡，按鍵通常只有在做表單送出時才會用到，但用 Bootstrap 的過程中，按鍵反而成為美化網頁的好方法。有關美工的設計或怎麼美化，自己的...

逮丸逮丸 ‧ 2013-10-11

1 Like 1 留言 6920 瀏覽

鐵人賽自我挑戰組 DAY 9

前端之 " wow~原來是這樣啊 " 系列第 9 篇

技術 Day9 來試試看僞元素吧(before/after)

利用僞元素爲你的頁面在添加點東西吧初接觸僞元素時，覺得有點不直覺，但後續發現它真的滿好用的，很值得好好瞭解它。那麼~什麼是僞元素呢？其中的 " 僞...

Lai ‧ 2018-10-24 ‧團隊好想工作室第二屆鐵人賽

2 Like 0 留言 6889 瀏覽

鐵人賽 IT技術 DAY 2

只是路過 HTML5 系列第 2 篇

技術為什麼要使用HTML5？

為什麼Apple的iPhone和iPad不支援Flash？為什麼現在Google/Youtube/Vimeo/Android等，越來越多平台，都選擇了HTML...

iamya ‧ 2012-10-10

0 Like 0 留言 6874 瀏覽

技術 html-textarea使用js還原空白及換行筆記記錄

使用textarea輸入文章或是簡介印在html，所有原本的換行與空白都不見了。所以在這裡需要做個處理，回復原本文章有換行與空白的樣子。 html <te...

Ci_Yao_Yan ‧ 2019-10-07

8 Like 0 留言 6795 瀏覽

鐵人賽開發鐵人 DAY 19

HTML5試試看系列第 19 篇

技術 [HTML5試試看-19] 溝通 - channel message

根據規格書的解釋，channel messaging與cross-document messaging的差別在於，他提供了一個全雙工的溝通管道，所以理論上不同的...

fillano ‧ 2010-10-30

0 Like 0 留言 6779 瀏覽

鐵人賽自我挑戰組 DAY 18

如何架出github.io的個人網頁-html的30天自由式筆記系列第 18 篇

技術 URL究竟是什麼？網址嗎？

在前一篇的超連結的語法，我們看見了href屬性。之後，這個href屬性，將會經常活躍於你的程式碼中～它的功能是用於指定超鏈接目標的URL。如果觀察大多網頁的...

IrisAndMimi ‧ 2018-11-02

4 Like 2 留言 6776 瀏覽

鐵人賽 IT技術 DAY 4

新手前端日記系列第 4 篇

技術 [新手前端]從平面設計前進 CSS-2 選擇器之.class #ID

簡介平面設計所需要知道的CSS知識，設計也許不需要實際上寫出CSS，但是對CSS概念的了解可以幫助設計出更好的網頁版面。上一篇簡介了如何在HTML內使用CSS...

chibc ‧ 2012-10-12

6 Like 0 留言 6742 瀏覽

鐵人賽開發鐵人 DAY 17

HTML5試試看系列第 17 篇

技術 [HTML5試試看-17] 互動機制 - drag and drop 與 File API

HTML5的drag and drop機制，不僅可以接收從其他應用軟體拖曳過來的資料，他其實還可以讀取檔案。讀取檔案，靠的是File API。還是先看一下Fi...

fillano ‧ 2010-10-28

3 Like 1 留言 6734 瀏覽

鐵人賽 IT技術 DAY 21

新手前端日記系列第 21 篇

技術 [新手前端]視覺及企劃也該知道的網頁設計概念

網頁設計 ≠ 平面設計，有些"眉角"還是要了解一下前端網頁設計的技巧很雜，不過有很多問題其實在企劃或視覺設計版面的階段就要先溝通好，否則等...

chibc ‧ 2012-10-29

9 Like 3 留言 6719 瀏覽

鐵人賽開發鐵人 DAY 3

HTML5試試看系列第 3 篇

技術 [HTML5試試看-3] 站在DOM的肩膀上

如果單純只是寫個網頁，其實只需要了解HTML標籤跟文件結構就可以應付自如，不過HTML5的目標既然是網站應用程式平台，那了解API的基礎多少還是需要的。 DOM...

fillano ‧ 2010-10-14

0 Like 0 留言 6548 瀏覽

鐵人賽自我挑戰組 DAY 2

網頁學習紀錄系列第 2 篇

技術鐵人賽Day2-寫一個 Navbar 導覽列吧！

現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...

Tim Hsu ‧ 2019-09-05

11 Like 4 留言 6533 瀏覽

達標好文技術 [筆記][HTML][JavaScript]canvas的基本用法(2)-這次來練習一些動畫的原理吧！

Hello！大家好！不知道大家有沒有喜歡的動畫，可能是海賊王、七龍珠、火影忍者、灌籃高手...等等，說到小弟我啊，最喜歡的非棋靈王莫屬了！但是我們今天不是要來聊...

神Q超人 ‧ 2018-08-01

0 Like 0 留言 6406 瀏覽

鐵人賽自我挑戰組 DAY 8

網頁學習紀錄系列第 8 篇

技術鐵人賽Day8-來寫一個 footer 吧！

終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...

Tim Hsu ‧ 2019-09-11

3 Like 0 留言 6378 瀏覽

鐵人賽自我挑戰組 DAY 12

前端之 " wow~原來是這樣啊 " 系列第 12 篇

技術 Day12 講講 CSS3 動畫 - Transitions

在網頁中設定動畫效果，可以吸引使用者目光到特定區域，也可以與使用者間有更好的互動關係，以提升使用者經驗。在 CSS3 當中有兩個主要用來實現動畫的方式，分別爲...

Lai ‧ 2018-10-27 ‧團隊好想工作室第二屆鐵人賽

11 Like 2 留言 6324 瀏覽

鐵人賽開發鐵人 DAY 2

HTML5試試看系列第 2 篇

技術 [HTML5試試看-2] 標準在哪裡？

如果要找HTML5的標準文件，要上哪好呢？如果只是要快速翻閱，可以上： http://www.w3schools.com/html5/default.asp 不...

fillano ‧ 2010-10-13

6 Like 1 留言 6288 瀏覽

鐵人賽開發鐵人 DAY 6

HTML5試試看系列第 6 篇

技術 [HTML5試試看-6] 新的內容組織方法

HTML5定義了很多「語意」（semantic）標籤，這些東西在網頁外觀上上並沒有直接作用，但是在內容組織上會有很大幫助，也可以協助「機器」更有效地利用內容。...

fillano ‧ 2010-10-17

0 Like 0 留言 6277 瀏覽

鐵人賽 Modern Web DAY 18

30天學會HTML＋CSS，製作精美網站系列第 18 篇

技術剪裁與遮罩-30天學會HTML＋CSS，製作精美網站

有時候在製作區塊時，會希望用不規則的形狀呈現，以前會將圖片製作成不規則形狀，在放到html裡面，或是用很多元素堆疊呈現，但每次要修改圖片就要再重新做一次，很麻煩...

sunny ‧ 2021-10-03

2 Like 0 留言 6242 瀏覽

鐵人賽 IT技術 DAY 13

新手前端日記系列第 13 篇

技術 [新手前端日記] compass- fireapp使用筆記

compass- fireapp使用筆記 **** fireapp是compass app 改名之後的名稱，是一個用來編寫網站的工具似乎是用ruby 及 sc...

chibc ‧ 2012-10-21

0 Like 2 留言 6233 瀏覽

徵才【均一平台教育基金會】徵【軟體工程師】

團隊介紹均一平台教育基金會（Junyi Academy Foundation，簡稱均一）是一個致力於「讓每一位孩子都有機會成為終身學習者」的非營利組織。我們...

junyiacademy_小均 ‧ 2020-03-16

0 Like 0 留言 6218 瀏覽

鐵人賽 Modern Web DAY 6

網頁程式設計so easy 系列第 6 篇

技術 Day5 [HTML語法介紹-2]

表單與內嵌網頁表單表單(form)就是網頁上用來接收使用者輸入的互動性元素。常見的像是註冊表單、登入表單...等。 <form name=&quot...

smallone1 ‧ 2016-12-06

5 Like 3 留言 6218 瀏覽

鐵人賽開發技術 DAY 19

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

技術 [Javascript]knockout.js - 資料處理-清單呈現方式

在第一篇有提到如果你的Web應用主要再處理一些CRUD，那很適合用knockout.js來實現MVVM架構，後續介紹了屬性、事件的控制，這篇就要來介紹在knoc...

Kyle Shen ‧ 2013-10-04

3 Like 0 留言 6126 瀏覽

鐵人賽其他技術 DAY 20

快寫HTML靜態網頁系列第 17 篇

技術為何及如何選擇靜態網頁產生器

前幾篇簡介了靜態網頁產生器的使用，事實上不限於這幾種，而有更多的產生器可選擇。為何用靜態網頁產生器怎麼架個自己的站，一開始只是有個web 網站，提供...

逮丸逮丸 ‧ 2013-10-05

1 Like 1 留言 6070 瀏覽

鐵人賽 Modern Web DAY 12

前端路上那些重要與不重要的小事系列第 12 篇

技術 Day12：小事之 HTML dir Attribute 與 CSS writing-mode 下篇

突然覺得寫冷門的東西是很殘害自己的節奏～XDDD不過都寫下去了，又不想閹割它，只好想辦法把它寫完惹。 writing-mode for IE10- 的屬性值...

小艾 ( Cami ) ‧ 2017-12-31 ‧團隊好想工作室第一屆鐵人賽

0 Like 0 留言 6044 瀏覽

鐵人賽自我挑戰組 DAY 11

大二萌新的學習紀錄系列第 11 篇

技術 Day 11 : PHP - 如何將HTML的內容傳送到PHP？POST和GET又該如何選擇？

這篇想和大家介紹如何將HTML的內容傳送到PHP因為HTML呈現的是網頁的畫面，若想做些運算或儲存，就必須將內容傳到後端執行 1. POST首先，先在HTML...

ㄙㄩˊ ‧ 2021-09-25 ‧團隊imac_跳過這篇

1 Like 0 留言 6042 瀏覽

鐵人賽 Modern Web DAY 15

30天學會HTML＋CSS，製作精美網站系列第 15 篇

技術網頁圖片-30天學會HTML＋CSS，製作精美網站

圖片在網頁裡是不可或缺的元素，可以增加網站的豐富度及美感，但是也可能造成網站花太多時間載入，使用者體驗不佳，甚至影響到網站的排名。因此，圖片的解析度、檔案大小相...

sunny ‧ 2021-09-30

12 Like 3 留言 5991 瀏覽

鐵人賽開發鐵人 DAY 30

HTML5試試看系列第 30 篇

技術 [HTML5試試看-30] 尾聲

粗枝大葉地把HTML5做了簡單的嘗試，最後還是講一些感想吧... 之前W3C跟微軟搞出了一段新聞，微軟的IE9 Preview6在W3C的測試中，似乎支援程度最...

fillano ‧ 2010-11-10

6 Like 2 留言 5926 瀏覽

鐵人賽其他技術 DAY 30

快寫HTML靜態網頁系列第 27 篇

技術快寫：語法 + 框架 + API。靜態：動態的完成

快速回顧一下，為什麼要挑這些主題來構成這一系列的簡介文章。這系列的快寫 HTML 靜態網頁，分別就以下的特點來快寫：語法編輯器上的縮寫語法來快速擴...

逮丸逮丸 ‧ 2013-10-15

1 Like 0 留言 5887 瀏覽

鐵人賽 AI & Data DAY 6

爬蟲在手、資料我有 - 30 天 Scrapy 爬蟲實戰系列第 6 篇

技術【Day 5】剖析網頁原始內容 (1/2) - HTML

在昨天的內容中，我們已經了解了基本的 HTML 結構，今天我們來試著剖析網頁原始碼並找出我們需要的資料。常見剖析 HTML 原始碼的方式有三種：正則表示式...

Rex Chien ‧ 2019-09-20