前端寶庫

• 曾經自己學習的前端矢量圖繪製 - 每日頭條 - 2017

入門

• [iT邦] 尋覓 webpack - 藉由 webpack 學習網頁前端工程的精妙之處 - Peter Chen - 2020
• v4.0教程 - 官方
• Webpack基本配置 - 前端九部

平台

• 腳本之家

網站安全

• Same Origin Policy 同源政策 ! 一切安全的基礎 - Medium - 2018
• 目錄遍歷 Path Traversal 攻擊手法 - Medium - 2018

基本階層語法

• nav>ul>li

<nav>
  <ul>
    <li></li>
  </ul>
</nav>

外掛

• MJML

  • MJML - Github
  • 讓 Email 切版不再可怕－MJML 初次使用心得 - Medium - 2021
  • 透過 MJML 快速完成 RWD Email 排版 - Medium - 2020

• CSS

  • 多行文本溢出顯示…

    • -webkit-line-clamp
    • 需搭配 -webkit-box-orient 使用
    • 目前支援line-clamp的，只有Chrome與Safari
    • Firefox與IE，需用高度來將超出的文字給隱藏起來

    p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 24px; height: 72px; }

    [Can I use] -webkit-line-clamp
    [Can I use] -webkit-box-orient
    [參考] 免寫程式！透過CSS3將多行文字自動省略，並出現… - 梅問題教學網 - 2017
    [參考] 多行文本溢出顯示…的方法 - ITREAD - 2017
    [參考] line-clamp - CSS-TRICKS - 2018
    [參考] [iT邦] line-clamp - futian_shen - 2020
    [參考] 想知道嗎：Text-overflow把行尾變成… - Medium - 2020

  • Flex

    • flex: 1;

其他

• 拿好！52個實用的資料視覺化工具！ - 微文庫 - 2017

系列文章

• HTTP系列 - MDN Web Docs

其他

• [Git SSL自簽憑證問題] - Medium - 2019