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

1 Like 0 留言 11764 瀏覽

鐵人賽 DAY 1

jQuery外掛特輯系列第 1 篇

技術 [jQuery]外掛特輯01:Lazy Load-延遲載入網頁圖片

此篇文章同步發表於我的部落格finalevil's blog 這個外掛用來「延遲載入圖片」，也就是說當網頁開啟以後，僅載入視線所及的範圍內的圖片，在畫面以外的...

finalevil ‧ 2009-10-12

2 Like 0 留言 11736 瀏覽

鐵人賽 DAY 14

jQuery外掛特輯系列第 14 篇

技術 [jQuery]外掛特輯14:Cookie-更方便的存取Cookie

更詳細的內容請至我的部落格finalevil's blog瀏覽 Cookie是網頁開發時，儲存資料的一個重要的地方，每個人在開發網頁程式的時候都一定會用到Coo...

finalevil ‧ 2009-10-25

3 Like 0 留言 11664 瀏覽

鐵人賽 DAY 23

Javascript面面觀系列第 23 篇

技術 Javascript面面觀：應用篇《Javascript引擎》

恩，接下來介紹的一些應用多少都跟一些Javascript引擎密不可分，所以就先介紹一下各家的Javascript引擎吧。（主要是引擎可以獨立出來使用的，其實Ja...

fillano ‧ 2009-11-04

5 Like 1 留言 11598 瀏覽

鐵人賽開發鐵人 DAY 8

HTML5試試看系列第 8 篇

技術 [HTML5試試看-8] video媒體播放

嗚嗚，今天好忙，晚上十點才開始寫，就盡量吧。幸好video也是media elements，所以操作方式跟audio一模一樣。先看一下最簡單的video標籤怎...

fillano ‧ 2010-10-19

6 Like 1 留言 11504 瀏覽

鐵人賽開發技術 DAY 27

30天掌握Sass語法系列第 23 篇

技術 30天掌握Sass語法 - (27) 使用@if提升@Mixin靈活度，以CSS圖形化為例

在第20天的時候，我有分享關於@Mixin與Sass運算的運用手法，但在一些設計情境下，你會發現有些樣式如果只單純用Sass運算還是不太夠的，所以這一次...

廖洧杰 ‧ 2013-10-12

3 Like 0 留言 11474 瀏覽

鐵人賽 Modern Web DAY 4

前端「設計」聖光之路系列第 4 篇

技術網頁設計常用格線系統(上)

學習設計的時候，一定會討論到網格系統，透過網格可將圖片、文字做有條理的編排，只要有了網格做支撐，就算是複雜的圖文都會有規矩的排列。相反的，如果平面設計缺乏網格系...

卡斯伯 ‧ 2018-10-18

3 Like 0 留言 11284 瀏覽

鐵人賽 IT技術 DAY 15

網站系統規劃實務系列第 15 篇

技術網站系統規劃 - 網站功能分析概論（wireframe)

第三週開始是系統開發，首先我們要先瞭解系統的全貌，從 wireframe 下手。 --------系列簡介-------- 網站系統可說是現在最多學子與新人想...

tony1223 ‧ 2012-10-08

4 Like 2 留言 11263 瀏覽

鐵人賽開發技術 DAY 25

30天掌握Sass語法系列第 21 篇

技術 30天掌握Sass語法 - (25) 透過index()與nth()來設計網站版本樣式控制管理

在以往有些網站性質會因為節慶的關係，而會修改網頁樣式，在傳統比較常見的做法，一個網站會有兩隻CSS，第一個CSS是網站全域樣式，譬如Layout、mod...

廖洧杰 ‧ 2013-10-10

4 Like 2 留言 11228 瀏覽

鐵人賽 Modern Web DAY 14

前端工程師養成手冊系列第 14 篇

達標好文技術如何培養自信成為前端工程師？

到底要磨練到什麼程度，才可以自稱自己是名前端工程師呢？在以前的年代會有師徒制，例如要成為一位壽司師傅時會先進壽司店當學徒，在前幾年你只能在台下準備壽司材料，直到...

廖洧杰 ‧ 2017-12-17

7 Like 3 留言 11211 瀏覽

鐵人賽 IT技術 DAY 2

網站系統規劃實務系列第 2 篇

達標好文技術網站系統規劃 - 基本網頁元素介紹，HTML

本篇作為第二篇，我們不談太深入的技術，我們用很基本的方式談什麼是 html。網站系統可說是現在最多學子與新人想要入門的一個領域，這個原本屬於新興的領域，這幾...

tony1223 ‧ 2012-09-25

2 Like 0 留言 11146 瀏覽

鐵人賽 Modern Web DAY 28

防禦性 CSS - 建立「防患未然」的匠人心態系列第 28 篇

技術【Day28】CSS 語法 - 隱藏網頁上的元件

情境有時候我們會需要隱藏網頁上的元件。舉幾個例子來說，例如我們為了使用者體驗的目的，我們希望在某某情境下，某些按鈕不要被使用者誤觸，或是為了畫面上排版的簡潔...

Taiming ‧ 2022-10-12 ‧團隊光明頂

3 Like 0 留言 11140 瀏覽

鐵人賽 Modern Web DAY 29

ASP.NET Core 從入門到實用系列第 29 篇

技術 [Day29] ASP.NET Core 2 系列 - 封包壓縮 (Gzip)

ASP.NET Core 並不會自動把所有封包壓縮，要針對 Response 的內容做壓縮，可以使用的 ResponseCompression 套件提供的壓縮方...

John Wu ‧ 2018-01-17 ‧團隊XY - 動手不動口

3 Like 1 留言 11135 瀏覽

鐵人賽 Modern Web DAY 10

ASP.NET Core 從入門到實用系列第 10 篇

技術 [Day10] ASP.NET Core 2 系列 - Views

ASP.NET Core MVC 中的 Views 是負責網頁顯示，將資料一併渲染至 UI 包含 HTML、CSS 等。並能透過 Razor 語法在 *.csh...

John Wu ‧ 2017-12-29 ‧團隊XY - 動手不動口

2 Like 0 留言 11123 瀏覽

鐵人賽 DAY 10

ASP.NET技巧系列第 13 篇

技術 GridView點選Row任何位置就選擇Part2

(這部分有修正，保留原來的方式，正確的方式請參考本篇最下方!!) Protected Sub GridView1_RowDataBound(ByVal send...

topcat ‧ 2009-10-14

2 Like 0 留言 11076 瀏覽

鐵人賽 Modern Web DAY 18

ASP.NET Core 從入門到實用系列第 18 篇

技術 [Day18] ASP.NET Core 2 系列 - Logging

ASP.NET Core 提供了好用的 Logging API，預設就已經將 Logger 物件放進 DI 容器，能直接透過 DI 取用記錄 Log 的物件。...

John Wu ‧ 2018-01-06 ‧團隊XY - 動手不動口

1 Like 0 留言 11017 瀏覽

鐵人賽 Modern Web DAY 11

以經典小遊戲為主題之ReactJS應用練習系列第 11 篇

技術 Day11 - 貪吃蛇篇：前言及功能構想

前言談到經典小遊戲，除了圈圈叉叉遊戲之外，還有一個家喻戶曉的遊戲，就是貪吃蛇，雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗，越來越炫砲，但是經典的遊戲終究還...

Taiming ‧ 2018-10-26 ‧團隊開橋找井

9 Like 1 留言 10928 瀏覽

鐵人賽 DAY 7

進入Flex 3異想世界的30招系列第 7 篇

技術 ::進入Flex的異想世界(7):: Flex的靈魂角色-MXML(I)

前情提要：「不過，幸好剛開始學Flex，還可以假裝它不存在...」「Flex基本上就是ActionScript的框架...」「既然如此，不就是要寫Acti...

chetbaker ‧ 2008-10-08

3 Like 1 留言 10905 瀏覽

鐵人賽 DAY 12

ASP.NET技巧系列第 15 篇

技術挑選日期的好物 jQuery Plugin [dynDateTime]中文化特別處理

剛好同事在輸入日期可以點選的工具，小喵經過那一次【jQuery初體驗】之後，自然而然就想到jQuery的一堆PlugIn 比較著名的是jQuery DatePi...

topcat ‧ 2009-10-16

2 Like 1 留言 10797 瀏覽

技術 [Tool] 一款漂亮的jQuery Chart Plug-in-Highcharts

原文來自點部落-gipi的學習筆記：http://www.dotblogs.com.tw/jimmyyu/archive/2010/03/21/jquery-p...

gipi ‧ 2010-03-22

4 Like 1 留言 10787 瀏覽

技術 30天掌握Sass語法 - (14)透過Compass CSS3 Mixin輕鬆撰寫CSS3靜態樣式

在早期如果我們必須要撰寫一個最基礎的圓弧效果時，是必須要寫很多瀏覽器前綴詞的，譬如這樣： .box{ -webkit-border-radius: 100...

廖洧杰 ‧ 2013-09-29

8 Like 2 留言 10758 瀏覽

技術申請無障礙網站標章認證之ＸＸＸ

因客戶要求網站要符合無障礙網頁設計故須申請無障礙網站標章認證以 Google 用「無障礙」、「網頁」、「申請」關鍵字去找得知行政院研考會有提供「無障礙網頁...

Blue Jacky ‧ 2012-11-14

2 Like 0 留言 10754 瀏覽

鐵人賽 DAY 2

jQuery外掛特輯系列第 2 篇

技術 [jQuery]外掛特輯02:Star Rating Widget-星星評價創造豐富的使用者體驗

更詳細的說明請參考我的部落格互動式的Star Rating可以帶給使用者更好的操作體驗，讓網站更加活潑，雖然沒有他網站還是可以照樣運作，但是無疑的這會令網站...

finalevil ‧ 2009-10-13

7 Like 3 留言 10727 瀏覽

鐵人賽 IT技術 DAY 1

網站系統規劃實務系列第 1 篇

達標好文技術網站系統規劃 - 綱要說明，網站系統概論

網站系統可說是現在最多學子與新人想要入門的一個領域，這個原本屬於新興的領域，這幾年來也累積許多年的知識與 pattern ，在有限的環境（stateless...

tony1223 ‧ 2012-09-24

2 Like 3 留言 10642 瀏覽

鐵人賽 Modern Web DAY 29

前端工程師養成手冊系列第 29 篇

技術時勢造英雄，奠定前端工程師的未來發展

來到這裡，我相信你已經對前端工程師的工作內容有些輪廓，這裡我將會順便講解前端工程師的由來，以及主要負責的工作項目有哪些讓你知曉。歷史淵源在以前根本沒有分所謂...

廖洧杰 ‧ 2018-01-01

7 Like 4 留言 10632 瀏覽

鐵人賽 Modern Web DAY 6

前端工程師養成手冊系列第 6 篇

達標好文技術盡早培養「自主解決問題」的能力

在講這個主題前，我要來分享個人經歷，在創立高雄前端社群後，常會有人敲我訊息說對前端有興趣，想瞭解要到什麼程度才有辦法滿足職場需求。當然在業界久了，自然可以推薦...

廖洧杰 ‧ 2017-12-09

6 Like 1 留言 10627 瀏覽

鐵人賽開發技術 DAY 26

30天掌握Sass語法系列第 22 篇

技術 30天掌握Sass語法 - (26) 如何讓你的CSS動畫更具動態效果

.box height: 30px width: 30px transition: all 1s &:hover width:...

廖洧杰 ‧ 2013-10-11

1 Like 0 留言 10488 瀏覽

鐵人賽自我挑戰組 DAY 6

網頁設計:前端設計+後端基礎建構系列第 6 篇

技術 [DAY6]測試基本的PHP與MySQL連結

開始自兩天的折騰後，我還是回來踏實的打程式吧!，今天主要是做各個需要傳值得表單，傳到各個資料表，今天先來做管理員的上傳商品好了。上傳商品我的上傳表單:...

Luis-Chen ‧ 2016-12-06

7 Like 1 留言 10473 瀏覽

鐵人賽開發鐵人 DAY 23

HTML5試試看系列第 23 篇

技術 [HTML5試試看-23] 資料儲存 - Web Storage

Web Storage提供了sessionStorage以及localStorage兩種方式，讓我們可以在Client端保存各種資料。來試試看... 從規格上看...

fillano ‧ 2010-11-03

6 Like 0 留言 10420 瀏覽

鐵人賽開發鐵人 DAY 22

HTML5試試看系列第 22 篇

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素，所以...Websocket的溝通方式雖然還是類似http，但是過程比Server sent event複雜很多，獨立成為一...

fillano ‧ 2010-11-02

4 Like 0 留言 10387 瀏覽

鐵人賽開發鐵人 DAY 14

HTML5試試看系列第 14 篇

技術 [HTML5試試看-14] 表單驗證

HTML5制定了一組通用的屬性及方法，利用這些特性就可以做表單驗證。除了通用的表單元素，一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...

fillano ‧ 2010-10-25