iT邦幫忙

rwd相關文章
共有 21 則文章

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

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

鐵人賽 影片教學 DAY 23

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

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

鐵人賽 影片教學 DAY 22

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

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

鐵人賽 影片教學 DAY 21

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

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

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

鐵人賽 自我挑戰組 DAY 6

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

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

鐵人賽 Modern Web DAY 3
AMP 系列 第 3

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 5

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

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

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

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

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

鐵人賽 Modern Web DAY 23

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

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

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

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

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

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

鐵人賽 開發技術 DAY 25

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

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

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

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

鐵人賽 開發技術 DAY 24

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

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

鐵人賽 開發技術 DAY 28

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

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

鐵人賽 其他技術 DAY 15

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

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

鐵人賽 開發技術 DAY 10

技術 用RWD讓悟空變身

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