| 兩邊的前次修訂版前次修改
下次修改 | 前次修改
|
| computer:web:css [2023/04/24 06:10] – [應用] wm | computer:web:css [2025/04/06 17:05] (目前版本) – [Image] wm |
|---|
| * [[https://github.com/benschwarz/metaquery|metaQuery]] | * [[https://github.com/benschwarz/metaquery|metaQuery]] |
| * [[http://glenmaddern.com/metaquery-and-the-end-of-media-queries/|Metaquery and the end of media queries]] | * [[http://glenmaddern.com/metaquery-and-the-end-of-media-queries/|Metaquery and the end of media queries]] |
| * [[http://marcj.github.io/css-element-queries/|CSS Element Queries]] | |
| * [[http://elementqueries.com/|EQCSS]] | |
| * [[https://github.com/ausi/cq-prolyfill#container-queries-prolyfill|Container Queries Prolyfill]] | |
| * [[http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/|Responsive Web Design: What It Is and How To Use It]] | * [[http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/|Responsive Web Design: What It Is and How To Use It]] |
| * [[http://webdesignerwall.com/tutorials/adaptive-mobile-design-with-css3-media-queries|Adaptive & Mobile Design with CSS3 Media Queries]] | * [[http://webdesignerwall.com/tutorials/adaptive-mobile-design-with-css3-media-queries|Adaptive & Mobile Design with CSS3 Media Queries]] |
| * [[http://timkadlec.com/2012/04/media-query-asset-downloading-results/|Media Query & Asset Downloading Results]] | * [[http://timkadlec.com/2012/04/media-query-asset-downloading-results/|Media Query & Asset Downloading Results]] |
| * [[http://blog.w3conversions.com/2015/03/all-your-base-are-belong-to-us-%E2%80%94-or-what-base-size-do-em-based-media-queries-use/|All your base, are belong to us — or what base size do em-based media queries use?]] | * [[http://blog.w3conversions.com/2015/03/all-your-base-are-belong-to-us-%E2%80%94-or-what-base-size-do-em-based-media-queries-use/|All your base, are belong to us — or what base size do em-based media queries use?]] |
| | ====Container Query==== |
| | * [[http://marcj.github.io/css-element-queries/|CSS Element Queries]] |
| | * [[https://github.com/ausi/cq-prolyfill#container-queries-prolyfill|Container Queries Prolyfill]] |
| | ====Scope==== |
| | * [[https://fullystacked.net/posts/scope-in-css/|An introduction to @scope in CSS]] |
| ====Color==== | ====Color==== |
| * [[http://colours.neilorangepeel.com/|Colours]] | * [[http://colours.neilorangepeel.com/|Colours]] |
| * [[http://codepen.io/osublake/full/dMLQJr/|Animated Flexbox Playground]] | * [[http://codepen.io/osublake/full/dMLQJr/|Animated Flexbox Playground]] |
| * [[https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1|Flexbox Grid Finesse]] | * [[https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1|Flexbox Grid Finesse]] |
| * [[https://hackernoon.com/11-things-i-learned-reading-the-flexbox-spec-5f0c799c776b|11 things I learned reading the flexbox spec]] | * [[https://david-gilbertson.medium.com/11-things-i-learned-reading-the-flexbox-spec-5f0c799c776b|11 things I learned reading the flexbox spec]] |
| * [[https://gist.github.com/mczepiel/0a1a7af2a30f08a825f1|Is there a flex box related, display: "ignore" concept I'm missing somewhere?]] | * [[https://gist.github.com/mczepiel/0a1a7af2a30f08a825f1|Is there a flex box related, display: "ignore" concept I'm missing somewhere?]] |
| * [[https://www.chenhuijing.com/blog/flexbox-and-padding/|Flexbox and padding]] | * [[https://www.chenhuijing.com/blog/flexbox-and-padding/|Flexbox and padding]] |
| * [[http://css-tricks.com/stripes-css/|Stripes in CSS]] | * [[http://css-tricks.com/stripes-css/|Stripes in CSS]] |
| === Gradient === | === Gradient === |
| | * [[https://gradient.style/|CSS HD Gradients]] |
| * [[http://leaverou.github.io/conic-gradient/|CSS conic-gradient() polyfill]] | * [[http://leaverou.github.io/conic-gradient/|CSS conic-gradient() polyfill]] |
| * [[http://colinkeany.com/blend/|Blend]] | * [[http://colinkeany.com/blend/|Blend]] |
| * [[http://sarasoueidan.com/blog/compositing-and-blending-in-css/|Compositing And Blending In CSS]] | * [[http://sarasoueidan.com/blog/compositing-and-blending-in-css/|Compositing And Blending In CSS]] |
| * [[http://bitsofco.de/styling-broken-images/|Styling Broken Images]] | * [[http://bitsofco.de/styling-broken-images/|Styling Broken Images]] |
| | * [[https://leanrada.com/notes/css-only-lqip/|Minimal CSS-only blurry image placeholders]] |
| ===Filter=== | ===Filter=== |
| * [[http://css.dzone.com/articles/css3-image-filters|CSS3 Image Filters]] | * [[http://css.dzone.com/articles/css3-image-filters|CSS3 Image Filters]] |
| * [[http://css-blocks.com/|CSS Blocks]] | * [[http://css-blocks.com/|CSS Blocks]] |
| ====Framework==== | ====Framework==== |
| | * [[https://open-props.style/|Open Props]] |
| * [[http://usablica.github.io/front-end-frameworks/compare.html|CSS Front-end Frameworks]] | * [[http://usablica.github.io/front-end-frameworks/compare.html|CSS Front-end Frameworks]] |
| * [[http://css.hanzi.co/|漢字標準格式]] | * [[http://css.hanzi.co/|漢字標準格式]] |
| * [[http://typeplate.com/|Typeplate]] | * [[http://typeplate.com/|Typeplate]] |
| * [[http://purecss.io/|Pure]] | * [[http://purecss.io/|Pure]] |
| | * [[https://picocss.com/|Pico CSS]] |
| * [[http://www.basscss.com/|Basscss]] | * [[http://www.basscss.com/|Basscss]] |
| * [[http://inuitcss.com/|inuit.css]] | * [[http://inuitcss.com/|inuit.css]] |
| * [[https://nemzes.net/posts/animating-height-auto/|Animating height: auto]] | * [[https://nemzes.net/posts/animating-height-auto/|Animating height: auto]] |
| =====工具===== | =====工具===== |
| | * [[https://lightningcss.dev/|Lightning CSS]] |
| * [[https://github.com/morishitter/stylefmt|stylefmt]] | * [[https://github.com/morishitter/stylefmt|stylefmt]] |
| * [[http://howtocenterincss.com/|How to Center in CSS]] | * [[http://howtocenterincss.com/|How to Center in CSS]] |
