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

1 Like 1 留言 316 瀏覽

技術 RWD－off-canvas 側邊選單練習

這次來練習一個比較進階的練習，是 RWD + off-canvas 側邊選單練習這次練習會使用到 jQuery 的 addClass 跟 removeCla...

Tim Hsu ‧ 2019-10-29

1 Like 0 留言 452 瀏覽

技術 RWD 漢堡選單練習 toggleClass

這次的漢堡選單練習，是要讓選單在手機頁面時加上 JS，讓選單有互動的效果，所以需要了解一點 jQuery 的運作方式，可以去找一下相關資料，或許可以也可以來...

Tim Hsu ‧ 2019-10-21

2 Like 1 留言 558 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 32 篇

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

★ 首先這篇文章適合以下背景的人閱讀： 1.大概了解什麼是格線系統，甚至有用過 2.有使用過 Sass 管理及撰寫 CSS，並且對基礎 Sass 語法 (SC...

Alec ‧ 2019-10-18

2 Like 0 留言 500 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 31 篇

技術關於購物車頁面的 RWD 移動概念

鐵人賽結束了，但說過了寫文章是 to be continued 的，今天就要先來記錄一下這個購物車頁面的 RWD 移動概念。回歸正常學習進度，檢視了一下作業...

Alec ‧ 2019-10-18

0 Like 0 留言 95 瀏覽

技術 RWD 漢堡選單練習-讓漢堡顯示在 header 上

這次來練習響應式網站很常見到的漢堡選單但漢堡選單要寫的內容有點長，就分段來記錄一下這個過程。這次要顯示的內容如下圖如果在 pad 尺寸顯示會如下要...

Tim Hsu ‧ 2019-10-16

0 Like 0 留言 65 瀏覽

鐵人賽 Modern Web DAY 16

用Angular打造完整後台系列第 16 篇

技術 day16 List常見問題(一)

簡述列表中經常會遇到的問題大約幾下幾種：當後台需要RWD，但欄位太多了，縮起來實在是太難看。使用materia提供的MatPaginatorMod...

ting000 ‧ 2019-10-01

0 Like 0 留言 94 瀏覽

鐵人賽 Modern Web DAY 9

淺談web 系列第 9 篇

技術鐵人賽DAY9-RWD

一、何謂RWD 響應式網頁設計(Responsive web design,RWD)是一種網頁設計的概念，由Ethan Marcotte於2010年時提出此，透...

鴻勳 ‧ 2019-09-25 ‧團隊紅蟳當兵等他開賽

0 Like 0 留言 107 瀏覽

鐵人賽自我挑戰組 DAY 9

網頁學習紀錄系列第 9 篇

技術鐵人賽Day9-體驗不好的 RWD

這禮拜因為小孩公托有腸病毒，加上工作繁忙，這兩天真是超級累，除了把握時間來看一下技術社團與看書外，已無暇寫程式，這幾天太太跟我說她上班的地方所製作的網頁很不...

Tim Hsu ‧ 2019-09-12

0 Like 0 留言 1532 瀏覽

技術使用更親民！財政部中區國稅局網站全面採用「響應式」網頁設計

政府與公家機關的網站能提供民眾許多便民資訊，因此時常被使用，但因應現在多數人都習慣直接使用行動裝置閱覽，這時便容易出現問題：不適應手機規格的網頁常常需要民眾自行...

meimel ‧ 2019-02-18

1 Like 0 留言 1438 瀏覽

鐵人賽影片教學 DAY 23

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

技術金魚都能懂網頁設計入門 : RWD選單(鐵人賽第二十三天)

教學影片不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道重點回顧媒體查詢設定方式選單控制方式 CSS選取器使用方式行動優先還是...

CSScoke ‧ 2018-11-07 ‧團隊阿莫斯の推坑教

0 Like 0 留言 1122 瀏覽

鐵人賽影片教學 DAY 22

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

技術金魚都能懂網頁設計入門 : RWD排版試做(鐵人賽第二十二天)

教學影片不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道重點回顧從手機先設定還是桌機先設定如何設定HTML結構如何設定CSS...

CSScoke ‧ 2018-11-06 ‧團隊阿莫斯の推坑教

0 Like 0 留言 1160 瀏覽

鐵人賽影片教學 DAY 21

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

技術金魚都能懂網頁設計入門 : RWD入門(鐵人賽第二十一天)

教學影片不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道重點回顧各種裝置的網頁寬度要怎麼設定製做RWD時會遇到的問題媒體查詢的...

CSScoke ‧ 2018-11-05 ‧團隊阿莫斯の推坑教

7 Like 3 留言 1690 瀏覽

鐵人賽自我挑戰組 DAY 17

學什麼就寫什麼，知道什麼就分享什麼系列第 17 篇

技術與工程師的協作之路-RWD才不是你想的那樣！

前言在很多年前（不要問是幾年也不要問年紀！）初次聽到RWD這個詞的時候就覺得實在是很新很潮！正好主管說想蓋個部落格來衝衝SEO 我就立馬毛遂自薦～說我想嘗...

Wen Chien ‧ 2018-10-31

4 Like 1 留言 2895 瀏覽

鐵人賽自我挑戰組 DAY 7

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

技術 Day7 利用純 HTML / CSS 來一個好吃的手作漢堡

考慮 RWD 網站中，一定要來一個美味的漢堡！第一次聽到前輩跟我說可以在手機面板時考慮把選單切成漢堡，我心裡真的只有那好吃香香的漢堡啊~就是這個啊~ 所以~...

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

1 Like 0 留言 8508 瀏覽

鐵人賽自我挑戰組 DAY 6

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

技術 Day6 如何做出響應式網頁(RWD)？

常常聽到響應式網頁，但是怎麼做呢？響應式設計(Responsive web design)指的是使網頁內容在不同裝置下，都可以呈現出適切的內容。在說明如何設定...

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

1 Like 0 留言 754 瀏覽

鐵人賽 Modern Web DAY 3

AMP 系列第 3 篇

技術 AMP(Lession 3) - 使用AMP做RWD

使用AMP做RWD RWD 在現如今的網站，可以說是必備設定了。這兒要注意一點：平日裡我們是用 css 在做 RWD 的設定，但在 AMP 的世界裡，並不是這樣...

majo2013 ‧ 2018-10-03

2 Like 1 留言 15629 瀏覽

技術 RWD為什麼讓人愛不釋手?

響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、回應式網頁設計。指網站能跨平台使用，因應不同的裝置，如：Iphone、P...

meimel ‧ 2018-08-16

3 Like 0 留言 2799 瀏覽

鐵人賽 Modern Web DAY 9

前端新手村系列第 9 篇

技術前端新手村橫向排列 & 實現純手工 RWD

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

Chris ‧ 2017-12-19

1 Like 0 留言 1807 瀏覽

鐵人賽 Modern Web DAY 5

Go！從無到打造最佳行動網站系列第 5 篇

技術 Day5 全員耍廢中(上) Mobile設計

這幾天想來分享幾個設計行動版網頁要素，想必也有許多人開發過行動版網頁，也有許多的手機APP是透過嵌入一個Webview將網頁放到其中，大多數的使用者是感受不出來...

黑絲襪工程師 ‧ 2017-12-15 ‧團隊露天廢物

4 Like 2 留言 3929 瀏覽

鐵人賽 Modern Web DAY 2

前端新手村系列第 2 篇

技術前端新手村從設計載體到RWD顯示原理

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

Chris ‧ 2017-12-12

0 Like 0 留言 10086 瀏覽

鐵人賽 Modern Web DAY 23

ASP.NET (Web Form)快速入門，全程Youtube影片教學系列第 23 篇

技術 RWD 與 ASP.NET (Web Form)，採用Bootstrap

上一篇文章提到：自己存取資料庫，並且搭配前端設計師做好的HTML版面 ADO.NET與資料庫 #5 -- 客制化自己的「首頁」 http://ithelp.it...

mis2000lab ‧ 2016-12-28

1 Like 0 留言 5885 瀏覽

技術 [RWD] GridView搭配 FooTable (jQuery) 的表格效果 -- 自動折疊

[RWD] GridView搭配 FooTable (jQuery) 的表格效果 -- 自動折疊 http://www.dotblogs.com.tw/mis2...

mis2000lab ‧ 2015-05-29

2 Like 0 留言 3660 瀏覽

技術 ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果

ASP.NET搭配RWD(Bootstrap) 快速做出動態投影片(Carousel)效果 http://www.dotblogs.com.tw/mis2000...

mis2000lab ‧ 2014-11-24

5 Like 0 留言 2435 瀏覽

鐵人賽開發技術 DAY 25

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

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#25-- 自適應使用者介面 #2

上一篇文章：MIS2000Lab.的「HTML5 從零開始」#24-- 自適應使用者介面（Adaptive User Interface）#1 http://i...

mis2000lab ‧ 2014-10-20

0 Like 1 留言 2711 瀏覽

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

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

mis2000lab ‧ 2014-10-20

5 Like 1 留言 1992 瀏覽

鐵人賽開發技術 DAY 24

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

技術 MIS2000Lab.的「HTML5 認證考試，從零開始」#24-- 自適應使用者介面 #1

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

mis2000lab ‧ 2014-10-19

2 Like 0 留言 2020 瀏覽

鐵人賽開發技術 DAY 28

你不能不知道的Polymer開發實戰系列第 28 篇

技術 Material Design - 自適應(RWD)鍵盤，有這種事?

今日目標: 拿計算機元件，組裝出RWD鍵盤自適應(RWD)網站、(RWD)圖片相信大家都聽過，但是RWD鍵盤沒聽過吧....今日就讓我們用昨日計算機的key...

martyshu ‧ 2014-10-18

0 Like 0 留言 2074 瀏覽

鐵人賽其他技術 DAY 15

前端小字典三十天【每日一字】系列第 15 篇

技術 Day15– 前端小字典三十天【每日一字】– RWD

RWD是什麼? 圖片來源響應式設計 (Responsive Web Design) 什麼是響應式設計，以網路的世界來說就是，網站會隨著設備(桌機、平板、...

iamya ‧ 2014-10-15

4 Like 0 留言 4084 瀏覽

鐵人賽開發技術 DAY 10

你不能不知道的Polymer開發實戰系列第 10 篇

技術用RWD讓悟空變身

今日目標: 學習 Template auto-binding + core-media-query 元件今天我們要整合底下三樣素材, 目標就是讓悟空可以隨著螢...

martyshu ‧ 2014-09-30