1. SCSS @font-face mixin

   The built-in Compass mixin is bit janky, here’s better.

2. PHP function to load jQuery in WordPress footer

   Loading stuff on the footer, rather than in the header, makes your site load faster, because you move the blocking HTTP calls further down the page.

3. Cache busting script and CSS loader function for WordPress

   Change a CSS or JS file and, if it’s cached, your changes won't show to users. Cache can be busted by changing the file name. Here’s how.

4. Make an element wider than it’s parent, in a WordPress post

   For instance, ~~in this blog~~ <ins>not the case anymore</ins>, the main article is fluid width, and on large screens it can be up 970px wide. That makes the line length too long to be readable, so the paragraphs have to be narrower. But, the images could be wider than the paragraph (since we got the screen real estate), but they’re inside the paragraph. Here’s how to solve that.

5. Writing media queries with Sass

   Here’s a small guide on how to manage media queries with Sass.

6. Sizing type on the web

   There are rems and ems, which a somewhat similar, but with their distinct differences.

7. How to use Compass color helper functions

   Here we’ll look into the Color Helpers.

8. Get the first image inserted into a post body in WordPress

   Sometimes it’s nice to show the first image on the post archive page.

9. Redirect parent page to its first child

   Redirecting from the parent page comes in handy when you don't have actual need for the parent page, expect to group the sub pages under it.

10. How to use Compass plugins with CodeKit

    Compass has a reset, but no Normalize, nor animation. But plugins can help in that.