Quick Tips For Improving Your CSS Experience & Performance

Hey guys!

Been a while since I posted. I’ve been working a lot behind the scenes on different projects and I have neglected this site a bit. I figured I could share some quick tips for ya’ll for improving your css experience and general website performances.

  1. Use Reset.css

  2. Using reset.css is an underutilized tip. Different browsers like Chrome, Firefox, and internet explorer have different methods of handling rendered CSS styles. Utilizing reset.css resets all of the core styles which lets you actually start with truly blank styles.

  3. Use CSS Shorthand

  4. Using Shorthand is a great way to minimize code usage. Code like this:
      
    Can easily be shortened to this:


    Which easily boosts loading speeds for your entire website!

  5. Get and Use an Editor with Syntax Highlighting

  6. To some this is a no brainer but to others it can be a lifesaver. Using a free editor like Notepad++ that has syntax highlighting can help you catch your CSS syntax mistakes before going live and bashing your head into the wall for hours trying to figure it out.

Anyway, that’s all I got for today! I know it’s short, but I hope to start posting more often and more in detail in the next few weeks/months!

Thanks!