技術 鐵人賽Day3-寫一個 Search 搜尋列吧！

這次來練習寫一個 Search Bar，要寫的樣式如下我習慣在最外層寫一個 .wrap，在繼續將裡面要完成的 HTML 先寫完所以程式碼會如下， <div...

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

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

技術 Scss - 小知識與進階功能 ( 上 )

之前介紹過 SCSS 的基礎功能了，沒看過可以看這裡唷，這次來介紹一些小知識與進階的功能吧! SCSS 小知識 註解 SCSS 的註解有分為兩種，一種會被輸出一...

技術 Scss - 小知識與進階功能 ( 下 )

接續上篇繼續介紹剩下的功能，這邊就比較偏程式面，設計函式會比較常使用到，GO!GO!GO! 迴圈部分 迴圈可使用 @each 與 @for 來產生重複的樣式，使...

技術 scss 超入門實作

拜讀Alex前輩的scss教學，做個筆記。 建置專案 css資料夾是空的，scss資料夾裡面有個style.scss，也是空的。 index.html，bod...

達標好文 技術 Scss - 基礎功能介紹

SASS / SCSS 簡介 SASS 是 CSS 的預處理器，它能編譯出原生 CSS，且提供了更多程式面的東西來撰寫 CSS，讓其更簡潔、更好維護，而 SAS...

技術 Day23 學習 scss 時的那些大小事

分享與記錄個人使用 scss 時的那些 wow 點 在前端學習進度上，目前走到了 Javascipt，幾週前開啓 scss 時，感到有點陌生啊~~ 人的記憶不可...

技術 [蛻變事實／D21] 設計師勇闖前端城－（懶得用腦：SASS 除法－寬度計算不用腦）

超級愛SASS的除法功能！只要一個容器我想多切幾份，就可以切幾份給我～對於一個數學不好又很懶得打開手機拿起計算機、點開計算器換算的懶人者 ---> 我來說...

技術 [蛻變事實／D13] 設計師勇闖前端城－( SASS & SCSS 的＠import 是什麼？）

CSS 它有先後順序，後面會蓋掉前面！ <link rel="stylesheet" href="style/style1....

徵才 【徵才】東森得易購 徵 React資深前端工程師(研發中心)

[團隊簡介] 前端團隊成員目前7人, 需補足8人。團隊採敏捷開發流程。 公司未來將發展跨境電商, 包括中國大陸, 東南亞, 日本, 韓國是我們的合作目標。 ht...

達標好文 技術 其實Css的內心還住著一位Print

一、真實案例 聽說網頁按右鍵就可以列印了？ 但簡直就像卸了妝一樣 , 慘不忍睹啊!!! 二、那位來至邊緣地帶的Print 小明：欸 , P....? ,...

技術 Day 12 前置編譯器

基本用途 我提到的主要都是覺得原本的語言提供的特性不夠用 所以會做出一套工具 來提供想要的功能 最後再編譯成原始的語言來讓環境可以直接套用 有哪些 javasc...

達標好文 技術 Day02::方便又好用的SCSS

什麼是SCSS SCSS是個能用更有效率的方法來編寫CSS的程式語言語法跟CSS大同小異，但是比CSS來得好寫且更容易閱讀 SASS跟SCSS差別在那? 個人覺...

技術 vue & vuex 26 - 使用 SASS 管理 CSS - webpack sass-loader

今天我們將改變 CSS 引用方式，改為使用 SASS 開發，管理我們的 CSS，因此 style tag 也可以寫 SCSS 囉！ 今天目標： 移除從 st...

技術 一直改來改去，你改夠了沒：SCSS

一直改來改去，你改夠了沒：SCSS 太棒了，經過了前幾章的磨練，我們終於可以寫出一個有新增與刪除功能的超簡易部落格了。既然部落格已經可以動了，那我們來調一下 C...