53 posts on Tips

You are browsing the new, beta version of my website. Some things may not work properly. If you spot any problems, please file an issue!
  1. Simple pie charts with fallback, today 5 min 0 comments
  2. The -​-var: ; hack to toggle multiple values with one custom property 4 min 0 comments
  3. Introspecting CSS via the CSS OM: Get supported properties, shorthands, longhands 5 min 0 comments
  4. Import non-ESM libraries in ES Modules, with client-side vanilla JS 7 min 0 comments
  5. Hybrid positioning with CSS variables and max() 6 min 0 comments
  6. Easy Dynamic Regular Expressions with Tagged Template Literals and Proxies 4 min 0 comments
  7. Responsive tables, revisited 3 min 0 comments
  8. Quicker Storify export 3 min 0 comments
  9. Different remote and local resource URLs, with Service Workers! 6 min 0 comments
  10. Resolve Promises externally with this one weird trick 4 min 0 comments
  11. URL rewriting with Github Pages 2 min 0 comments
  12. Autoprefixing, with CSS variables! 2 min 0 comments
  13. Copying object properties, the robust way 3 min 0 comments
  14. Image comparison slider with pure CSS 3 min 0 comments
  15. Dynamically generated SVG through SASS + A 3D animated RGB cube! 4 min 0 comments
  16. Smooth state animations with animation-play-state 2 min 0 comments
  17. Cleanest CSS spinner, ever 2 min 0 comments
  18. Flexible Google-style loader with CSS 2 min 0 comments
  19. Slanted tabs with CSS 3D transforms 2 min 0 comments
  20. Easily center text vertically, with SVG! 3 min 0 comments
  21. Use MathML today, with CSS fallback! 4 min 0 comments
  22. CSS Animations with only one keyframe 3 min 0 comments
  23. Hacking lookahead to mimic intersection, subtraction and negation 3 min 0 comments
  24. Text masking — The standards way 3 min 0 comments
  25. Pure CSS scrolling shadows with background-attachment: local 3 min 0 comments
  26. Flexible multiline definition lists with 2 lines of CSS 2.1 2 min 0 comments
  27. Moving an element along a circle 2 min 0 comments
  28. Simpler CSS typing animation, with the ch unit 2 min 0 comments
  29. Easily keep gh-pages in sync with master 2 min 0 comments
  30. To write good code, you sometimes have to write bad code 1 min 0 comments
  31. Get your hash — the bulletproof way 4 min 0 comments
  32. Change URL hash without page jump 1 min 0 comments
  33. Rule filtering based on specific selector(s) support 3 min 0 comments
  34. Invert a whole webpage with CSS only 2 min 0 comments
  35. Create complex RegExps more easily 52 min 0 comments
  36. Beveled corners & negative border-radius with CSS3 gradients 1 min 0 comments
  37. Custom <select> drop downs with CSS3 2 min 0 comments
  38. Checkerboard pattern with CSS3 1 min 0 comments
  39. Convert PHP serialized data to Unicode 2 min 0 comments
  40. Styling elements based on sibling count 2 min 0 comments
  41. Checkerboard, striped & other background patterns with CSS3 gradients 3 min 0 comments
  42. MySQL: Are you actually utilizing your indexes? 3 min 0 comments
  43. Reading cookies the regular expression way 2 min 0 comments
  44. Yet another email hiding technique? 2 min 0 comments
  45. (byte)size matters 2 min 0 comments
  46. Bevels in CSS3 2 min 0 comments
  47. On password masking and usability 4 min 0 comments
  48. Tip: Multi-step form handling 4 min 0 comments
  49. Extend Math.log to allow for bases != e 1 min 0 comments
  50. Mockup viewer bookmarklet 2 min 0 comments
  51. Check whether the browser supports RGBA (and other CSS3 values) 3 min 0 comments
  52. Quick & dirty way to run snippets of JavaScript anywhere 1 min 0 comments
  53. Check whether a CSS property is supported 2 min 0 comments