53 posts on Tips

  1. Simple pie charts with fallback, today 3 min 0 comments
  2. The -​-var: ; hack to toggle multiple values with one custom property 2 min 0 comments
  3. Introspecting CSS via the CSS OM: Get supported properties, shorthands, longhands 3 min 0 comments
  4. Import non-ESM libraries in ES Modules, with client-side vanilla JS 4 min 0 comments
  5. Hybrid positioning with CSS variables and max() 4 min 0 comments
  6. Easy Dynamic Regular Expressions with Tagged Template Literals and Proxies 3 min 0 comments
  7. Responsive tables, revisited 2 min 0 comments
  8. Quicker Storify export 2 min 0 comments
  9. Different remote and local resource URLs, with Service Workers! 4 min 0 comments
  10. Resolve Promises externally with this one weird trick 2 min 0 comments
  11. URL rewriting with Github Pages 2 min 0 comments
  12. Autoprefixing, with CSS variables! 1 min 0 comments
  13. Copying object properties, the robust way 2 min 0 comments
  14. Image comparison slider with pure CSS 2 min 0 comments
  15. Dynamically generated SVG through SASS + A 3D animated RGB cube! 3 min 0 comments
  16. Smooth state animations with animation-play-state 1 min 0 comments
  17. Cleanest CSS spinner, ever 1 min 0 comments
  18. Flexible Google-style loader with CSS 1 min 0 comments
  19. Slanted tabs with CSS 3D transforms 1 min 0 comments
  20. Easily center text vertically, with SVG! 2 min 0 comments
  21. Use MathML today, with CSS fallback! 2 min 0 comments
  22. CSS Animations with only one keyframe 2 min 0 comments
  23. Hacking lookahead to mimic intersection, subtraction and negation 2 min 0 comments
  24. Text masking — The standards way 2 min 0 comments
  25. Pure CSS scrolling shadows with background-attachment: local 2 min 0 comments
  26. Flexible multiline definition lists with 2 lines of CSS 2.1 1 min 0 comments
  27. Moving an element along a circle 1 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 1 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 3 min 0 comments
  32. Change URL hash without page jump 1 min 0 comments
  33. Rule filtering based on specific selector(s) support 2 min 0 comments
  34. Invert a whole webpage with CSS only 1 min 0 comments
  35. Create complex RegExps more easily 30 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 1 min 0 comments
  40. Styling elements based on sibling count 1 min 0 comments
  41. Checkerboard, striped & other background patterns with CSS3 gradients 2 min 0 comments
  42. MySQL: Are you actually utilizing your indexes? 2 min 0 comments
  43. Reading cookies the regular expression way 1 min 0 comments
  44. Yet another email hiding technique? 1 min 0 comments
  45. (byte)size matters 1 min 0 comments
  46. Bevels in CSS3 1 min 0 comments
  47. On password masking and usability 3 min 0 comments
  48. Tip: Multi-step form handling 3 min 0 comments
  49. Extend Math.log to allow for bases != e 1 min 0 comments
  50. Mockup viewer bookmarklet 1 min 0 comments
  51. Check whether the browser supports RGBA (and other CSS3 values) 2 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 1 min 0 comments