技術 【Day20】常見切版應用（3-2）頁頂Header RWD實作

上一篇中我們完成了header的切版應用、介紹了錨點（Anchor）、還做了一點主頁面的切版： 那我們接續上一篇的內容，而當我們使用手機裝置打開此網頁，會發現...

技術 Day4. 如何制定網站內容？

有了靈感以後，就要開始規劃網站要放入什麼內容啦！每個人的方式不太一樣，可以善用「5W1H」來思考，也就是Why、What、Where、When、Who、How，...

技術 Day2. 主題大綱介紹

前一篇有簡單介紹自己、參賽原因及提及主題今天要來說明這次主題的大綱及預計會有的內容，首先先提供作為範例的我的線上作品集參考。那就開始吧！Luna的線上作品集 使...

技術 Day1. 前言

Hi～ 大家好，我是Luna這是我第一次參加鐵人賽，在這之前因為學習、工作上查資料時常常會看到IT邦的文章，沒想到自己有一天也會參與在其中。在第一天想先簡單介紹...

技術 DAY28-React NFT網站成果展示

前言： 到了倒數第三天了，一開始目標要完成的NFT網站開發也到一個段落啦～今天阿森要來展示一下綜合前幾天的內容（還有我自己的一點改良），最後的成果會是如何！...

技術 33歲轉職者的前端筆記 DAY 4 固定浮動選單 RWD 寫法

隨著智慧型手機的普及 網頁設計也要隨著時代的潮流而寫出適合智慧型手機用戶的網頁 今天的筆記是目前最常見的 RWD 應用：固定浮動選單 首先先上範例圖： 背景雖...

技術 RWD問題

不知道為甚麼，旁邊無緣無故多了一條空白區域，但那個區域根本沒有其他元件程式碼好像也不知道該貼哪段，求各位IT大大幫幫忙解惑!! 有需要補充程式碼 我附上gith...

技術 搜尋引擎優化入門篇：你不能不知道的響應式網頁設計

隨著行動瀏覽成為搜尋引擎主流，響應式網頁設計也越來越重要，甚至能說在這幾年，假設你的網頁沒有響應式設計，或是響應式網頁設計不良，那你的網頁流量可謂十分不妙。 然...

技術 [鼠年全馬鐵人挑戰] Week06 - 新手學習筆記：淺談 RWD (響應式網頁設計)

Hi~又見面啦 這週大家過的好嗎? 最近開始學習了 RWD 響應式網頁設計，發現可以運用的好多也不少細節呢~想好好把學到的寫成筆記增加自已的印象 :)所以最近幾...

技術 [鼠年全馬鐵人挑戰] Week07 - 新手學習筆記： RWD 基礎語法

Hi~又見面啦 今天來學習一下 RWD 的基礎小語法，希望可以學習練習的過中程能熟能生巧呀 想要讓原本在桌上型電腦能看的網頁加上 RWD 自適應網站功能時需先加...

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

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

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

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