iT邦幫忙

html相關文章
共有 476 則文章
鐵人賽 IT技術 DAY 21
新手前端日記 系列 第 21

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

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

鐵人賽 開發鐵人 DAY 18
HTML5試試看 系列 第 18

技術 [HTML5試試看-18] 溝通 - cross document message

HTML5為了在不同情境下使用,設計了幾種溝通的方式,包含文件之間溝通的cross-document messaging、channel messaging,還...

鐵人賽 開發鐵人 DAY 19
HTML5試試看 系列 第 19

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

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

鐵人賽 開發鐵人 DAY 2
HTML5試試看 系列 第 2

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

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

鐵人賽 IT技術 DAY 4
新手前端日記 系列 第 4

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

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

鐵人賽 IT技術 DAY 13
新手前端日記 系列 第 13

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

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

鐵人賽 其他技術 DAY 26
快寫HTML靜態網頁 系列 第 23

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

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

鐵人賽 開發鐵人 DAY 17
HTML5試試看 系列 第 17

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

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

鐵人賽 Modern Web DAY 5
菜鳥前端奮鬥史(欸? 系列 第 5

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

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

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

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

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

鐵人賽 開發鐵人 DAY 30
HTML5試試看 系列 第 30

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

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

技術 網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5 DataList

常常有人在論壇上詢問「網頁上有沒有ComboBox」 ComboBox在 Windows程式上很常見 但在網頁HTML表單上,則沒有這個東西 該怎麼實作呢? 常...

鐵人賽 自我挑戰組 DAY 6

技術 如何建立一個html檔(for Mac)

給Mac的教學: 蘋果的設計適合工程師寫程式,但是卻有一點難度,其實並不適合給初學者使用(尤其是那些剛從Windows跳槽,還沒適應Mac系統的夥伴們)。 後來...

鐵人賽 影片教學 DAY 4

技術 金魚都能懂 網頁設計入門 : 再談HTML -鐵人賽第四天

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 標籤屬性是甚麼 HTML標籤因為用途的關係,每個標籤本都可能帶有不同...

鐵人賽 開發鐵人 DAY 6
HTML5試試看 系列 第 6

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

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

鐵人賽 開發技術 DAY 10

技術 [Html]Facebook分享連結卻與meta description不一致的情況

一個很蠢的小問題,卻糾纏了1個小時,做個小記錄不要再有人受害~ Facebook近況分享可以貼上影音連結、新聞、等其他外部網站,如下圖: 而這些縮圖、標題、內...

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

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

鐵人賽 自我挑戰組 DAY 18

技術 Day18 來一個 Google Pie Chart 吧

資訊呈現中,免不了以圖表作視覺化資訊呈現,那就不能錯過好用的 Google charts 了! Google charts 提供了一系列圖表供開發者使用,例如...

鐵人賽 開發鐵人 DAY 21
HTML5試試看 系列 第 21

技術 [HTML5試試看-21] 溝通 - WebSocket

如果要跟伺服器做雙向溝通,就需要使用到WebSocket。與EventSource類似,WebSocket在瀏覽器端的使用是非常簡單的。 先來研究一下WebSo...

徵才 【台北市】前端工程師(近捷運松江南京站)-APO

我們需要您具備以下能力: 1、從事前端開發2年及以上,精通各種前端技術,包括HTML/CSS/JavaScript/Node.JS等 2、具備跨終端的前端開發能...

鐵人賽 其他技術 DAY 20
快寫HTML靜態網頁 系列 第 17

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

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

鐵人賽 其他技術 DAY 11
快寫HTML靜態網頁 系列 第 11

技術 塞假資料測試版面:Lorem Ipsum 假文的使用

要弄個網站跑的時候, 常要自己來做簡單的頁面規畫, 沒有資料的時候就亂貼一通來測試; 但可以用更方便的方法。 為何常見Lorem ipsum? 為什麼好多的De...

鐵人賽 Modern Web DAY 25

技術 【Day 25】HTML Table Responsive (RWD) 的幾種方法分享

Visual examples of those four possibilities. by CSS-TRICKS 在製作表格時,最常遇到的狀況就是需要在各...

鐵人賽 自我挑戰組 DAY 18

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

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

鐵人賽 開發技術 DAY 19

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

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

鐵人賽 Modern Web DAY 2

技術 02. [HTML] script tag 加上 async & defer 的功能及差異?

前端當然要從 HTML 出發,今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道,瀏覽器解析 HTML...

鐵人賽 開發技術 DAY 10
作個網站吧! 系列 第 10

技術 作個網站吧!HTML的二三事(4)-支援不支援?

現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Html5的新標籤.... 現在已經是Html5的時代,因應新規格的來臨,我們要放開胸懷迎接Ht...

技術 [筆記][HTML][JavaScript]canvas的基本用法(4)-一點都不基本的極座標!

嗨!大家好,到了每個禮拜的發文時間了(才怪這禮拜已經四篇了XD),今天要來說說[筆記][HTML][JavaScript]canvas的基本用法(3)-最後用滑...

鐵人賽 IT技術 DAY 9
新手前端日記 系列 第 9

技術 [新手前端]從平面設計前進 CSS-7 元素排序規則- DOM,float,position

繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 上篇介紹了 display...