Ask HN: What's your most useful CSS or JavaScript trick?

#1

Post by smashing_mag » Mon, Jul 11, 2011, 7:05 PM UTC

Over time we all learn little nifty coding tricks that help us solve common problems or anticipate potential bugs. What's your favorite CSS or JavaScript tip for beginners and professionals? What do you keep using often in your design or development work?

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#2

Post by jimmynewtron » Mon, Jul 11, 2011, 7:27 PM UTC

CSS Reset. Every project starts with a full reset.

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#3

Post by ontouchstart » Thu, Jul 14, 2011, 3:22 AM UTC

document.styleSheets[0].insertRule(...)

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#4

Post by Flam » Thu, Jul 14, 2011, 3:44 AM UTC

*rule/_rule for CSS ie6/7 hacks font-weight: 900 instead of bold, saves 1 character :P

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#5

Post by geuis » Thu, Jul 14, 2011, 3:56 AM UTC

Simple doctype:

Script tags just work (no need for type="text/javascript":

CSS

Understand how to do general vs specific border/margin/etc assignments and how they cascade. Useful for generic

classes:

.class1{ border:1px solid #000; }

.sub_class1{ border-bottom:2px solid #cc0000; }

JS

0|3.14 === 3, vs Math.floor(3.14) === 3

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#6

Post by proexploit » Fri, Jul 15, 2011, 7:19 AM UTC

jimmynewtron wrote: post #2

CSS Reset. Every project starts with a full reset.

Full Reset? As in * { clear everything }?

Re: Ask HN: What's your most useful CSS or JavaScript trick?

#7

Post by jk215 » Tue, Jul 19, 2011, 2:41 PM UTC

proexploit wrote: post #6

jimmynewtron wrote: post #2

CSS Reset. Every project starts with a full reset.

Full Reset? As in * { clear everything }?

Look up the Eric Meyer CSS reset. It saves tons of time with cross-browser compatibility issues straight from the beginning.