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

1 Like 1 留言 3554 瀏覽

技術用jquery,extjs 編排公司網頁

我的網站很單純只是提供一些資料庫設計的概念,以前用 html 排網頁總覺得很困難,導入jquery後使用 div 配置概念變得方便多了. 目前用Chrome,F...

idoncys ‧ 2014-02-11

2 Like 1 留言 3546 瀏覽

鐵人賽 IT人生鐵人 DAY 18

九一每日隨想系列第 18 篇

技術九一每日隨想之十八：怎樣做網頁省時省力？

今天做網頁時照舊很快的把會議記錄word檔修一修，確認無誤後，就作成pdf檔，然後加個連結就完成了，簡簡單單、輕輕鬆鬆，幾分鐘搞定！想起以前開始學做網頁時，自...

yakelu ‧ 2011-10-25

7 Like 1 留言 3541 瀏覽

鐵人賽開發技術 DAY 17

作個網站吧！系列第 17 篇

技術作個網站吧！Beauty CSS(6)-CSS好方便

CSS最方便的地方之一在於圓角陰影等外觀上的設定，可以減少依賴圖片，達到讀取速度加快，重點是語法打一打就不用一直存圖縮圖啦xD以下紀錄一些外觀上面的設定。如有誤...

tpodomoto ‧ 2013-10-17

2 Like 1 留言 3537 瀏覽

鐵人賽 IT技術 DAY 24

建立API為中心的輕量級網站系列第 24 篇

技術加上 knockout.js 的夢幻筆名

透過 knockout.js 來操作顯示夢幻筆名會把抓來的筆名，都存在 novelname 這個key裡，在頁面顯示已存幾個筆名，若覺得太少，可有抓取新筆...

逮丸逮丸 ‧ 2012-11-01

4 Like 1 留言 3521 瀏覽

鐵人賽 IT技術 DAY 2

新手前端日記系列第 2 篇

技術 [新手前端]從平面設計前進 HTML

由平面設計的角度開始去理解HTML的構成我最早開始做網頁是高中時期，當初還在播接，各校的BBS都還興盛，入口網站是奇摩、蕃薯藤，最大的網路社團是cityfam...

chibc ‧ 2012-10-10

0 Like 0 留言 3498 瀏覽

鐵人賽自我挑戰組 DAY 2

蛻變事實－UI設計師勇闖前端城系列第 2 篇

技術 [蛻變事實／D02] 設計師勇闖前端城－（必備工具1：編輯器）

在網頁設計開發的歲月裡，我共用了以下幾項編輯器（舊－新） Dreamweaver 資深者最懂 XD ，雖然沒有再用它，但它的影像地圖功能還是無人能敵，還是好用丫...

凱特麻麻桑 ‧ 2018-10-17

1 Like 0 留言 3491 瀏覽

鐵人賽 Modern Web DAY 1

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

技術新手村的 Web Design 30天冒險 | Day 1 { Introduction }

這一系列是記錄學習網頁程式設計的筆記 Day: Day 1 Content: Introduction { Introduction 自我介紹 } H...

Roy Wang ‧ 2018-10-15

8 Like 1 留言 3463 瀏覽

鐵人賽開發技術 DAY 27

作個網站吧！系列第 27 篇

技術作個網站吧！SUSY使用心得

SUSY相較於Bootstrap而言，是一個靈活度較高的Framework，以下記錄一下使用SUSY的心得。接觸時間不長，內容如有誤還請指正，謝謝。 SUSY...

tpodomoto ‧ 2013-10-27

2 Like 1 留言 3459 瀏覽

鐵人賽其他技術 DAY 23

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

技術選用 Bootstrap 框架協助加速前端開發

在眾多 CSS 框架裡， Bootstrap 在網頁程式開發的環境裡，可能是簡潔又易用的前端框架工具。此框架最早是以 Twitter Bootstrap 為...

逮丸逮丸 ‧ 2013-10-08

3 Like 1 留言 3453 瀏覽

鐵人賽 IT技術 DAY 23

建立API為中心的輕量級網站系列第 23 篇

技術以 sinatra + redis 改良實作夢幻筆名

在用 Sinatra 實作簡單的夢幻筆名 API 這一篇，每次query原網站來回應的方式，有點辛苦了原網站，所以改良成，也可存在自己的 redis 裡，...

逮丸逮丸 ‧ 2012-10-31

4 Like 2 留言 3450 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20 - 貪吃蛇篇：虛擬方向鍵及暫停遊戲

前情提要及動機在 Day11 的功能構想中我們有提到，雖然到昨天 Day19 整個貪吃蛇遊戲已經很完整了，但是有一點美中不足的地方，就是透過手機開啟這個遊戲的...

Taiming ‧ 2018-11-04 ‧團隊開橋找井

0 Like 1 留言 3439 瀏覽

技術 (假日研討會)台北，Muki老師-- RWD前端設計一日研討會(使用Boostrap)

(假日研討會)台北，Muki老師-- RWD前端設計一日研討會 Responsive Web Design一日實作 (使用Boostrap) http://ww...

mis2000lab ‧ 2014-10-20

2 Like 0 留言 3435 瀏覽

鐵人賽自我挑戰組 DAY 4

軟體開發商新手 PM 30 個第一次系列第 4 篇

技術【第 4 個第一次】RWD 與 AWD 的粗淺分析

Day 4 - 客戶說：欸我看網路上有 AWD，那跟 RWD 有什麼實質差別呢？晴天霹靂，一直都只有聽過 RWD，至少還答得出 2-3 句，AWD 這個實在...

Jade Chang ‧ 2020-09-18

2 Like 0 留言 3407 瀏覽

鐵人賽 Modern Web DAY 28

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

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

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

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

1 Like 0 留言 3398 瀏覽

鐵人賽 Modern Web DAY 15

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

技術各種網頁圖片壓縮方法

了解基本的格式後，接下來設計師還需要「正確的」輸出圖片並壓縮，網頁上輸出圖片雖然沒有印刷中那麼複雜，但依然有許多眉角需要注意，像是用什麼工具壓縮就很常被詢問到，...

卡斯伯 ‧ 2018-10-29

3 Like 1 留言 3398 瀏覽

技術 2013年網頁設計最新優化搜尋引擎技巧

如果您正在尋找啟動一個新的網站，部落格或優化您當前的網站，你必須至少了解一些基本的搜尋引擎優化。了解如何優化你的網站，將有助於更快的排名在搜尋引擎中，這是非常...

純真的人 ‧ 2013-07-05

1 Like 0 留言 3388 瀏覽

鐵人賽 IT技術 DAY 7

只是路過 HTML5 系列第 7 篇

技術 HTML Audio/Video Properties(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

iamya ‧ 2012-10-15

1 Like 2 留言 3366 瀏覽

技術【課程推薦】Sass開發實戰 - 前端版型管理

各位朋友們好：我是去年有參與第七屆it鐵人邦，分享的內容是SASS教學，近年因應開發技術的更新，網頁/前端設計師在寫CSS時也會開始導入Sass、Less...

廖洧杰 ‧ 2015-04-01

3 Like 1 留言 3358 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day14 - 貪吃蛇篇：畫出主畫面地圖

昨天 Day13 我們已經把畫面區塊規劃出來了，今天要來把主畫面地圖畫好。地圖畫面座標系我們需要一個 xy 軸的二維直角座標系，這邊我的做法是把地圖切成...

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

2 Like 0 留言 3351 瀏覽

技術頁面排版練習 - 錨點 TOP 按鈕

練習目標頁面排版錨點 Top 按鈕 CodePen 重點屬性 padding & margin 這是我們最常看到的排版元素 padding...

Luis-Chen ‧ 2017-12-23

2 Like 0 留言 3338 瀏覽

技術【六角學院-限時優惠推薦】HTML+CSS+jQ 線上影音課程

大家好，我是洧杰，曾經參加過兩次的 IT鐵人邦比賽，我在三月創立了六角學院，提供的服務是線上影音前端教學，每週三晚上我們也會提供線上問答解決學生實務上遇到的問...

廖洧杰 ‧ 2016-06-21

2 Like 0 留言 3312 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day25 - 記憶方塊篇：幫方塊做出炫炮又迷幻的動畫

設計動機很多人相信眼見為憑，只相信看得到和摸得到的東西是存在的。但是這個世界上很多事物雖然看不到，但是卻確實存在。例如愛，愛不是以物質的形式來存在，看不到，摸...

Taiming ‧ 2018-11-09 ‧團隊開橋找井

2 Like 0 留言 3289 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15 - 貪吃蛇篇：讓蛇的頭動起來

有了地圖之後，我們就可以開始讓蛇在上面爬了，今天我們的目標是畫出蛇的頭，並且可以操控他在地圖上跑來跑去。新增蛇的物件首先我們先來新增一個蛇的物件 const...

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

1 Like 0 留言 3269 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day13 - 貪吃蛇篇：頁面佈局規劃

頁面佈局規劃如同前篇遊戲 Tic Tac Toe 一樣，我們要來規劃一下遊戲的畫面，因為我希望我們貪吃蛇的遊戲在電腦上可以玩，在手機上也可以玩，所以我想要把遊...

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

1 Like 0 留言 3248 瀏覽

鐵人賽開發技術 DAY 24

學習手機網站開發系列第 21 篇

技術 Responsive Mobile Menu製作-Day 24

不使用JQuery Mobile，彈性的選單如何製作。再不使用JQuery Mobile下，製作一個彈性下拉選單。作法：利用JQuery去做，做好顯示一個選...

ramya ‧ 2013-10-12

2 Like 0 留言 3211 瀏覽

鐵人賽 Modern Web DAY 21

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

技術網頁設計規範 - 參考來源

網頁設計許多概念是受到限制的，因為除了設計外也要同時重視可行性，因此預先定義規範不僅預先了解可執行的限制，對於工程師來說更方便預先建構元件。但設計規範並不是一...

卡斯伯 ‧ 2018-11-04

6 Like 0 留言 3205 瀏覽

鐵人賽開發技術 DAY 20

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

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#20--Session storage

上一篇文章：http://ithelp.ithome.com.tw/question/10159772 前三篇文章簡單地分享了HTML5 API 這篇文章要分享...

mis2000lab ‧ 2014-10-15

0 Like 0 留言 3172 瀏覽

技術如何在你的瀏覽器找出Google Analytics 使用者Client ID

在做GA數據分析時我們會看到一個使用者多層檢視,那我們要如何對客戶ID的數據做分析呢? 我們在GA儀表板裡的目標對象會看到一個使用者多層檢視,裡面會有一個客戶I...

chiandavid ‧ 2019-01-25

4 Like 2 留言 3158 瀏覽

鐵人賽開發技術 DAY 1

一個月學會Ruby on Rails 系列第 1 篇

技術 One Month Rails - Day1 - Intro

以one month rails (https://onemonthrails.com)的線上課程及codecademy的Ruby課程，紀錄及分享一個月來學習的...

zombie666 ‧ 2013-09-22

1 Like 0 留言 3136 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16 - 貪吃蛇篇：加入蛇的身體

昨天我們已經讓蛇的頭部可以動起來，並且可以接受方向鍵的操作來改變方向。接下來我們要讓這隻蛇有身體，讓他成為一條名符其實的蛇。前情提要在 Day12 - 貪吃...

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

技術 用jquery,extjs 編排公司網頁

技術 九一每日隨想之十八：怎樣做網頁省時省力？

技術 作個網站吧！Beauty CSS(6)-CSS好方便

技術 加上 knockout.js 的夢幻筆名

技術 [新手前端]從平面設計前進 HTML

技術 [蛻變事實／D02] 設計師勇闖前端城－（必備工具1：編輯器）

技術 新手村的 Web Design 30天冒險 | Day 1 { Introduction }

技術 作個網站吧！SUSY使用心得

技術 選用 Bootstrap 框架協助加速前端開發

技術 以 sinatra + redis 改良實作夢幻筆名