iT邦幫忙

echocarrie
iT邦見習生 ‧ 點數 440
10470
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

網頁排版個人學習筆記 系列

初入前端，對於很多觀念與熟練度都有待加強。

決定推自己一把參加鐵人賽，
把目前於六角學院所學統整成文章，藉此練習表達力與邏輯力。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 45 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 2555 瀏覽
DAY 21

jQuery|第三方plugin技巧

文章前提 Swiper輪播效果插件 推，有支援mobile touch 大陸有自行翻譯的swiper中文網可參考比對 LightBox燈箱效果插件...

2019-09-22 ‧ 由 echocarrie 分享
1 Like 0 留言 1633 瀏覽
DAY 22

RWD|基本環境介紹

RWD基本環境建立 | HTML viewport可以解決瀏覽器的問題:可把螢幕寬度都轉成裝置的寬度，就不會有內容不同步的問題 瀏覽器顯示寬度=裝置寬度　wi...

2019-09-23 ‧ 由 echocarrie 分享
0 Like 0 留言 3845 瀏覽
DAY 23

RWD|常見佈局設定+UI設計注意細節

RWD佈局設定 禁止顯示x軸法則 作法 .wrap 寬度設定max-width，就不會有因為螢幕解析度向內縮小而產生橫向捲軸問題 RWD CSS Res...

2019-09-24 ‧ 由 echocarrie 分享
1 Like 0 留言 18824 瀏覽
DAY 24

RWD|斷點(breakpoint)規劃

替客戶設計響應式斷點? 眼球看東西的區域有限，所以一般設計網頁，中間區塊還是會固定一個尺寸(如下方"背景滿版，內容設定寬度水平置中範例")...

2019-09-25 ‧ 由 echocarrie 分享
0 Like 0 留言 4855 瀏覽
DAY 25

RWD|響應式表格與表單設計

文章前提 RWD表格設計、第三方插件pure.css 響應式表格設計-mobile隱藏不重要部分 範例 平板或手機較小的瀏覽設備，為了瀏覽方便通常只會...

2019-09-26 ‧ 由 echocarrie 分享
3 Like 0 留言 59511 瀏覽
DAY 26

RWD| 響應式圖片設計

文章前提 RWD 圖片寫於 HTML 與 CSS 的用法、background-size 屬性、background-position 屬性、RWD 圖片最小高...

2019-09-27 ‧ 由 echocarrie 分享
0 Like 0 留言 8544 瀏覽
DAY 27

RWD| 常見響應式選單-1

文章前提 多欄式多列式設計細節、漢堡選單設計 多欄多列式設計細節 Mobile 最小值建議設320 / 目前手機最小螢幕約320px 以選單字元抓16...

2019-09-28 ‧ 由 echocarrie 分享
0 Like 0 留言 2305 瀏覽
DAY 28

RWD| 常見響應式選單-2

文章前提 固定式漢堡選單設計 固定式漢堡選單 範例 步驟固定式漢堡選單與上一篇文章漢堡選單步驟差不多，差在後方header與content處理方式，前段就當複...

2019-09-29 ‧ 由 echocarrie 分享
0 Like 0 留言 2730 瀏覽
DAY 29

RWD| off Canvas(滑動導航)選單設計

範例1→ .aside滑入main跟著移動不會被遮蓋住 範例2(自我練習)→ .aside滑入main在原地不動 步驟如果依DAY17 滑動導航效果...

2019-09-30 ‧ 由 echocarrie 分享
1 Like 0 留言 2984 瀏覽
DAY 30

RWD|SASS 基本環境架設與初步教學

於sublime 安裝SASS與SCSS 下載並安裝Presors 於專案資料夾內新增sass資料夾，再分別丟入sublime與Prepros subli...

2019-10-01 ‧ 由 echocarrie 分享
echocarrie的鐵人檔案
echocarrie的收藏
echocarrie的追蹤
echocarrie的Like
echocarrie的紀錄
echocarrie的訂閱列表