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

2 Like 1 留言 6616 瀏覽

技術分享大小事-（系列文）3.Windows7 與行動裝置/ Windows7平板電腦發表藍圖

Windows 7 家族的新夥伴已經漸次露出來了～！您關心Windows 7 平板電腦的發展進度與藍圖嗎？記得第一篇在聽完了台灣微軟副總經理葉怡君（Cat...

台灣熊 ( gric ) ‧ 2011-03-21

2 Like 1 留言 6547 瀏覽

鐵人賽 IT技術 DAY 26

新手前端日記系列第 26 篇

技術 [新手前端]float與clearfix -白話就是，為什麼背景底圖不見了?!

介紹CSS裡的float常出現的問題案例之前有在這篇介紹過 float的特性，簡單說就是會往上浮起來，會脫離原有的DOM順序。子元素浮動到上層之後，在某些情...

chibc ‧ 2012-11-03

4 Like 1 留言 6504 瀏覽

鐵人賽 IT技術 DAY 7

新手前端日記系列第 7 篇

技術 [新手前端]從平面設計前進 CSS-5 盒模型

CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇，都還在基本概念和 HTML的元素選擇器上，今天終於要正式講到樣式本身的基礎- box 盒模...

chibc ‧ 2012-10-15

3 Like 1 留言 6437 瀏覽

鐵人賽 Modern Web DAY 4

這個網站也太嗨！30 個網頁動態提案系列第 5 篇

技術 #3-打字特效炫起來！(CSS Animation)

昨天的第三個按鈕動態提案：文章傳送門使用了CSS動態的動態的主菜——Animation。其實有很多特效，只要能夠拆解他的原理，就可以使用Animation達成...

Global Rachel ‧ 2021-09-19 ‧團隊寫 code 需要講幹話

6 Like 0 留言 6398 瀏覽

鐵人賽影片教學 DAY 8

金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎系列第 8 篇

技術金魚都能懂網頁設計入門 : 區塊尺寸計算 (鐵人賽第八天)

教學影片不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道重點回顧區塊的尺寸計算一個區塊的尺寸是如何被計算出來的? 這關係到你的版面是否...

CSScoke ‧ 2018-10-23 ‧團隊阿莫斯の推坑教

3 Like 0 留言 6393 瀏覽

鐵人賽自我挑戰組 DAY 12

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

技術 Day12 講講 CSS3 動畫 - Transitions

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

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

2 Like 0 留言 6368 瀏覽

鐵人賽自我挑戰組 DAY 20

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

技術 Day20 CSS基本樣式-Border＆Outline

Border樣式所有元素都可以設邊框(border)。今天要介紹的border屬性有：border-style ｜ border-color ｜ border...

JinWen ‧ 2019-10-05 ‧團隊好想工作室 v3.0

6 Like 0 留言 6346 瀏覽

鐵人賽 Modern Web DAY 12

金魚都能懂的 CSS 選取器 - 金魚都能懂了你還怕學不會嗎系列第 12 篇

技術僞類選取器 - 何謂僞類選取器

本系列文章已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持購書連結 https://www.tenlong.com.t...

CSScoke ‧ 2019-09-27

0 Like 0 留言 6329 瀏覽

鐵人賽 Modern Web DAY 18

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

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

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

原來可以這樣做 | Sunny ‧ 2021-10-03

1 Like 0 留言 6324 瀏覽

鐵人賽 Modern Web DAY 3

喪屍黑白切系列第 3 篇

技術 Day 03 | 順序有那麼重要嗎？Part 1 - :link, :visited, :focus, :hover, :active

今天要介紹的這幾種偽類 pseudo-class，算是 CSS 中使用率最頻繁的幾個，我自己很常忘記這幾個的優先權順序，所以特地寫一篇筆記下來。什麼是偽類？...

Zombie@Dump ‧ 2020-09-18

3 Like 0 留言 6310 瀏覽

技術 CSS-Grid 學習筆記

今天也來分享一下，自己昨天從AMOS大大的直播，所學到的CSS grid知識，有誤的地方，歡迎指證並還請見諒，謝謝! CSS Grid有點線面的概念，可以應用在...

no027843 ‧ 2020-04-22

0 Like 0 留言 6248 瀏覽

鐵人賽 Modern Web DAY 13

30天學習30套前端技術(2018年) 系列第 13 篇

技術 [十分鐘學習] Moment.js - 時間停(ㄓㄨㄢˇ)止(ㄏㄨㄢˋ)器

輕量級專門解析、驗證、操作、格式化日期的JavaScript函式庫，Moment是為瀏覽器和Node.js而設計，所有元件都可以在這兩個環境下運作 GitHu...

mfhsueh ‧ 2018-01-01

2 Like 0 留言 6247 瀏覽

鐵人賽 IT技術 DAY 13

新手前端日記系列第 13 篇

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

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

chibc ‧ 2012-10-21

0 Like 2 留言 6245 瀏覽

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

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

junyiacademy_小均 ‧ 2020-03-16

2 Like 0 留言 6242 瀏覽

鐵人賽 Modern Web DAY 3

這個網站也太嗨！30 個網頁動態提案系列第 4 篇

技術 #2 - Button文字換起來！ (CSS: 移動位置)

Day 1 介紹了用CSS 偽元素的方式放大縮小變寬去做連結特效。傳送門今天也選了幾個button的特效，使用位移的方式，簡單使用CSS特性就可以。先來看看成...

Global Rachel ‧ 2021-09-18 ‧團隊寫 code 需要講幹話

1 Like 0 留言 6234 瀏覽

鐵人賽 Modern Web DAY 22

30天學習30套前端技術(2018年) 系列第 22 篇

技術 [十分鐘學習] iScroll - 3秒變成iPhone，模擬拖曳反彈(bounds)神器

iScroll是一款高性能，檔案小，無相依性且多平台可的JavaScript拖曳滑動 GitHub Star: 10,000Javascripting Ov...

mfhsueh ‧ 2018-01-10

0 Like 0 留言 6209 瀏覽

技術 CSS - Tailwind CSS 阿哩阿雜的設定

上一篇介紹了 Tailwind 基本的語法，而今天要來看的是 Tailwind 的設定，之前說到的許多功能都是靠著這些設定達成，包含變數、模組化、tree-sh...

Ares ‧ 2021-01-04

2 Like 0 留言 6188 瀏覽

鐵人賽 IT技術 DAY 4

Windows Metro style Apps using HTML5 系列第 4 篇

技術 css3 範例與產生器

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從http://slides.html5...

seanamph ‧ 2012-09-27

9 Like 7 留言 6155 瀏覽

技術 Blog的定義

Blog是Web log的縮寫。是一種個人日誌式的文章分享形式。內容十分多元化，從個人生活經驗到對社會事件的看法皆無不可，體裁也是信手書寫為主，長度也可長可短，...

efd0193 ‧ 2008-06-05

1 Like 0 留言 6118 瀏覽

鐵人賽 Modern Web DAY 15

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

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

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

原來可以這樣做 | Sunny ‧ 2021-09-30

2 Like 2 留言 6091 瀏覽

鐵人賽 Modern Web DAY 8

前端新手村系列第 8 篇

技術前端新手村橫向排列

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

Chris ‧ 2017-12-18

0 Like 0 留言 6057 瀏覽

鐵人賽 Modern Web DAY 18

CSS Secrets 導讀系列第 18 篇

技術 Secret 14: 簡單的圓餅圖 (CSS transforms)

圓餅圖，即使是只有二種顏色的簡單圖案，在CSS也不是容易做得到。常用的做法包括用繪圖軟體事先製作許多圖案給不同的值使用，或者用大型的JavaScript函式庫...

yowlonglee ‧ 2018-11-02

10 Like 1 留言 5991 瀏覽

鐵人賽 Modern Web DAY 1

連續30天的超實務網頁設計的垂直置中教學系列第 1 篇

達標好文技術使用CSS Line-height 做垂直置中

簡言這個方式應該是最多人知道的了，其實這符合資料垂直置中而非垂直對齊，常見於單行文字的應用，像是按鈕這一類物件，或者是選單、導覽列此類物件最常見到此方式了。此...

CSScoke ‧ 2018-10-16

7 Like 5 留言 5978 瀏覽

技術行雲流水IT人-13

我們在自來水博物管旁邊的餐廳坐了下來，我打開了弟弟幫我買的小筆電，才剛輸入完帳密，就聽到好大的笑聲。「哈哈哈，同學! 哈哈哈，這就是你的桌面哦? 跟你太不...

SunAllen ‧ 2011-03-21

3 Like 0 留言 5937 瀏覽

鐵人賽 Modern Web DAY 11

前端新手村系列第 11 篇

技術前端新手村 CSS 簡單 Selector (上篇) & Groups

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

Chris ‧ 2017-12-21

2 Like 0 留言 5917 瀏覽

技術【CSS課程】Responsive網頁排版技術課程

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。 RWD的設計理念為使用HTML與CSS3 M...

廖洧杰 ‧ 2013-03-03

0 Like 0 留言 5908 瀏覽

鐵人賽自我挑戰組 DAY 27

前端新手進化史系列第 27 篇

技術 flex 5

文章將陸續整理並更新至個人部落格。上一篇文章中說明了 flex 屬性是 flex-grow、flex-shrink、flex-basis 三個屬性的...

yachen ‧ 2019-10-12 ‧團隊好想工作室 v3.0

1 Like 0 留言 5891 瀏覽

鐵人賽自我挑戰組 DAY 10

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

技術 Day10 讓圖片好好裝在盒子裡

在網頁中常常會需要各式各樣的圖片，如何讓它按照你的想像，好好呈現在網頁上呢？讓圖片呈現在網頁上，一般我們會想到使用 img 標籤。我們先試試看最單純的一張圖片...

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

0 Like 0 留言 5876 瀏覽

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

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

TOM ‧ 2020-01-09

7 Like 1 留言 5849 瀏覽

鐵人賽開發技術 DAY 40

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

技術 Sass開發流程設計 - (10)Susy 版型種類介紹

這一次我想聊的是關於susy所提供的grid種類，因為他不單單只能設計RWD版型而已，一些常見的網頁版型設定也都有支援提供，後面如果有時間的話也會設計一個...

廖洧杰 ‧ 2013-10-25

技術 分享大小事-（系列文）3.Windows7 與行動裝置/ Windows7平板電腦發表藍圖