![[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔](https://smlpoints.com/wp-content/uploads/guide-online-txt-editor-nute-1.jpg "[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔")
[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔
有時候要筆記一下東西，卻得額外開個記事本、備忘錄之類的，總是有一點麻煩。Nute 則是個使用起來簡單不囉嗦的網頁服務。同時所需的頻寬很小，在網路訊號不佳的地方也 Read More …
分類: 網頁開發 Web Development
![[筆記] Vue-Carousel 輕量化輪撥套件介紹](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue-Carousel 輕量化輪撥套件介紹")
[筆記] Vue-Carousel 輕量化輪撥套件介紹
說到 Carousel 輪撥系列的套件，Swiper 可以說是滿知名的一個，也有整合版的 Vue Awesome Swiper 可供使用。不過若你只是要簡單輕量 Read More …
![[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果](https://smlpoints.com/wp-content/uploads/guide-embed-responsively-help-google-maps-youtube-etc-with-responsive-effect-1.jpg "[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果")
[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果
最近常會有需要轉貼 Google Maps, Youtube, Vimeo 之類的 iFrame 到網頁上，或是內嵌到某個網站內。但是要從頭調整成滿版的 RWD Read More …
![[指南] Chart.js 前端圖表實用工具](https://smlpoints.com/wp-content/uploads/guide-chart-js-configuration-and-demo-1.jpg "[指南] Chart.js 前端圖表實用工具")
[指南] Chart.js 前端圖表實用工具
Chart.js 是個輕量且具備多樣化設定的 JavaScript Library，支援 8 種圖表類型，也支援混合圖表。在大數據的時代，資料視覺化變成一門顯學 Read More …
[筆記] 在 Vue 中正確引用 src/assets 裡的圖片
在 Vue 專案內放於 src/assets 裡面的圖片檔案，會在打包 npm run build 的時候一起被整合到最終的 img 資料夾。因此，若你要在 V Read More …
[筆記] 將 Vue 專案自動佈署到 Github Pages 上
每次完成了一個 Vue 專案，要佈署到 Github 上，往往要手動執行 npm run build 之類的指令才能看到結果。這樣的重複動作，是可以寫腳本 (S Read More …
![[筆記] 網頁跨平台文字設定 Font-Family](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] 網頁跨平台文字設定 Font-Family")
[筆記] 網頁跨平台文字設定 Font-Family
在網頁設定中，往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時，其字型究竟是怎樣被決定 Read More …
![[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器](https://smlpoints.com/wp-content/uploads/guide-dynamic-dummy-image-generator-1.jpg "[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器")
[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器
在進行排版時又沒有正式的圖片可用時，生個假圖來占位，是前端、網頁設計師很常利用的技巧之一。這回要介紹的是 Dynamic Dummy Image Generat Read More …
![[筆記] 使用 MySQL Workbench 操作 Heroku 上的 JawsDB MySQL](https://smlpoints.com/wp-content/uploads/notes-heroku-deployment-how-to-deploy-git-subdirectory-to-heroku-1.jpg "[筆記] 使用 MySQL Workbench 操作 Heroku 上的 JawsDB MySQL")
[筆記] 使用 MySQL Workbench 操作 Heroku 上的 JawsDB MySQL
遠端的資料庫和本機端最後還是維持相同家族比較好。由於本機端是使用 mySQL 語法，外加上要讓 MySQL Workbench 這套監控軟體可以正常運作，所以放 Read More …
