423

January 17th, 2022 × #CSS#JavaScript#Web Development#Programming

CSS + JS Hacks We’re Fine With

Wes and Scott discuss common web development techniques that seem hacky but are actually valid ways to solve problems.

or

In this Hasty Treat, Scott and Wes talk about CSS + JS Hacks that they're ok with using.

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Show Notes

  • 00:53 What are the things in web dev, that feel wrong or hacky when starting out, but are actually totally accepted to do?
  • 02:09 Sponsor: Sentry
  • 03:12 Sponsor: Freshbooks
  • 05:32 Negative margins in CSS
  • 07:53 Not Passing a radix to parseInt()
  • 10:17 -50% translation 50% direction
  • 11:27 Overwriting Arguments in a function
  • 13:20 non-standard-element
  • 17:26 Button must have a type
  • 18:56 Triangles out of borders
  • 20:40 Overflow:hidden to clear a float
  • 20:55 Always pass noopener to links!
  • 22:16 Inline styles

Tweet us your tasty treats

Share

Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window