{Writing: 21 posts}

Blog

Practical notes from full-stack work. Each post explains one concept with working code, ready to copy. Posts written with the help of AI are marked with Bot* and checked by hand before they go live.

  1. 2024-12-08 {TypeScript} Generics The real reusability in code. 4 min →
  2. 2024-11-28 {CSS} Modular architectures Part One Discover writing styles in OOCSS and BEM methodology. 4 min →
  3. 2024-11-25 {CSS} Houdini in CSS Type checking and default values? It is small TypeScript for CSS? 2 min →
  4. 2024-11-13 {JavaScript} Object literals vs create Two different ways for creating object. 2 min →
  5. 2024-11-07 {JavaScript} Enumerable vs Iterable Check the difference between these two. 2 min →
  6. 2024-11-01 {JavaScript} Symbol data type Understanding new primitive data type. 2 min →
  7. 2024-10-24 {JavaScript} Object keys, values and entries Get to know these 3 methods better. 1 min →
  8. 2024-10-18 {JavaScript} Set and Map New ES6 features similar to objects and arrays. 2 min →
  9. 2024-10-10 {TypeScript} Interface vs Type Which came first, the interface or the type? Check the differences. 2 min →
  10. 2024-10-04 {CSS} Understanding Specificity Learn how to read styles from left to right. 3 min →
  11. 2024-09-30 {JavaScript} null vs undefined Check the differences between these two. 2 min →
  12. 2024-09-21 {TypeScript} Extend types See what types can offer for us TypeScript. 2 min →
  13. 2024-09-16 {CSS} Toggle checkbox message on click in pure CSS Show and hide checkbox message on click using only CSS. 1 min →
  14. 2024-09-07 {CSS} Validation form messages on keypress using pure CSS Simple form inputs validation using pure CSS, without any JavaScript. 3 min →
  15. 2024-09-01 {JavaScript} Enums in JavaScript It is possible to create enums in JavaScript? 2 min →
  16. 2024-08-26 {JavaScript} Promise all method Combine all promises into one. 2 min →
  17. 2024-08-19 {HTML} HTML details element Simply show or hide content without any scripts. 1 min →
  18. 2024-08-14 {HTML} form one liner resets Check out how to reset form using JavaScript, jQuery or even raw HTML. 1 min →
  19. 2024-08-09 {CSS} media query ranges – the width keyword Write responsive css shorter and nicer. 1 min →
  20. 2024-08-03 {CSS} prefers-color-scheme media query – what it is? Check how to detect user system theme (light or dark) and apply appropriate styles. 1 min →
  21. 2024-07-28 {JavaScript} parseInt() vs Number() vs “+” parseInt() is the most popular way used for parsing strings into numbers. What are the differences comparing parseInt to Number()? Or what is doing "+" before strings? 2 min →

{mattstudio}

Thanks for
looking.