René's URL Explorer Experiment

Title: GitHub - EngineLin/Front-End-Checklist: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單

Open Graph Title: GitHub - EngineLin/Front-End-Checklist: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單

X Title: GitHub - EngineLin/Front-End-Checklist: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單

Description: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單. Contribute to EngineLin/Front-End-Checklist development by creating an account on GitHub.

Open Graph Description: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單. Contribute to EngineLin/Front-End-Checklist development by creating an account on GitHub.

X Description: 🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單. Contribute to EngineLin/Front-End-Checklist development by creating an account on GitHub.

Opengraph URL: https://github.com/EngineLin/Front-End-Checklist

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:dc54fd60-a489-dcd0-c940-5961855c34b2
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	A276:3C31D6:297F46C:377035B:697AD4A7
html-safe-nonce	3d9810391359a8220f7001d768dd25727004c8394bccd08ee4c2878cbe0018fe
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBMjc2OjNDMzFENjoyOTdGNDZDOjM3NzAzNUI6Njk3QUQ0QTciLCJ2aXNpdG9yX2lkIjoiODUzNDg3OTUxNjgzMTE3NTg0NyIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac	4c40f4d1832d62f1afe1646e96eec154fc125b131268cb2368f8838351ad00c3
hovercard-subject-tag	repository:108122409
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/EngineLin/Front-End-Checklist
twitter:image	https://opengraph.githubassets.com/3d76122282687fab086aa419f4bc43be9c07cdf0e9cfc91131c4e724bcd136a3/EngineLin/Front-End-Checklist
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/3d76122282687fab086aa419f4bc43be9c07cdf0e9cfc91131c4e724bcd136a3/EngineLin/Front-End-Checklist
og:image:alt	🗂 給現代網站及細膩開發者使用，超棒的前端開發者清單. Contribute to EngineLin/Front-End-Checklist development by creating an account on GitHub.
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	4af1ba0e68200258a80b0c5ab34f12a78bf48372a377a11e14eb668863c03b3a
turbo-cache-control	no-preview
go-import	github.com/EngineLin/Front-End-Checklist git https://github.com/EngineLin/Front-End-Checklist.git
octolytics-dimension-user_id	30394570
octolytics-dimension-user_login	EngineLin
octolytics-dimension-repository_id	108122409
octolytics-dimension-repository_nwo	EngineLin/Front-End-Checklist
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	107111421
octolytics-dimension-repository_parent_nwo	thedaviddias/Front-End-Checklist
octolytics-dimension-repository_network_root_id	107111421
octolytics-dimension-repository_network_root_nwo	thedaviddias/Front-End-Checklist
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	353b231ffaec2de44db15b2e82887804ede7c21e
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#start-of-content
	https://patch-diff.githubusercontent.com/
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FEngineLin%2FFront-End-Checklist
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub SparkBuild and deploy intelligent apps	https://github.com/features/spark
GitHub ModelsManage and compare prompts	https://github.com/features/models
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FEngineLin%2FFront-End-Checklist
Sign up	https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=EngineLin%2FFront-End-Checklist
Reload	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Reload	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Reload	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
EngineLin	https://patch-diff.githubusercontent.com/EngineLin
Front-End-Checklist	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
thedaviddias/Front-End-Checklist	https://patch-diff.githubusercontent.com/thedaviddias/Front-End-Checklist
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2FEngineLin%2FFront-End-Checklist
Fork 102	https://patch-diff.githubusercontent.com/login?return_to=%2FEngineLin%2FFront-End-Checklist
Star 423	https://patch-diff.githubusercontent.com/login?return_to=%2FEngineLin%2FFront-End-Checklist
frontendchecklist.io	https://frontendchecklist.io
CC0-1.0 license	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/LICENSE
423 stars	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/stargazers
6.6k forks	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/forks
Branches	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/branches
Tags	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/tags
Activity	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/activity
Star	https://patch-diff.githubusercontent.com/login?return_to=%2FEngineLin%2FFront-End-Checklist
Notifications	https://patch-diff.githubusercontent.com/login?return_to=%2FEngineLin%2FFront-End-Checklist
Code	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Issues 0	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/issues
Pull requests 1	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/pulls
Actions	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/actions
Projects 0	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/projects
Wiki	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/wiki
Security 0	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/security
Insights	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/pulse
Code	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Issues	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/issues
Pull requests	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/pulls
Actions	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/actions
Projects	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/projects
Wiki	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/wiki
Security	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/security
Insights	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/pulse
Branches	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/branches
Tags	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/tags
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/branches
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/tags
195 Commits	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/commits/master/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/commits/master/
CNAME	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/CNAME
CNAME	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/CNAME
CODE_OF_CONDUCT.md	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/CODE_OF_CONDUCT.md
LICENSE	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/LICENSE
LICENSE	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/LICENSE
README.md	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/README.md
README.md	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/README.md
_config.yml	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/_config.yml
_config.yml	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/blob/master/_config.yml
README	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Code of conduct	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
CC0-1.0 license	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#前端開發者清單
https://frontendchecklist.io	https://frontendchecklist.io
front-end climbing	https://enginelin.github.io/front-end-climbing/
	https://gitter.im/Front-End-Checklist/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge
	https://github.com/thedaviddias/Front-End-Checklist/
	https://github.com/thedaviddias/Front-End-Checklist/graphs/contributors
	https://stackshare.io/thedaviddias/front-end-checklist
	https://creativecommons.org/publicdomain/zero/1.0/
	https://www.producthunt.com/posts/front-end-checklist
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#目錄
Head	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#head
HTML	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#html
Webfonts	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#webfonts
CSS	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#css
Images	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#images
JavaScript	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#javascript
Security	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#security
Performance	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#performance-1
Accessibility	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#accessibility
SEO	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#seo
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#使用方式
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#head
一份列表	https://github.com/joshbuchea/HEAD
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#meta-標籤
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
決定字符編碼 - HTML5 W3C	https://www.w3.org/TR/html5/syntax.html#determining-the-character-encoding
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
指定文件的繼承模式 (Internet Explorer)	https://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Title - HTML - MDN	https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title
SERP Snippet Generator	https://www.sistrix.com/serp-snippet-generator/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Meta Description - HTML - MDN	https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Adding_an_author_and_description
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Favicon 產生器	https://www.favicon-generator.org/
真正的 Favicon 產生器 (RealFaviconGenerator)	https://realfavicongenerator.net/
Favicon 小抄	https://github.com/audreyr/favicon-cheat-sheet
Favicons、手機觸控按鈕、標題標誌...等等。你需要哪一個? - CSS Tricks	https://css-tricks.com/favicon-quiz/
PNG favicons - caniuse	https://caniuse.com/#feat=link-icon-png
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
搞懂網頁應用程式	https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
瀏覽器的配置模式參考	https://msdn.microsoft.com/en-us/library/dn320426(v=vs.85).aspx
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Use canonical URLs - Search Console Help - Google Support	https://support.google.com/webmasters/answer/139066?hl=en
rel=canonical 常見的五個錯誤 - Google Webmaster Blog	https://webmasters.googleblog.com/2013/04/5-common-mistakes-with-relcanonical.html
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#html-標籤
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
dir - HTML - MDN	https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
關於 conditional comments (Internet Explorer) - MSDN - Microsoft	https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Critical by Addy Osmani on Github	https://github.com/addyosmani/critical
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#社交-meta
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
網頁大師的分享指南	https://developers.facebook.com/docs/sharing/webmasters/
Best Practices - Sharing	https://developers.facebook.com/docs/sharing/best-practices/
Facebook OG testing	https://developers.facebook.com/tools/debug/
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
Twitter card 入門 — Twitter Developers	https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started
Twitter card validator	https://cards-dev.twitter.com/validator
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#html
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
HTML 參考	http://htmlreference.io/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
關於 rel=noopener	https://mathiasbynens.github.io/rel-noopener/
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#html-測試
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
W3C 檢測器	https://validator.w3.org/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
髒亂程式碼修飾器	https://dirtymarkup.com/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
W3C 連結確認器	https://validator.w3.org/checklink
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#網頁字體
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
WOFF - 網頁開放字體格式 - Caniuse	https://caniuse.com/#feat=woff
WOFF 2.0 - 網頁開放字體格式 - Caniuse	https://caniuse.com/#feat=woff2
TTF/OTF - TrueType 字體及 OpenTyps 字體的支援狀況	https://caniuse.com/#feat=ttf
Using @font-face - CSS-Tricks	https://css-tricks.com/snippets/css/using-font-face/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
Typekit Web Font Loader	https://github.com/typekit/webfontloader
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#css
CSS 指南	https://cssguidelin.es/
Sass 指南	https://sass-guidelin.es/
CSS 參考	http://cssreference.io/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Sass	http://sass-lang.com/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Reset.css	https://meyerweb.com/eric/tools/css/reset/
Normalize.css	https://necolas.github.io/normalize.css/
Reboot	https://getbootstrap.com/docs/4.0/content/reboot/
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
線上 CSS 自動前置語言生成器	https://autoprefixer.github.io/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#效能
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
透過 filament group 進行 loadCSS	https://github.com/filamentgroup/loadCSS
使用 loadCSS 預載入 CSS 的例子	https://gist.github.com/thedaviddias/c24763b82b9991e53928e66a0bafc9bf
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
UnCSS Online	https://uncss-online.com/
PurifyCSS	https://github.com/purifycss/purifycss
Chrome 開發者工具 Coverage	https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#css-測試
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
stylelint, a CSS linter	https://stylelint.io/
Sass 指南	https://sass-guidelin.es/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
CSS 檢測器	https://jigsaw.w3.org/css-validator/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
完美像素 - Chrome 擴充軟件	https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=en
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Building RTL-Aware Web Apps & Websites: Part 1 - Mozilla Hacks	https://hacks.mozilla.org/2015/09/building-rtl-aware-web-apps-and-websites-part-1/
Building RTL-Aware Web Apps & Websites: Part 2 - Mozilla Hacks	https://hacks.mozilla.org/2015/10/building-rtl-aware-web-apps-websites-part-2/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#images
Essential Image Optimization	https://images.guide/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法-1
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Imagemin	https://github.com/imagemin/imagemin
ImageOptim	https://imageoptim.com/
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
如何使用 srcset 打造響應式圖片	https://www.sitepoint.com/how-to-build-responsive-images-with-srcset/
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Alt-texts: The Ultimate Guide	https://axesslab.com/alt-texts/
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#javascript
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法-2
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
壓縮的資源 (HTML、CSS 跟 JavaScript)	https://developers.google.com/speed/docs/insights/MinifyResources
利用 JavaScript 開發安全應用程式的指南	https://www.owasp.org/index.php/DOM_based_XSS_Prevention_Cheat_Sheet#Guidelines_for_Developing_Secure_Applications_Utilizing_JavaScript
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
移除干擾渲染的 JavaScript	https://developers.google.com/speed/docs/insights/BlockingJS
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
客製化你的 Modernizr	https://modernizr.com/download?setclasses
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#javascript-測試
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
ESLint - 針對 JavaScript 跟 JSXThe 的實用套件程式	https://eslint.org/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#security
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#檢視你的網站
securityheaders.io	https://securityheaders.io/
Observatory by Mozilla	https://observatory.mozilla.org/
ASafaWeb - ASP.NET 網頁的安全性自動分析器	https://asafaweb.com/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法-3
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
來加密吧 - SSL/TLS 的免費證書	https://letsencrypt.org/
免費的 SSL 服務測試	https://www.ssllabs.com/ssltest/index.html
嚴格的傳輸安全	http://caniuse.com/#feat=stricttransportsecurity
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
檢查 HSTS 的預載入狀況與權限	https://hstspreload.org/
HTTP Strict Transport Security 小抄 - OWASP	https://www.owasp.org/index.php/HTTP_Strict_Transport_Security_Cheat_Sheet
保護傳輸面的小抄 - OWASP	https://www.owasp.org/index.php/Transport_Layer_Protection_Cheat_Sheet
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Cross-Site Request Forgery (CSRF) 對抗小抄 - OWASP	https://www.owasp.org/index.php/Cross-Site_Request_Forgery_(CSRF)_Prevention_Cheat_Sheet
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
XSS (Cross Site Scripting) 對抗小抄 - OWASP	https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet
XSS 基於 DOM 的對抗小抄 - OWASP	https://www.owasp.org/index.php/DOM_based_XSS_Prevention_Cheat_Sheet
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
X-Content-Type-Options - Scott Helme	https://scotthelme.co.uk/hardening-your-http-response-headers/#x-content-type-options
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
X-Frame-Options - Scott Helme	https://scotthelme.co.uk/hardening-your-http-response-headers/#x-frame-options
RFC7034 - HTTP Header Field X-Frame-Options	https://tools.ietf.org/html/rfc7034
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#performance
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法-4
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
網站頁面分析	https://tools.pingdom.com
大小限制器: 讓網站更輕點	https://evilmartians.com/chronicles/size-limit-make-the-web-lighter
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
W3C 檢測器	https://validator.w3.org/
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Cookie 規格: RFC 6265	https://tools.ietf.org/html/rfc6265
Cookies	https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies
瀏覽器 Cookie 限制	http://browsercookielimits.squawky.net/
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
簡單的分享按鈕產生器	https://simplesharingbuttons.com/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#準備迎接接下來的請求
下方技術的解釋	https://css-tricks.com/prefetching-preloading-prebrowsing/
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
	https://camo.githubusercontent.com/b9af3f8104683ba9c988f455437afbe0b8d13dd113d1f7c608f3078349e3020e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6c6f772e706e67
prefetch 與 preload 的不同點	https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#效能測試
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Google 頁面速度檢測	https://developers.google.com/speed/pagespeed/insights/
利用 Google 測驗頁面在手機上的速度	https://testmysite.withgoogle.com
WebPagetest - 網站的優化與效能測試	https://www.webpagetest.org/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#accessibility
A11ycasts with Rob Dodson	https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#最佳寫法-5
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Chrome 開發者工具的 Enable / Disable JavaScript	https://www.youtube.com/watch?v=kBmvq2cE0D8
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
對比值	https://leaverou.github.io/contrast-ratio/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#headings
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
為何標題跟地標如此重要 -- A11ycasts #18	https://www.youtube.com/watch?v=vAAzdi1xuUY&index=9&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#landmarks
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
使用 ARIA landmarks 劃分頁面的區塊	https://www.w3.org/WAI/GL/wiki/Using_ARIA_landmarks_to_identify_regions_of_a_page
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#語意
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
手機 input 標籤類型	http://mobileinputtypes.com/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#form
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
使用 aria-label 屬性 - MDN	https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#accessibility-測試
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Wave 測試	http://wave.webaim.org/
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
管理 Focus - A11ycasts #22	https://www.youtube.com/watch?v=srLRSQg6Jgg&index=5&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#seo
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
Google Robots 測試工具	https://www.google.com/webmasters/tools/robots-testing-tool
	https://camo.githubusercontent.com/180af67575647c65d1a37349538be3e0437cf55f4481cd8b90d5b840447c8e9e/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d686967682e706e67
介紹 Structured Data - Search - Google Developers	https://developers.google.com/search/docs/guides/intro-structured-data
Structured Data Testing Tool	https://developers.google.com/structured-data/testing-tool/
Schema.org Full Heirarchy	http://schema.org/docs/full.html
	https://camo.githubusercontent.com/6a14803c499603fe8ecbe084179011d25238502cc395448016ea987dc7eaac28/687474703a2f2f7265732e636c6f7564696e6172792e636f6d2f646a6e79616c6f61632f696d6167652f75706c6f61642f76313530383233383833362f6c6576656c2d636865636b6c6973742d6d656469756d2e706e67
Sitemap 指南 - Google Support	https://support.google.com/webmasters/answer/183668?hl=en
Sitemap 檢測器	https://websiteseochecker.com/html-sitemap-generator/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#translation
miya0001/Front-End-Checklist	https://github.com/miya0001/Front-End-Checklist
eoasakura/Front-End-Checklist-ES	https://github.com/eoasakura/Front-End-Checklist-ES
JohnsenZhou/Front-End-Checklist	https://github.com/JohnsenZhou/Front-End-Checklist
kesuskim/Front-End-Checklist	https://github.com/kesuskim/Front-End-Checklist
jcezarms/Front-End-Checklist	https://github.com/jcezarms/Front-End-Checklist
euclid1990/Front-End-Checklist	https://github.com/euclid1990/Front-End-Checklist
EngineLin/Front-End-Checklist	https://github.com/EngineLin/Front-End-Checklist
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#front-end-checklist-勛章
	https://github.com/thedaviddias/Front-End-Checklist/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#contributing
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#guide
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#1-master
Front-End Checklist	http://frontendchecklist.com/
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#2-develop
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#contributors
contributors	https://github.com/thedaviddias/frontendchecklist/graphs/contributors
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#support
Chat on Gitter	https://gitter.im/Front-End-Checklist/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link
Facebook	https://www.facebook.com/frontendchecklist/
Twitter	https://twitter.com/thedaviddias
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#authors
David Dias	https://github.com/thedaviddias/Front-End-Checklist
	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#license
	https://creativecommons.org/publicdomain/zero/1.0/
⬆ back to top	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#table-of-contents
frontendchecklist.io	https://frontendchecklist.io
Readme	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#readme-ov-file
CC0-1.0 license	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#CC0-1.0-1-ov-file
Code of conduct	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist#coc-ov-file
Please reload this page	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
Activity	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/activity
423 stars	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/stargazers
25 watching	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/watchers
102 forks	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/forks
Report repository	https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FEngineLin%2FFront-End-Checklist&report=EngineLin+%28user%29
Releases	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist/releases
Packages 0	https://patch-diff.githubusercontent.com/users/EngineLin/packages?repo_name=Front-End-Checklist
Please reload this page	https://patch-diff.githubusercontent.com/EngineLin/Front-End-Checklist
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.