René's URL Explorer Experiment


Title: 程式碼編寫指南，由 @mdo 撰寫

Open Graph Title: 程式碼編寫指南

X Title: 程式碼編寫指南

Description: 一致、有彈性且能長期維護的 HTML、CSS 開發標準

Open Graph Description: 一致、有彈性且能長期維護的 HTML、CSS 開發標準。

X Description: 一致、有彈性且能長期維護的 HTML、CSS 開發標準。

direct link

Domain: codeguide.intersection.tw

og:imagehttps://codeguide.intersection.tw/code-guide-social.png
og:image:width2000
og:image:height1000
twitter:cardsummary_large_image
twitter:creator@mdo
twitter:imagehttps://codeguide.intersection.tw/code-guide-social.png

Links:

@mdohttps://markdotto.com
GitHub 網址https://github.com/mdo/code-guide/
HTMLhttps://codeguide.intersection.tw#html
HTML 語法https://codeguide.intersection.tw#html-syntax
HTML5 Doctypehttps://codeguide.intersection.tw#html5-doctype
語言屬性https://codeguide.intersection.tw#language-attribute
IE 相容模式https://codeguide.intersection.tw#ie-compatibility-mode
字元編碼https://codeguide.intersection.tw#character-encoding
附上 CSS 和 JavaScripthttps://codeguide.intersection.tw#css-and-javascript-includes
實用性優先於純粹性https://codeguide.intersection.tw#practicality-over-purity
屬性順序https://codeguide.intersection.tw#attribute-order
二元屬性https://codeguide.intersection.tw#boolean-attributes
精簡標記使用https://codeguide.intersection.tw#reduce-markup
編輯器偏好設定https://codeguide.intersection.tw#editor-preferences
CSShttps://codeguide.intersection.tw#css
CSS 語法https://codeguide.intersection.tw#css-syntax
宣告順序https://codeguide.intersection.tw#declaration-order
顏色https://codeguide.intersection.tw#colors
邏輯屬性https://codeguide.intersection.tw#logical-properties
避免使用 @importhttps://codeguide.intersection.tw#avoid-imports
Media Query 放置方法https://codeguide.intersection.tw#media-query-placement
單一宣告https://codeguide.intersection.tw#single-declarations
捷徑語法標記https://codeguide.intersection.tw#shorthand-notation
在預處理器使用巢狀結構https://codeguide.intersection.tw#nesting-in-preprocessors
在預處理器使用運算子https://codeguide.intersection.tw#operators-in-preprocessors
註解https://codeguide.intersection.tw#comments
Class 名稱https://codeguide.intersection.tw#class-names
選擇器https://codeguide.intersection.tw#selectors
子代與後代選擇器https://codeguide.intersection.tw#child-and-descendant-selectors
組織結構https://codeguide.intersection.tw#organization
在 Github 開 Issuehttps://github.com/mdo/code-guide/issues/new
請點此https://github.com/intersection-tw/code-guide/issues/new
HTML5 規格https://html.spec.whatwg.org/multipage/syntax.html#syntax-start-tag
標準模式https://developer.mozilla.org/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode
規格https://html.spec.whatwg.org/multipage/semantics.html#the-html-element
語言代碼清單https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
很讚的 Stack Overflow 文章https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do
使用 linkhttps://www.w3.org/TR/2011/WD-html5-20110525/semantics.html#the-link-element
使用 stylehttps://www.w3.org/TR/2011/WD-html5-20110525/semantics.html#the-style-element
使用 scripthttps://www.w3.org/TR/2011/WD-html5-20110525/scripting-1.html#the-script-element
WhatWG 這段，對二元屬性的意見https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes
Bootstraphttps://github.com/twbs/bootstrap/blob/main/.editorconfig
EditorConfighttps://editorconfig.org
詳見顏色段落https://codeguide.intersection.tw#colors
只有一些特定情況才不必這樣做https://mathiasbynens.be/notes/unquoted-attribute-values#css
階層式樣式表的語法段落https://en.wikipedia.org/wiki/Cascading_Style_Sheets#Syntax
box-sizinghttps://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
Bootstraphttps://getbootstrap.com
Stylelint 屬性順序https://github.com/stormwarning/stylelint-config-recess-order
Writing Modehttps://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode
CSS Logical Properties and Values – MDNhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
CSS Logical Properties and Values — CSS Trickshttps://css-tricks.com/css-logical-properties-and-values/
CSS Writing Modes – MDNhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Writing_Modes
CSS Color Levels 4https://www.w3.org/TR/css-color-4/
WCAG 的最小對比度https://webaim.org/articles/contrast/
Smashing Magazine - A Guide To Modern CSS Colorshttps://www.smashingmagazine.com/2021/11/guide-modern-css-colors/
rgb() - MDNhttps://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb
Sasshttps://sass-lang.com/
Lesshttps://lesscss.org/
閱讀 Steve Souders 的文章https://www.stevesouders.com/blog/2009/04/09/dont-use-import/
捷徑屬性https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties
Nesting in Sass and Lesshttps://markdotto.com/2015/07/20/css-nesting/
Scope CSS classes with prefixeshttps://markdotto.com/2012/02/16/scope-css-classes-with-prefixes/
Stop the cascadehttps://markdotto.com/2012/03/02/stop-the-cascade/
子代組合語法 (>)https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator
@mdohttps://twitter.com/mdo
Code Guidehttps://codeguide.co/
ymcheunghttps://github.com/ymcheung
追蹤 @mdohttps://twitter.com/mdo
推文https://twitter.com/share

Viewport: width=device-width, initial-scale=1.0

URLs of crawlers that visited me.