iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

快搭上姐姐的`微`前端便車 系列

主要分享姐姐我在切版的工作當中,常見會處理到web版面技巧-以css及js/jq為例,並希望透過實際的範例應用,讓剛好需要做這項網頁互動的新手們有方向。◉‿◉

鐵人鍊成 | 共 30 篇文章 | 36 人訂閱 訂閱系列文 RSS系列文
DAY 21

第21車廂-input全選/取消全選功能底加啦!

本篇介紹常用的全選/取消全選功能---jquery應用篇 在input的世界裡,最常做的就是抓值/取值,不然就是做全選/取消全選功能吧?在一般文章介紹裡 不...

2021-10-06 ‧ 由 切版姐姐 分享
DAY 22

第22車廂-模仿大賽—仿IT邦幫忙:Sticky Nav應用篇

本篇介紹固定navBar應用篇—仿IT邦幫忙 每進入iT邦幫忙網站,忍不住都會滑一下卷軸吧?上方header算是常見的網頁效果,所以今天要來模仿一下,iT邦...

2021-10-07 ‧ 由 切版姐姐 分享
DAY 23

第23車廂-在網頁中預覽pdf—pdf.js簡易版應用篇

本篇介紹JS插件pdf.js簡易應用篇 今天介紹透過插件pdf.js在網頁中直接瀏覽pdf官網: https://mozilla.github.io/pdf...

2021-10-08 ‧ 由 切版姐姐 分享
DAY 24

第24車廂-翻起來惹!頁面翻頁效果turn.js應用篇

本篇介紹可實現翻頁效果的turn.js基本參數及基本用法 :哈囉!:(叫誰?):叫你啦!:喔。怎?:不知道你會不會有這樣的需求?要你做一個像是電子書可以翻頁...

2021-10-09 ‧ 由 切版姐姐 分享
DAY 25

第25車廂-讓pdf檔有翻頁效果!pdf.js+turn.js應用篇

本篇續第23篇介紹pdf.js讓前端可以看pdf檔及第24車廂介紹翻頁效果套件turn.js,整合兩篇將pdf檔翻頁起來! 看本篇之前,需看一下本系列文...

2021-10-10 ‧ 由 切版姐姐 分享
DAY 26

第26車廂-眼睛眨啊眨~登入密碼的顯示/隱藏應用篇

本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, Font Awesome 使用方式 官...

2021-10-11 ‧ 由 切版姐姐 分享
DAY 27

第27車廂-關於訊息視窗:bootstrap5Model應用篇

本篇介紹Bootstrap5 UI的Modal(彈出互動視窗)呼叫方式 起手式 <link href="https://cdn.jsde...

2021-10-12 ‧ 由 切版姐姐 分享
DAY 28

第28車廂-vw很好用我知道!但不小心就踩雷捏!

本篇介紹CSS單位,需要小心使用的觀念 單位介紹 %: 相對父層的大小比例 vw(view port width):相對於視窗的寬; vh(view p...

2021-10-13 ‧ 由 切版姐姐 分享
DAY 29

第29車廂-倒數一篇!人人有獎~抽獎抽起來了各位!

本篇分享自製一個簡易抽獎程式碼啦!---以JQ為例 ▼完成圖如下 為了讓大家比較好懂,程式碼用這張圖解釋 附上程式碼 https://codepen.i...

2021-10-14 ‧ 由 切版姐姐 分享
DAY 30

第30車廂-各位乘客們,我們到站啦!

回顧30天 平常都是這樣的我可是想不到,為了這30天,每天都只能 阿爸阿母不經過來關心說:阿~女兒阿~最近怎麼了?怎麼這麼認真? 真是笑死我惹 不多說了!來整理...

2021-10-15 ‧ 由 切版姐姐 分享