技術 「全端挑戰」Scss與React Component的動態實作Navbar與Header

鐵人賽 Day4 自己做一個價值幾十萬的動態網站 第四課：了解Scss與React Component與首頁概念圖與UI實作 part2 前言Day3 Gith...

技術 鐵人賽Day2-寫一個 Navbar 導覽列吧！

現在網頁為了 RWD ，在 layout 的 navbar 跟 footer 都會固定，而網頁最上方都會有一個 navbar，裡面會有 logo 還有一些選項，...

技術 Day 10 | 我常卡住的導覽列 - Navbar

今天要來講 金魚都能懂的網頁切版 : 導覽列 NO007，切版網頁，免不了得製作導覽列，算是非常非常基本的要求，前期我在練習切版的時候，常常莫名其妙的就卡住做不...

技術 Day 22 - React 第一個Component

上一章 Day 21 - React 什麼是Component? 生命週期? 今天來寫我們的第一個Component 先從網頁的導覽列開始 在專案底下新增MyN...

技術 Day 11 | 我包你啊你包我 - 多層次選單

今天要講的是 金魚都能懂的網頁切版 : 多層次收合選單 NO015，不過我要講的只有多層次選單的 part，收合的部分計畫明天再來打。 本篇關鍵字 ul、l...

技術 #13-消失吧！Navbar！讓你的網頁更多空間 (JS)

好的Nav bar的動態可以讓網站不那麼呆板，其實實作的技術也不難，就是偵測頁面的滾動向下滑的時候再出現 今天實作兩個： 提案 Nav bar的消失 Na...

技術 Day 12 | 看我伸縮自如的...選單

今天一樣要講的是 金魚都能懂的網頁切版 : 多層次收合選單 NO015，昨天講了多層次選單的部分，今天要來講收合的部分啦～ 本篇關鍵字 <input...

技術 鐵人賽Day11- 向 KKBOX 致敬，一樣從 navbar 開始

小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...

技術 Day 13 | 這個漢堡跟我想的不一樣

今天要來講響應式網頁出現頻率超高的漢堡選單啦，先來科普一下為什麼叫漢堡選單？照維基百科的說法，純粹就是覺得外觀長得跟漢堡相似（哪裡像），他有放一個對照圖，可以去...

技術 部署團隊服務導航網站 Team-nav

简介 前後端完整的網址導航服務，可以用於公司內部內網使用，提供多種的卡片圖標生成方式，能將上傳的原型壓縮包自動生成可訪問的地址，支持私密卡片，發布倒計時等功能。...

技術 # 前端實作案例分享:  隨著頁面改變樣式的NavBar

提問：專案需要加入一個 NavBar，依據不同頁面顯示切換樣式。 實作方式： 這次的架構針對 NavBar 的部分總共會有四個角色：NavBar 本體、控...