各位觀眾，大家喜歡的毛玻璃效果來囉（有嗎？
透過 backdrop-filter 只需要一行就能搞定
許多網站也都透過此語法完成毛玻璃特效
想在網頁上炫技一下嗎？立刻動手試試看吧

#css
#backdropFilter
#毛玻璃

【Wix TWx WorkFace！年會搶先看】架站服務再進化：台灣經驗、市場觀察、數位趨勢

👀你有沒有想過，都 2021 年了，為什麼還需要架設自己的網站？

整理作品集，可以用 Behance；想賣東西，用蝦皮；想經營品牌，開粉專；想寫部落格，有 Medium，幾乎所有需求，在網路上都有相對應的社群平台。

💁‍♀️你會問，那為什麼要架設網站呢？

原因，是圖一個「家」的感覺！擁有自己喜愛設計風格、功能區塊、不受平台演算法限制的家，這就是網站的迷人之處！

🧑‍💻不會 HTML、CSS、編碼或程式設計，既沒有工程背景，也不是設計系畢業，Wix.com 讓這樣的你也能設計出自己專屬的網站！

Wix.com 以良好的使用者直覺及彈性設計，讓用戶以所見及所得的操作方式，創建屬於自已的保性化網站，這樣的服務在目前推廣至全球 190 個國家中，已有超過 2 億名使用者，而 Wix 台灣的使命則是協助在台灣的 Wix 用戶，不論你中小企業或是個人工作室，創建自己個性化的品牌電商網站。

👉這次 Wix 台灣負責人 簡以翔將分享在自己當初如何從一位 Wix.com 使用者，搖身一變成為 Wix.com 台灣區代理商的創業經驗；

🗣而在網站設計產業中又觀察到哪些 Wix.com 獨有的優勢特色，能在眾多網站服務品牌中脫穎而出？最後根據圈內人的觀察，網站服務市場的下個跨世代突破將會是哪些面向？又該如何乘浪而上？

✍️想要了解數位站的重點里程碑—網站服務的下一個世代分水嶺從何而起？所有 #內行人 分享，都在你一定不能錯過的WorkFace Taipei 7週年年會 ！

超值早鳥票熱售中🌐 更多詳情詳見
活動頁面：https://fb.me/e/15DwH8USV
活動官網：http://workface.tw/tw/2021_annual

#WorkFaceTaipei7週年年會
-

相對於 Bootstrap 4 來說，我認為 v5 真正發揮特色的地方在於 “變數”

雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼，但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制，例如：不同間距的 gutter（v4 只有三種，而這三種已經讓 Bootstrap 額外佔用許多容量）。

到了 v5 以後，除了原有的 Sass 之外，更靈活運用原生的 CSS 變數技巧，這些用法甚至會讓人感覺到「哇～原來變數可以這樣玩」。以格線系統來說，每次新增一種新的 gutter 僅需要增加 3 行 CSS（沒錯，包含 ClassName 就三行；至多不需要超過 5 行）

傳統的 CSS，至少要 60 行以上才能達到此效果，而 CSS 變數的 3 行影響到：
- 12 欄
- 5 種中斷點的欄線
- 外層 .row 的設計

更詳細的 CSS 變數知識
可參考此篇文章：https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/

自從遠端工作之後，出勤的打卡記錄也轉成線上服務

雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打

但也因為在家裡工作反而常常忘記打下班的卡!

每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 XD?

既然容易忘記，我們就來寫個自動打卡系統吧!

拯救自己多無趣，當然要拯救所有同事啊!

這支影片特別感謝我的團隊伙伴陪我一起耍北爛，有你們真好。

===本月活動===
7/22 晚間 8 點「後端領航者論壇」直播活動，歡迎來參加
（適合新、中手或想往後端開發的工程師朋友）
名額有限，手刀報名 👉 https://bit.ly/3jERZRH

===影片中提到的專案===
自動化打卡 project 使用 Ruby on Rails 撰寫，架設於 Heroku
repo: https://github.com/niclin/bernard

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#前端 #後端 #工程師

程式亂寫也可以動，要怎麼寫的好或易於閱讀，就得花上一番功夫去學習寫作技巧。

這支影片會和你分享一些基本的知識點，實戰技巧基本上當代程式語言開發都能使用

不過每個時代會有不同的想法跟觀點，不同的團隊也會有不一樣的慣例，希望這次的內容能夠給你一些不一樣的想法

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

章節:
00:00 提升品質的影響
01:29 有意義的命名比簡寫更好
03:01 限制傳入參數數量
05:03 簡化條件表達式
06:37 變數定義範圍限制
08:28 一次只做一件事
10:35 Early return

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#前端 #後端 #工程師

現在學習知識的渠道越來越多，無論對於零基礎或是有經驗的工程師，想要持續成長應該看書還是看影片來的更有效率呢？

主要會和你分享我過去從新手到資深的過程中，如何持續保持進步及學習的經驗

也許這個經驗可以幫助到你，也歡迎留言和我分享你的看法

相信彼此分享不同的學習見解，能讓對於想要更精進自己程式開發功力的人有很大的幫助

===章節===
00:00 哪一個有效律?
00:36 寫程式如同寫作
05:14 書是最便宜的資源
10:14 折扣碼操作示範

===蝦皮購書折扣碼===
折扣碼：FLAGNIC36
時間：2021-03-29 ~ 2021-06-29

折扣碼：FLAGNIC79
時間：2021-06-30 ~ 2021-09-30

折扣碼： FLAGNIC11
時間：2021-10-01~ 2021-12-31

===前陣子在看的推薦書單===
（零基礎）
- 白話演算法！培養程式設計的邏輯思考
- Python 刷提鍛鍊班

（中高階）
- 設計模式之禪(第2版)
- 無瑕的程式碼－整潔的軟體設計與架構篇
- 單元測試的藝術
- 演算法之美：隱藏在資料結構背後的原理(C++版)
- Kent Beck的實作模式

（Ruby）
- Writing Efficient Ruby Code

（成長思考）
- 圖解．實戰 麥肯錫式的思考框架：讓大腦置入邏輯，就能讓90%的困難都有解！
- 師父：那些我在課堂外學會的本事
- 高勝算決策：如何在面對決定時，降低失誤，每次出手成功率都比對手高?
- 窮查理的普通常識
- 懶人圖解簡報術：把複雜知識變成一看就秒懂的圖解懶人包
- 寫作，是最好的自我投資

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#寫程式 #前端 #後端