675 Matching Annotations
  1. Aug 2023
  2. svelte.dev svelte.dev
    Unlocking view transitions in SvelteKit 1.24
    1
    1. kael 31 Aug 2023
      sveltejs sveltekit css css:view-transitions
    Visit annotations in context

    Tags

    Annotators

    URL

    svelte.dev/blog/view-transitions
  3. www.youtube.com www.youtube.com
    Bringing page transitions to the web
    1
    1. kael 31 Aug 2023
      css:view-transitions css js
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  4. css-tricks.com css-tricks.com
    What I Like About Writing Styles with Svelte | CSS-Tricks
    1
    1. kael 23 Aug 2023
      sveltejs css sass
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/what-i-like-about-writing-styles-with-svelte/
  5. 24ways.org 24ways.org
    Christmas Gifts for Your Future Self: Testing the Web Platform
    1
    1. kael 19 Aug 2023
      wpt testing css html
    Visit annotations in context

    Tags

    Annotators

    URL

    24ways.org/2017/testing-the-web-platform/
  6. github.com github.com
    web-platform-tests/wpt: Test suites for Web platform specs — including WHATWG, W3C, and others
    1
    1. kael 19 Aug 2023
      wpt testing specifications html js css
    Visit annotations in context

    Tags

    Annotators

    URL

    github.com/web-platform-tests/wpt
  7. web-platform-tests.org web-platform-tests.org
    web-platform-tests documentation — web-platform-tests documentation
    1
    1. kael 19 Aug 2023
      wpt testing specifications html js css
    Visit annotations in context

    Tags

    Annotators

    URL

    web-platform-tests.org/
  8. cheatsheetseries.owasp.org cheatsheetseries.owasp.org
    Cross Site Scripting Prevention - OWASP Cheat Sheet Series
    1
    1. kael 10 Aug 2023
      xss security html html:data-* css js wikipedia:en=Cross-site_scripting
    Visit annotations in context

    Tags

    Annotators

    URL

    cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html
  9. stackoverflow.com stackoverflow.com
    Performance difference between JavaScript created inline styles and JavaScript created stylesheets
    1
    1. kael 02 Aug 2023
      css js perf
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/42428311/performance-difference-between-javascript-created-inline-styles-and-javascript-c
  10. stackoverflow.com stackoverflow.com
    External CSS vs inline style performance difference?
    1
    1. kael 02 Aug 2023
      css perf
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference
  11. medium.com medium.com
    How to get rid of the Flash Of Unstyled Content?
    1
    1. kael 01 Aug 2023

      ```html

      <body style="visibility: hidden;"> <script>0</script> </body> <noscript> <style>body { visibility: visible; }</style> </noscript>

      ```

      html css js wikipedia:en=FOUC
    Visit annotations in context

    Tags

    Annotators

    URL

    medium.com/@fbnlsr/how-to-get-rid-of-the-flash-of-unstyled-content-d6b79bf5d75f
  12. Jul 2023
  13. gist.github.com gist.github.com
    The truth about Svelte
    1
    1. kael 20 Jul 2023
      sveltejs html js css
    Visit annotations in context

    Tags

    Annotators

    URL

    gist.github.com/Rich-Harris/0f910048478c2a6505d1c32185b61934
  14. flowchart.fun flowchart.fun
    Flowchart Fun
    1
    1. kael 18 Jul 2023
      css diagrams workflows wikipedia:en=Flowchart css:target-arrow-shape css:source-arrow-shape css:curve-style css:line-style css:text-valign css:text-halign css:shape
    Visit annotations in context

    Tags

    Annotators

    URL

    flowchart.fun/
  15. stackoverflow.com stackoverflow.com
    What's the differences between rendering and painting event in Chrome DevTool Timeline View
    1
    1. kael 17 Jul 2023
      chrome devtools debugging perf html css
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/18709615/whats-the-differences-between-rendering-and-painting-event-in-chrome-devtool-ti
  16. developer.chrome.com developer.chrome.com
    Discover issues with rendering performance - Chrome Developers
    1
    1. kael 17 Jul 2023

      chrome devtools debugging perf html css
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.chrome.com/docs/devtools/rendering/performance/
  17. firefox-source-docs.mozilla.org firefox-source-docs.mozilla.org
    CSS Grid Inspector: Examine grid layouts — Firefox Source Docs documentation
    1
    1. kael 12 Jul 2023
      firefox devtools html css css:grid
    Visit annotations in context

    Tags

    Annotators

    URL

    firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_grid_layouts/index.html
  18. developer.mozilla.org developer.mozilla.org
    Basic concepts of grid layout - CSS: Cascading Style Sheets | MDN
    1
    1. kael 12 Jul 2023
      css:grid css html
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout
  19. Jun 2023
  20. codepen.io codepen.io
    Table of Contents - Final
    1
    1. kael 30 Jun 2023
      html css <ol/> css:list-style-type=none css:padding-inline-start css::after css:margin-block-start css:font-variant-numeric
    Visit annotations in context

    Tags

    Annotators

    URL

    codepen.io/nzakas/pen/rNJaeMo
  21. css-tricks.com css-tricks.com
    A Perfect Table of Contents With HTML + CSS | CSS-Tricks
    1
    1. kael 30 Jun 2023
      html css <ol/> css:list-style-type=none css:padding-inline-start css:after css:margin-block-start css:font-variant-numeric
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/a-perfect-table-of-contents-with-html-css/
  22. ishadeed.com ishadeed.com
    Future CSS: State Container Queries - Ahmad Shadeed
    1
    1. kael 29 Jun 2023
      css css:@container
    Visit annotations in context

    Tags

    Annotators

    URL

    ishadeed.com/article/css-state-queries/
  23. postcss.org postcss.org
    PostCSS Documentation
    1
    1. kael 24 Jun 2023
      postcss js css wikipedia:en=PostCSS
    Visit annotations in context

    Tags

    Annotators

    URL

    postcss.org/docs/
  24. May 2023
  25. developer.mozilla.org developer.mozilla.org
    Using the Popover API - Web APIs | MDN
    1
    1. kael 24 May 2023
      html js <div popover/> js:popover css::backdrop css:popover-open
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using
  26. developer.mozilla.org developer.mozilla.org
    Popover API - Web APIs | MDN
    1
    1. kael 24 May 2023
      html js <div popover/> js:popover css::backdrop css:popover-open
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/API/Popover_API
  27. alistapart.com alistapart.com
    Quantity Queries for CSS
    1
    1. kael 18 May 2023
      css css:only-of-type css:first-child css:nth-child() css:nth-last-child()
    Visit annotations in context

    Tags

    Annotators

    URL

    alistapart.com/article/quantity-queries-for-css/
  28. ishadeed.com ishadeed.com
    Conditional CSS with :has and :nth-last-child - Ahmad Shadeed
    1
    1. kael 18 May 2023
      css css:has() css:nth-last-child()
    Visit annotations in context

    Tags

    Annotators

    URL

    ishadeed.com/article/conditional-css-has-nth-last-child/
  29. Apr 2023
  30. developer.mozilla.org developer.mozilla.org
    At-rules - CSS: Cascading Style Sheets | MDN
    1
    1. kael 21 Apr 2023
      css css:@-rules
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/At-rule
  31. developer.mozilla.org developer.mozilla.org
    Using media queries
    1
    1. kael 21 Apr 2023
      css css:media-queries
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
  32. developer.mozilla.org developer.mozilla.org
    Beginner's guide to media queries
    1
    1. kael 21 Apr 2023
      css css:media-queries
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries
  33. developer.mozilla.org developer.mozilla.org
    Responsive design
    1
    1. kael 21 Apr 2023
      css css:media-queries
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
  34. nitayneeman.com nitayneeman.com
    React - Combining Server-Side Rendering and Responsive Design
    1
    1. kael 21 Apr 2023
      ssr css css:media-queries http:header=user-agent css:@-rules
    Visit annotations in context

    Tags

    Annotators

    URL

    nitayneeman.com/posts/combining-server-side-rendering-and-responsive-design-using-react/
  35. x.st x.st
    Spinning Diagrams with CSS
    1
    1. kael 21 Apr 2023
      html css 3d diagrams
    Visit annotations in context

    Tags

    Annotators

    URL

    x.st/spinning-diagrams-with-css/
  36. Mar 2023
  37. web.dev web.dev
    min(), max(), and clamp(): three logical CSS functions to use today
    1
    1. kael 28 Mar 2023
      css:min() css:max() css:clamp() css math
    Visit annotations in context

    Tags

    Annotators

    URL

    web.dev/min-max-clamp/
  38. www.w3.org www.w3.org
    CSS Values and Units Module Level 4
    1
    1. kael 28 Mar 2023
      css-values css math geometry trigonometry metrology colors
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/css-values-4/
  39. web.dev web.dev
    Trigonometric functions in CSS
    1
    1. kael 28 Mar 2023
      css css:sin() css:cos() css:tan() math geometry trigonometry
    Visit annotations in context

    Tags

    Annotators

    URL

    web.dev/css-trig-functions/
  40. remix.run remix.run
    Styling
    1
    1. kael 28 Mar 2023
      remixjs css tailwindcss vanilla-extract css-in-js
    Visit annotations in context

    Tags

    Annotators

    URL

    remix.run/docs/en/main/guides/styling
  41. developer.mozilla.org developer.mozilla.org
    CSS color adjustment - CSS: Cascading Style Sheets | MDN
    1
    1. kael 25 Mar 2023
      css colors dark mode css:color-scheme css:force-color-adjust css:print-color-adjust css:color-adjust
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/CSS_color_adjustment
  42. www.w3.org www.w3.org
    CSS Color Adjustment Module Level 1
    1
    1. kael 25 Mar 2023
      css colors dark mode css:color-scheme css:force-color-adjust css:print-color-adjust css:color-adjust
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/css-color-adjust-1/
  43. vanilla-extract.style vanilla-extract.style
    vanilla-extract — Zero-runtime Stylesheets-in-TypeScript.
    1
    1. kael 25 Mar 2023
      vanilla-extract ts css
    Visit annotations in context

    Tags

    Annotators

    URL

    vanilla-extract.style/
  44. css-tricks.com css-tricks.com
    How to Tame Line Height in CSS | CSS-Tricks
    1
    1. kael 24 Mar 2023
      css:line-height css
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/how-to-tame-line-height-in-css/
  45. drafts.csswg.org drafts.csswg.org
    CSS Extensions
    1
    1. kael 18 Mar 2023
      css
    Visit annotations in context

    Tags

    Annotators

    URL

    drafts.csswg.org/css-extensions
  46. www.w3.org www.w3.org
    Selectors Level 4
    1
    1. kael 18 Mar 2023
      css
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/selectors-4/
  47. www.mattstobbs.com www.mattstobbs.com
    The Complete Guide to Dark Mode with Remix
    1
    1. kael 15 Mar 2023
      remixjs html css
    Visit annotations in context

    Tags

    Annotators

    URL

    mattstobbs.com/remix-dark-mode/
  48. developer.mozilla.org developer.mozilla.org
    content-visibility - CSS: Cascading Style Sheets | MDN
    1
    1. kael 14 Mar 2023
      css:content-visibility css
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/content-visibility
  49. web.dev web.dev
    content-visibility: the new CSS property that boosts your rendering performance
    1
    1. kael 14 Mar 2023
      css:content-visibility css
    Visit annotations in context

    Tags

    Annotators

    URL

    web.dev/content-visibility/
  50. developer.mozilla.org developer.mozilla.org
    CSS and JavaScript accessibility best practices
    1
    1. kael 11 Mar 2023
      accessibility html css js
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Learn/Accessibility/CSS_and_JavaScript
  51. developer.mozilla.org developer.mozilla.org
    content - CSS: Cascading Style Sheets | MDN
    2
    1. kael 11 Mar 2023
      CSS-generated content is not included in the DOM. Because of this, it will not be represented in the accessibility tree and certain assistive technology/browser combinations will not announce it. If the content conveys information that is critical to understanding the page's purpose, it is better to include it in the main document.
      css:content accessibility css dom html
    2. kael 09 Mar 2023

      ```abnf content = normal | none | [ <content-replacement> | <content-list> ] [ / [ <string> | <counter> ]+ ]? | element( )

      <content-replacement> = <image>

      <content-list> = [ <string> | contents | <image> | <counter> | <quote> | <target> | <leader()> ]+

      <counter> = <counter()> | <counters()>

      <image> = <url> | <gradient>

      <quote> = open-quote | close-quote | no-open-quote | no-close-quote

      <target> = <target-counter()> | <target-counters()> | <target-text()>

      <leader()> = leader( <leader-type> )

      <counter()> = counter( <counter-name> , <counter-style>? )

      <counters()> = counters( <counter-name> , <string> , <counter-style>? )

      <url> = url( <string> <url-modifier> ) | src( <string> <url-modifier> )

      <target-counter()> = target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )

      <target-counters()> = target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )

      <target-text()> = target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )

      <leader-type> = dotted | solid | space | <string>

      <counter-style> = <counter-style-name> | <symbols()>

      <symbols()> = symbols( <symbols-type>? [ <string> | <image> ]+ )

      <symbols-type> = cyclic | numeric | alphabetic | symbolic | fixed <br /> ```

      css:content css
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/content
  52. medium.com medium.com
    Writing CSS with Accessibility in Mind
    1
    1. kael 11 Mar 2023
      css accessibility
    Visit annotations in context

    Tags

    Annotators

    URL

    medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939
  53. tailwindcss.com tailwindcss.com
    Tailwind CSS - A utility-first CSS framework for rapidly building custom designs
    2
    1. kael 11 Mar 2023

      ```html

      <div data-size="large" class="data-[size=large]:p-8"> </div> <div data-size="medium" class="data-[size=large]:p-8"> </div> <style> .data-\[size\=large\]\:p-8[data-size="large"] { padding: 2rem; } </style>

      ```

      tailwindcss css html:data-*
    2. kael 09 Mar 2023
      tailwindcss css css:content css:attr()
    Visit annotations in context

    Tags

    Annotators

    URL

    tailwindcss.com/docs/guides/sveltekit
  54. developer.chrome.com developer.chrome.com
    SPA view transitions land in Chrome 111 - Chrome Developers
    1
    1. kael 10 Mar 2023
      chrome js:viewtransition css::transition js css animations
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.chrome.com/blog/spa-view-transitions-land/
  55. developer.mozilla.org developer.mozilla.org
    View Transitions API - Web APIs | MDN
    1
    1. kael 10 Mar 2023
      js:viewtransition css::view-transition js css animations
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
  56. developer.mozilla.org developer.mozilla.org
    object-fit
    1
    1. kael 09 Mar 2023

      abnf object-fit = fill | contain | cover | none | scale-down

      css:object-fit css css:content
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/object-fit
  57. developer.mozilla.org developer.mozilla.org
    object-position
    1
    1. kael 09 Mar 2023

      ```abnf object-position = <position>

      <position> = [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ]

      <length-percentage> = <length> | <percentage> ```

      css:object-position css css:content
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/object-position
  58. developer.mozilla.org developer.mozilla.org
    Replaced elements - CSS: Cascading Style Sheets | MDN
    1
    1. kael 09 Mar 2023
      css dom css:content
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element
  59. css-tricks.com css-tricks.com
    [attribute] | CSS-Tricks
    1
    1. kael 09 Mar 2023
      html:data-* css html
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/almanac/selectors/a/attribute/
  60. www.sitepoint.com www.sitepoint.com
    How You Can Use HTML5 Custom Data Attributes and Why — SitePoint
    1
    1. kael 09 Mar 2023
      html:data-* html:dataset html css js
    Visit annotations in context

    Tags

    Annotators

    URL

    sitepoint.com/how-why-use-html5-custom-data-attributes/
  61. developer.mozilla.org developer.mozilla.org
    attr() - CSS: Cascading Style Sheets | MDN
    1
    1. kael 09 Mar 2023
      css:attr() css html:data-*
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Web/CSS/attr
  62. crinkles.io crinkles.io
    Binding CSS and JavaScript with HTML data-attributes
    1
    1. kael 09 Mar 2023
      html:data-* html js css css:attr()
    Visit annotations in context

    Tags

    Annotators

    URL

    crinkles.io/writing/css-data-attributes
  63. css-tricks.com css-tricks.com
    A Complete Guide to Data Attributes
    1
    1. kael 09 Mar 2023
      html:data-* html:dataset html js css
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/a-complete-guide-to-data-attributes/
  64. developer.mozilla.org developer.mozilla.org
    Using data attributes
    1
    1. kael 09 Mar 2023
      html:data-* html:dataset html js css
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
  65. Feb 2023
  66. developer.chrome.com developer.chrome.com
    Getting Started with Style Queries - Chrome Developers
    1
    1. kael 28 Feb 2023
      css:@container css
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.chrome.com/blog/style-queries/
  67. patrickbrosset.medium.com patrickbrosset.medium.com
    When does white space matter in HTML?
    1
    1. kael 10 Feb 2023
      dom html css
    Visit annotations in context

    Tags

    Annotators

    URL

    patrickbrosset.medium.com/when-does-white-space-matter-in-html-b90e8a7cdd33
  68. webkit.org webkit.org
    Introducing Safari Technology Preview
    1
    1. kael 09 Feb 2023
      css
    Visit annotations in context

    Tags

    Annotators

    URL

    webkit.org/tracking-prevention/
  69. www.kantega.no www.kantega.no
    Setting up Storybook 7 with Vite and Tailwind CSS
    1
    1. kael 06 Feb 2023
      storybook vite tailwind css reactjs
    Visit annotations in context

    Tags

    Annotators

    URL

    kantega.no/blogg/setting-up-storybook-7-with-vite-and-tailwind-css
  70. storybook.js.org storybook.js.org
    Integrate Tailwind CSS with Storybook | Storybook
    1
    1. kael 06 Feb 2023
      storybook tailwind css
    Visit annotations in context

    Tags

    Annotators

    URL

    storybook.js.org/recipes/tailwindcss
  71. storybook.js.org storybook.js.org
    Tailwind Foundations Addon | Storybook: Frontend workshop for UI development
    1
    1. kael 06 Feb 2023
      storybook tailwind css
    Visit annotations in context

    Tags

    Annotators

    URL

    storybook.js.org/addons/storybook-tailwind-foundations
  72. Jan 2023
  73. soundcloud.com soundcloud.com
    Let's Make Love And Listen To Death From Above (Spank Rock Remix)
    1
    1. kael 26 Jan 2023
      css music rock musicbrainz:recording=a5bea2f4-187d-4b95-a5d7-c746f91e8cab musicbrainz:remix=a020c468-e6fc-43bb-b30f-00264f73c015
    Visit annotations in context

    Tags

    Annotators

    URL

    soundcloud.com/css-official/lets-make-love-and-listen-to-2
  74. chriscoyier.net chriscoyier.net
    Intuitive List Item Transitions with the View Transitions API - Chris Coyier
    1
    1. kael 18 Jan 2023
      css css:view-transitions
    Visit annotations in context

    Tags

    Annotators

    URL

    chriscoyier.net/2023/01/16/intuitive-list-item-transitions-with-the-view-transitions-api/
  75. semicolon.dev semicolon.dev
    Interactive CSS Flex Tutorial / Flexible Box
    1
    1. kael 15 Jan 2023
      css css:flex
    Visit annotations in context

    Tags

    Annotators

    URL

    semicolon.dev/tutorial/css/flex-tutorial
  76. iamkate.com iamkate.com
    Tree views in CSS
    1
    1. kael 13 Jan 2023
      css html <details/> css:calc()
    Visit annotations in context

    Tags

    Annotators

    URL

    iamkate.com/code/tree-views/
  77. garden.bradwoods.io garden.bradwoods.io
    3D in CSS
    1
    1. kael 10 Jan 2023
      css 3d css:perspective css:transform=translate3d css:transform=rotate3d
    Visit annotations in context

    Tags

    Annotators

    URL

    garden.bradwoods.io/notes/css/3d
  78. github.com github.com
    CondeNast/atjson
    1
    1. chrisaldrich 04 Jan 2023

      https://github.com/CondeNast/atjson

      They're using annotations in this context more like CSS, but instead of adding the markup into the content as is done in HTML and processing it, they've physically separated the text and the markup entirely and are using location within the text to indicate where the formatting should take place.

      Condé Nast markdown AtJSON markup separating content from style JSON Tim Evans Blaine Cook annotations CSS HTML Hierarchical Intermediate Representation CommonMark XML read
    Visit annotations in context

    Tags

    Annotators

    URL

    github.com/CondeNast/atjson
  79. Dec 2022
  80. www.bram.us www.bram.us
    Style a parent element based on its number of children using CSS :has()
    1
    1. kael 29 Dec 2022
      css css:has()
    Visit annotations in context

    Tags

    Annotators

    URL

    bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/
  81. developer.chrome.com developer.chrome.com
    Smooth and simple transitions with the View Transitions API - Chrome Developers
    1
    1. kael 29 Dec 2022
      css:view-transitions css js
    Visit annotations in context

    Tags

    Annotators

    URL

    developer.chrome.com/docs/web-platform/view-transitions/
  82. www.w3.org www.w3.org
    CSS View Transitions Module Level 1
    1
    1. kael 29 Dec 2022
      css:view-transitions css js
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/css-view-transitions-1/
  83. hexmen.com hexmen.com
    Microformats, dark data and CSS - part 2
    1
    1. kael 28 Dec 2022
      css microformats
    Visit annotations in context

    Tags

    Annotators

    URL

    hexmen.com/blog/2008/07/21/microformats-dark-data-and-css-part-2/
  84. hexmen.com hexmen.com
    Microformats, dark data and CSS - part 1
    1
    1. kael 28 Dec 2022
      css microformats
    Visit annotations in context

    Tags

    Annotators

    URL

    hexmen.com/blog/2008/07/15/microformats-dark-data-and-css-part-1/
  85. hicks.design hicks.design
    Highlight Microformats with CSS - Hicks.design
    1
    1. kael 28 Dec 2022
      css microformats
    Visit annotations in context

    Tags

    Annotators

    URL

    hicks.design/journal/highlight-microformats-with-css
  86. barryfrost.com barryfrost.com
    Using Tailwind CSS with Microformats 2
    1
    1. kael 28 Dec 2022
      Tailwind CSS has utility classes for height using the pattern h-x where x is a number, for example h-4 which maps to a height of 16px. Microformats 2 (MF2) also uses the h- class prefix for top-level objects like h-entry. When a MF2 parser encounters the Tailwind height classes it will incorrectly assume a new h- object has been defined.
      tailwind css css microformats
    Visit annotations in context

    Tags

    Annotators

    URL

    barryfrost.com/2021/05/using-tailwind-css-with-microformats-2
  87. github.com github.com
    CSS :has() pseudo-class selector · Issue #145 · cloudflare/lol-html
    1
    1. kael 27 Dec 2022
      lol-html html-rewriter cloudflare parsing html css css:has()
    Visit annotations in context

    Tags

    Annotators

    URL

    github.com/cloudflare/lol-html/issues/145
  88. blog.logrocket.com blog.logrocket.com
    Guide to image overlays in CSS - LogRocket Blog
    1
    1. kael 19 Dec 2022
      html css <img/>
    Visit annotations in context

    Tags

    Annotators

    URL

    blog.logrocket.com/guide-image-overlays-css/
  89. stackoverflow.com stackoverflow.com
    Making Bandcamp iframe responsive - centering and overflow issues
    1
    1. kael 18 Dec 2022
      bandcamp html css <iframe/>
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/56522756/making-bandcamp-iframe-responsive-centering-and-overflow-issues
  90. www.zhangxinxu.com www.zhangxinxu.com
    张鑫旭-鑫空间-鑫生活
    1
    1. caocao485 14 Dec 2022
      从今天开始，请叫我Node文本节点处理大师
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhangxinxu.com/wordpress/
  91. www.zhihu.com www.zhihu.com
    (1 条消息) 有哪些CSS标准是前端工程师很有必要研读的？ - 知乎
    1
    1. caocao485 13 Dec 2022
      有哪些CSS标准是前端工程师很有必要研读的？
      CSS 标准
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/41191048
  92. www.zhihu.com www.zhihu.com
    (1 条消息) 怎么进一步提高 HTML 和 CSS 的能力？ - 知乎
    1
    1. caocao485 13 Dec 2022
      怎么进一步提高 HTML 和 CSS 的能力？
      CSS HTML 前端
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/20201562
  93. www.zhihu.com www.zhihu.com
    (1 条消息) CSS sprite 对性能究竟有多大影响？ - 知乎
    1
    1. caocao485 13 Dec 2022
      CSS sprite 对性能究竟有多大影响？
      前端 网络性能 css
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/20647576
  94. www.zhihu.com www.zhihu.com
    line-height:normal是怎样计算的? - 知乎
    1
    1. caocao485 12 Dec 2022
      line-height:normal是怎样计算的?
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/21786347
  95. www.zhihu.com www.zhihu.com
    css样式的百分比都相对于谁？ - 知乎
    1
    1. caocao485 12 Dec 2022
      css样式的百分比都相对于谁？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/36079531
  96. www.zhihu.com www.zhihu.com
    没有为 position: absolute 元素赋予 left、top 等值，与赋予 left:0; top:0; 的效果为何不一样？ - 知乎
    1
    1. caocao485 12 Dec 2022
      没有为 position: absolute 元素赋予 left、top 等值，与赋予 left:0; top:0; 的效果为何不一样？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/20109535
  97. www.zhihu.com www.zhihu.com
    CSS布局中圣杯布局与双飞翼布局的实现思路差异在哪里？ - 知乎
    1
    1. caocao485 12 Dec 2022
      CSS布局中圣杯布局与双飞翼布局的实现思路差异在哪里？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/21504052
  98. www.zhihu.com www.zhihu.com
    如何使移动web页面禁止横屏？ - 知乎
    1
    1. caocao485 12 Dec 2022
      如何使移动web页面禁止横屏？
      cs CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/40642893
  99. www.zhihu.com www.zhihu.com
    CSS 中，为什么绝对定位（absolute）的父级元素必须是相对定位（relative）？ - 知乎
    1
    1. caocao485 12 Dec 2022
      CSS 中，为什么绝对定位（absolute）的父级元素必须是相对定位（relative）？
      CSS 前端
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/19926700
  100. www.zhihu.com www.zhihu.com
    用 CSS 实现元素垂直居中，有哪些好的方案？ - 知乎
    1
    1. caocao485 12 Dec 2022
      用 CSS 实现元素垂直居中，有哪些好的方案？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/20543196
  101. www.zhihu.com www.zhihu.com
    CSS3 的字体大小单位「rem」到底好在哪？ - 知乎
    1
    1. caocao485 12 Dec 2022
      CSS3 的字体大小单位「rem」到底好在哪？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/21504656
  102. www.zhihu.com www.zhihu.com
    css content 如何自定义生成图标？ - 知乎
    1
    1. caocao485 12 Dec 2022
      css content 如何自定义生成图标？
      CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/22022905
  103. www.zhihu.com www.zhihu.com
    CSS:line-height:150%与line-height:1.5的真正区别是什么？ - 知乎
    1
    1. caocao485 12 Dec 2022
      CSS:line-height:150%与line-height:1.5的真正区别是什么？
      css CSS
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/20394889
  104. www.zhihu.com www.zhihu.com
    如何解决外边距叠加的问题？ - 知乎
    1
    1. caocao485 12 Dec 2022
      如何解决外边距叠加的问题？
      HTML CSS 重构
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/19823139
  105. www.zhihu.com www.zhihu.com
    CSS 的 ID 和 Class 有什么区别？如何正确使用它们？ - 知乎
    1
    1. caocao485 12 Dec 2022
      CSS 的 ID 和 Class 有什么区别？如何正确使用它们？
      css 前端
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/19550864
  106. www.zhihu.com www.zhihu.com
    Chrome 的审查元素功能有哪些奇技淫巧？ - 知乎
    1
    1. caocao485 12 Dec 2022
      Chrome 的审查元素功能有哪些奇技淫巧？
      审查元素 CSS 前端
    Visit annotations in context

    Tags

    Annotators

    URL

    zhihu.com/question/34682699
  107. www.w3.org www.w3.org
    Selectors and States
    1
    1. kael 09 Dec 2022
      annotations highlighting js:selection css
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/selectors-states/
  108. www.itcodar.com www.itcodar.com
    CSS Table Td Width - Fixed, Not Flexible - ITCodar
    1
    1. TylerRick 07 Dec 2022
      HTML: tables CSS tips
    Visit annotations in context

    Tags

    Annotators

    URL

    itcodar.com/html/css-table-td-width-fixed-not-flexible.html
  109. fastwebstart.com fastwebstart.com
    Build Profitable Website Fast
    1
    1. TylerRick 07 Dec 2022
      CSS: table-layout tips CSS HTML: tables
    Visit annotations in context

    Tags

    Annotators

    URL

    fastwebstart.com/html-table-td-width/
  110. stackoverflow.com stackoverflow.com
    Tailwind CSS how to style a href links in React?
    1
    1. kael 06 Dec 2022
      tailwind css html css <a/>
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/63883580/tailwind-css-how-to-style-a-href-links-in-react
  111. catalin.red catalin.red
    Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature
    1
    1. kael 02 Dec 2022
      icons css css:prefers-color-scheme
    Visit annotations in context

    Tags

    Annotators

    URL

    catalin.red/svg-favicon-light-dark-theme/
  112. stackoverflow.com stackoverflow.com
    Detect if the browser is using dark mode and use a different favicon
    1
    1. kael 02 Dec 2022
      icons css js
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/55170708/detect-if-the-browser-is-using-dark-mode-and-use-a-different-favicon
  113. css-tricks.com css-tricks.com
    Using CSS Shapes for Interesting User Controls and Navigation | CSS-Tricks
    1
    1. kael 01 Dec 2022
      css css:shapes
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/using-css-shapes-for-interesting-user-controls-and-navigation/
  114. www.w3.org www.w3.org
    CSS Shapes Module Level 1
    1
    1. kael 01 Dec 2022
      css:shapes css geometry
    Visit annotations in context

    Tags

    Annotators

    URL

    w3.org/TR/css-shapes/
  115. Nov 2022
  116. www.positioniseverything.net www.positioniseverything.net
    CSS Wildcard: How To Use Wildcard Selectors in CSS
    1
    1. kael 30 Nov 2022
      css
    Visit annotations in context

    Tags

    Annotators

    URL

    positioniseverything.net/css-wildcard/
  117. docs.emmet.io docs.emmet.io
    Emmet Documentation
    1
    1. kael 30 Nov 2022
      emmet editor html css
    Visit annotations in context

    Tags

    Annotators

    URL

    docs.emmet.io/
  118. blog.jim-nielsen.com blog.jim-nielsen.com
    Installing and Building an NPM Package from Github | Jim Nielsen’s Blog
    1
    1. kael 28 Nov 2022
      css url
    Visit annotations in context

    Tags

    Annotators

    URL

    blog.jim-nielsen.com/2023/stop-being-fancy/
  119. www.smashingmagazine.com www.smashingmagazine.com
    Document Object Model (DOM) Geometry: A Beginner’s Introduction And Guide — Smashing Magazine
    1
    1. kael 26 Nov 2022
      dom css
    Visit annotations in context

    Tags

    Annotators

    URL

    smashingmagazine.com/2022/11/document-object-model-geometry-guide/
  120. stackoverflow.com stackoverflow.com
    Stylesheet not loaded because of MIME type
    1
    1. kael 26 Nov 2022
      html css
    Visit annotations in context

    Tags

    Annotators

    URL

    stackoverflow.com/questions/48248832/stylesheet-not-loaded-because-of-mime-type
  121. www.joshwcomeau.com www.joshwcomeau.com
    An Interactive Guide to Flexbox
    1
    1. kael 23 Nov 2022
      css css:flex
    Visit annotations in context

    Tags

    Annotators

    URL

    joshwcomeau.com/css/interactive-guide-to-flexbox/
  122. www.youtube.com www.youtube.com
    Page responsive avec CSS Grid + Flexbox
    1
    1. kael 21 Nov 2022
      css mobile css:grid css:flex
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  123. www.youtube.com www.youtube.com
    Créer une belle carte avec CSS GRID
    1
    1. kael 21 Nov 2022
      css css:grid
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  124. www.youtube.com www.youtube.com
    Using Tailwind CSS Grid Classes
    1
    1. kael 21 Nov 2022
      tailwind css css css:grid
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  125. www.youtube.com www.youtube.com
    Grid Layouts (the easy way) // Tailwind CSS
    1
    1. kael 21 Nov 2022
      tailwind css css css:grid
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  126. tailwindcss.com tailwindcss.com
    Tailwind CSS - A utility-first CSS framework for rapidly building custom designs
    1
    1. kael 21 Nov 2022
      tailwind css css mobile
    Visit annotations in context

    Tags

    Annotators

    URL

    tailwindcss.com/docs/guides/sveltekit
  127. www.youtube.com www.youtube.com
    Responsive Designs with Tailwind CSS
    1
    1. kael 21 Nov 2022
      tailwind css css mobile
    Visit annotations in context

    Tags

    Annotators

    URL

    youtube.com/watch
  128. css-tricks.com css-tricks.com
    Grainy Gradients | CSS-Tricks
    1
    1. kael 20 Nov 2022
      svg css css:gradient
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/grainy-gradients/
  129. css-tricks.com css-tricks.com
    Making Static Noise From a Weird CSS Gradient Bug | CSS-Tricks
    1
    1. kael 20 Nov 2022
      css css:gradient
    Visit annotations in context

    Tags

    Annotators

    URL

    css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/
  130. tw-classed.vercel.app tw-classed.vercel.app
    TW-Classed | Tailwind with the DX of CSS in JS - TwClassed
    1
    1. kael 20 Nov 2022
      tw-classed tailwind css css-in-js js css
    Visit annotations in context

    Tags

    Annotators

    URL

    tw-classed.vercel.app/
  131. developer.mozilla.org developer.mozilla.org
    How whitespace is handled by HTML, CSS, and in the DOM - Web APIs | MDN
    1
    1. kael