Skip to content

Instantly share code, notes, and snippets.

View jackyu's full-sized avatar

Jack Yu jackyu

  • anue
  • Taiwan, Taipei
View GitHub Profile
@jackyu
jackyu / note_em_vs_px.md
Created May 8, 2021 16:45
[筆記][CSS] em vs px

3 More LIfe-Changing CSS Tips

3 More LIfe-Changing CSS Tips

USE RELATIVE UNITS

  • px: Fixed
h1 { font-size: 32px; }
@jackyu
jackyu / note_rwd_vs_awd.md
Created May 8, 2021 16:44
[筆記][CSS] RWD vs AWD

RWD vs AWD

情境

購物網站: 若在手機上、在電腦上,同樣在 Google 輸入「思考 書」,Google 搜尋結果給的都是一樣的建議,但我點進去看的頁面,卻有很大的不同

sample

產品品牌網站: Google 搜尋「耳機」,在搜尋結果中,找到 BOSE 耳機的推薦,點進頁面後,在手機上與電腦上,是一致的視覺介面

@jackyu
jackyu / note_working_services_and_tools.md
Last active May 8, 2021 09:28
[筆記][其它] 記錄工作常用工具和服務

常用工具

V1

  • 程式開發: Sublime Text 2
    • 搭配套件: Auto Encoding for Ruby、
  • 版本控管: Git
  • Terminal: iTerm
    • 搭配 oh-my-zsh、screen
  • 資料庫管理: Navicat
@jackyu
jackyu / note_recommend_visual_code_extensions.md
Last active May 8, 2021 09:29
[筆記][其它] 好用的 Visual Code Extension
@jackyu
jackyu / note_code_review_checklist.md
Last active May 8, 2021 09:29 — forked from bigsergey/review-checklist.md
[筆記][CodeReview] Front-end Code Review Checklist

Review checklist

General

  1. Does the code work?
  2. Description of the project status is included.
  3. Code is easily understand.
  4. Code is written following the coding standarts/guidelines (React in our case).
  5. Code is in sync with existing code patterns/technologies.
  6. DRY. Is the same code duplicated more than twice?
@jackyu
jackyu / note_what_is_ads.md
Last active May 8, 2021 09:28
[筆記][其它] 什麼是 ads.txt.md

什麼是 ads.txt

  • 美國互動廣告局科技實驗室 (IAB Tech Lab) 主持的一項計劃,發展出了一個名為 ads.txt(Authorized Digital Sellers)的解決方案,將一個格式化文件植入媒體網站的網域中,宣告誰有權利銷售該媒體的廣告版位
  • 確保您的數位廣告空間只透過獲得您授權的賣家 (例如 AdSense) 出售
  • 防止虛假的 Ad Exchange 將低價購入的廣告版位以主流媒體之名高價賣出
  • Google 正是此計劃的主要推手之一
  • ads.txt 要放在網站根目錄當中,是一個 txt 的文字檔
  • 包括 Google 在內的所有廣告聯播網都有智能 AI 系統定期偵測網站是否有正確放置 ads.txt,以保護廣告主、廣告代理商及站長三方的權益
  • 如果您有使用各家廣告聯播網,但是沒有按照正確的方式放置ads.txt的話,廣告沒有正常顯示,就不會是廣告聯播網的問題了喔
  • 放置好 ads.txt 之後,24 小時內 Google 會檢索一次
@jackyu
jackyu / note_css_keyframes.md
Last active May 8, 2021 16:46
[筆記][CSS] CSS 動畫 - @Keyframes 使用
@jackyu
jackyu / note_node-sass_command_failed.md
Last active May 8, 2021 09:33
[筆記][錯誤解決] node-sass: Command failed 錯誤

node-sass: Command failed

最近嘗試執行公司的專案時,因專案需要的 node 版本是鎖定在 8.11.4,在執行 yarn install 的過程時,發生以下錯誤:

warning Error running install script for optional dependency: "/Users/user/Documents/project/fe-desktop/node_modules/fsevents: Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build
Arguments:
Directory: /Users/user/Documents/project/fe-desktop/node_modules/fsevents
@jackyu
jackyu / note_pow_server_setup.md
Last active May 8, 2021 16:43
[筆記][Server] POW Server 安裝和執行命令

POW

Pow is a zero-config Rack server for Mac OS X.

安裝 POW Server

$ curl get.pow.cx | sh
@jackyu
jackyu / note_nginx_command.md
Last active May 8, 2021 16:42
[筆記][Server] Nginx 常用指令

重啟 Nginx

$ nginx -s reload

停止 Nginx

$ nginx -s start