文章

Sass / Scss 教學 1

Sass 系列教學:

現今網站前端(frontend)工程師者肯定會用到的其中一種語言就是 CSS(Cascading Style Sheets),不過 CSS 其實是一種很冗笨的語言,不僅沒有變數(variables)的功能、也沒有巢狀(nested)的規則,也沒有引用(include, import)的功能,相同的設定經常會出現在不同的 CSS 區塊中,例如配色、高度、寬度、樣式,而且經常一堆 class, id 的樣式滿天飛,如果對某些配色不滿意,或是對某些樣式(stylesheet)不滿意,就可能得一個一個慢慢修改或是全域取代,要是 CSS 能夠有更像程式語言的語法與規則的話,也許將會更省事,整體的 CSS 也會更有規劃、組織。

也因為如此,Hampton Catlin, Nathan Weizenbaum, and Chris Eppstein 還有 Alexis Sellier,這些聰明的程式設計師分別發明了 Scss/Sassless 兩種 CSS Pre-Processor ,擴充了既有 CSS 的語法、規則及功能,達成變數、巢狀設計、引用等功能,只需要最小程度的遵守他們制定的語法,再透過 Sass 或 less 編譯(compile)之後,就能夠產生 CSS 檔案,你只需要維護遵循 Sass 或 less 語法撰寫出來的檔案,就可以達到前端快速開發、修改、維護的效果!

Posted on  Sep 2, 2017  in  CSS  by  Amo Chen  ‐ 4 min read

用 MySQL Sample Database (test db) 學習 SQL

每一個初學 MySQL database 的人都會遇到一個問題——「有沒有現成的資料庫可以使用?」

幸好有善心人士整理一個 sample database 供大家下載回去練習,datacharmer/test_db

這個 sample database 是模擬一個公司儲存的產品、員工、客戶等資料的資料庫,雖然是模擬資料但是足夠讓人學習各式各樣的 MySQL 語法及功能,包含 SELECT, UPDATE, DELETE, JOIN 等,而且就算不小心玩壞了也不會造成任何損失,只要從新建一個新的就好,蠻推薦初學者充分利用這份資源的。

Last updated on  Oct 21, 2023  in  MySQL  by  Amo Chen  ‐ 1 min read

R File Manipulation

本篇為 R 語言學習筆記之一,檔案操作篇。

Posted on  May 30, 2017  in  R  by  Amo Chen  ‐ 1 min read

VIM Table Mode 輕鬆畫出好表格

寫註解時,偶爾需要用表格的方式進行表達比較清楚,但是自己純手工編排又很花時間。如果是 Vim 的使用者,這時候可以考慮使用 VIM Table Mode 來幫忙,省時又省力。

Last updated on  Sep 29, 2023  in  Vim  by  Amo Chen  ‐ 1 min read