Bookmarks

A list of links I like, want to keep or share.

  1. Use attribute in CSS selector to prevent specific CSS selectors for View Transition names ↖︎

  2. Transitioning to auto ↖︎

  3. Merge existing codebases into a monorepo ↖︎

  4. Map Filter Reduce ↖︎

  5. Native page transitions in real life ↖︎

  6. Toegankelijkheid overzicht bij de overheid ↖︎

  7. CSS mutation observer ↖︎

  8. Why is Tailwind a bad idea ↖︎

  9. Scroll driven animations ↖︎

  10. Animate buttons with View Transitions ↖︎

  11. Closest Aspect Ratio ↖︎

  12. Inside the Git Folder ↖︎

  13. Module opperator ↖︎

  14. A lot of custom hooks ↖︎

  15. Floating labels for forms ↖︎

  16. Nice color pallets ↖︎

  17. Dates in JS ↖︎

  18. Handling Abstractions in code ↖︎

  19. ContainerQueries rundown ↖︎

  20. Responsive images ↖︎

  21. SvelteKit Routing ↖︎

  22. Promises ↖︎

  23. React Forms, explains multiple types of inputs ↖︎

  24. YouTube Thumbnail scraper ↖︎

  25. Autoplaying video (formats) ↖︎

  26. Console scripts ↖︎

  27. Leuke moestuin weetjes + shop ↖︎

  28. Write 1 sentence per line ↖︎

  29. GTM in Next.js ↖︎

  30. JS Statements VS Expressions ↖︎

  31. Aspect Ratio calculator ↖︎

  32. Simple but nice page transition ↖︎

  33. Accessibility pattern library (W3) ↖︎

  34. Ball potten (Seasonal homestead) ↖︎

  35. Functional programming (types), shared by Harmen ↖︎

  36. Vis kalender + bijvangst ↖︎

  37. Good on you (check sustainabillity brands) ↖︎

  38. All about Dates in JS ↖︎

  39. Diagrams/flowcharts in Markdown files ↖︎

  40. Favicon 202w ↖︎

  41. Details element improvement ↖︎

  42. Alternative to animate width and height ↖︎

  43. Storybook inspiration ↖︎

  44. CSS Gradients Deep dive ↖︎

  45. Core web vitals - case study and core explanation ↖︎

  46. Typography tips for 2022 ↖︎

  47. Fluid type tool ↖︎

  48. How to support a junior ↖︎

  49. Animated grow item in grid ↖︎

  50. Ribbons on the web ↖︎

  51. Defensive CSS tricks ↖︎

  52. Fluent Typograph (tool) ↖︎

  53. Accessibility debunk arguments ↖︎

  54. Arguments to just make the site accessible ↖︎

  55. Width and height on images ↖︎

  56. Netlify on demand builders ↖︎

  57. ISR explained ↖︎

  58. Next.js Preview mode ↖︎

  59. Serverless functions tutorial ↖︎

  60. Drawings in design inspiration ↖︎

  61. JS Utils ↖︎

  62. Korrelige gradients ↖︎

  63. GTM in React/Next.js app ↖︎

  64. Design patterns game ↖︎

  65. https://tanzhaus-nrw.de/de ↖︎

  66. http://web.dev - Learn CSS and CSS reference ↖︎

  67. https://egghead.io/q/next ↖︎

  68. Check NPM Package Health ↖︎

  69. Generate favicon ↖︎

  70. FFMPEG guide ↖︎

  71. React Hooks (a lot of useful examples) ↖︎

  72. http://next.isjs Images and SEO optimalization ↖︎

  73. A lot of motion inspiration website ↖︎

  74. How to choose a typeface ↖︎

  75. Better static site regeneration with Next.js ↖︎

  76. Accesible toggle ↖︎

  77. Ally style guide (with components) ↖︎

  78. Component gallery! ↖︎

  79. CSS Underlines ↖︎

  80. Favicon genereren ↖︎

  81. Variable fonts fallback ↖︎

  82. React Hooks explained (YouTube) ↖︎

  83. CORS visualized ↖︎

  84. Learn eleventy with nunjucks (including blog) ↖︎

  85. Handling Long and short content with CSS ↖︎

  86. Favicon generation 2020 ↖︎

  87. CSS Shadows generator ↖︎

  88. Annotate on the web (app.bubbles) ↖︎

  89. Self organising teams (Mirabeau) ↖︎

  90. JS question (good explanations for the basics) ↖︎

  91. Google font helper ↖︎

  92. ToDoist filters ↖︎

  93. GitHub Actions linter ↖︎

  94. Nice agency work ↖︎

  95. Edit.photo (from Rik Schennink) ↖︎

  96. Random image generator ↖︎

  97. MutationObserver - Nice explenation ↖︎

  98. Accessibility In Chrome DevTools ↖︎

  99. Accessible and interactive SVG's ↖︎

  100. Dev tips ↖︎

  101. repl ↖︎

  102. Web component examples ↖︎

  103. Node.js Mock API package ↖︎

  104. photopea.com (Photoshop on the web) ↖︎

  105. Home of alternative web design ↖︎

  106. Design inspiration by ReadyMag ↖︎

  107. Design book recomandation by Anna Petrova ↖︎

  108. Harry Roberts - blog ↖︎

  109. SVG Animation with clip path ↖︎

  110. Handling HTML templates with Custom Elements ↖︎

  111. Diagonal Layout with CSS ↖︎

  112. Vasilis‘s blog ↖︎

  113. Front-end Front ↖︎

  114. Smashing Magazine ↖︎

  115. Adactio blog by Jeremy Keith ↖︎

  116. SuperOrganizers Archive ↖︎

  117. Parcel.js ↖︎

  118. Lion - ING component library ↖︎

  119. Don't use number inputs in HTML ↖︎

  120. What is a brand? - Matthew Ström ↖︎

  121. MonoLisa Dev font ↖︎

  122. Lea Verou - blog ↖︎

  123. Art direction on the web - Stephen Hay ↖︎

  124. Jen Simmons - Labs ↖︎

  125. Jen Simmons - Real art direction on the web ↖︎

  126. Jen Simmons - Create a grid like Jan Tschichold ↖︎

  127. Typography as Illustration - Andy Clarke ↖︎

  128. List or no list ↖︎

  129. CSS Grid - auto sizing columns ↖︎

  130. Personal website - Kristopher van Sant ↖︎

  131. Shapes of text examples ↖︎

  132. typo/graphic posteres ↖︎

  133. Test for accessibility in Chrome Dev Tools ↖︎

  134. Why use (R)EM to set font-size ↖︎

  135. Draw on the web with Apple Pencil ↖︎

  136. Remove Background from Image – remove.bg ↖︎