Pew Pew Laser Blog - Home

Awesome Emmet Snippets.

4.15.2014

Emmet is an add-on for a stunning variety of applications (Sublime Text, Brackets and Eclipse) and websites which enables text-expanding shortcuts to make short work of the tedious and repetitive typing of front-end development. Here are a few Emmet snippets to demonstrate the awesomeness:

ul>li{item$}*3

Expands into:

    <ul>
      <li>item1</li>
      <li>item2</li>
      <li>item3</li>
    </ul>

Emmet's syntax is very similar to that of CSS: > drills inside an element. Also, elements can be multiplied with *.

h3+dl>(dt>kbd^dd)*3

Expands into:

    <h3></h3>
    <dl>
      <dt><kbd></kbd></dt>
      <dd></dd>
      <dt><kbd></kbd></dt>
      <dd></dd>
      <dt><kbd></kbd></dt>
      <dd></dd>
    </dl>

+ is for neighboring elements, and ^ goes up an element.

ul>li(>h4+img[src=http://placekitten.com/100/100?image=$]+p)*5

Expands into:

    <ul>
      <li>
        <h4></h4>
        <img src="http://placekitten.com/100/100?image=1" alt="">
        <p></p>
      </li>
      <li>
        <h4></h4>
        <img src="http://placekitten.com/100/100?image=2" alt="">
        <p></p>
      </li>
      <li>
        <h4></h4>
        <img src="http://placekitten.com/100/100?image=3" alt="">
        <p></p>
      </li>
      <li>
        <h4></h4>
        <img src="http://placekitten.com/100/100?image=4" alt="">
        <p></p>
      </li>
      <li>
        <h4></h4>
        <img src="http://placekitten.com/100/100?image=5" alt="">
        <p></p>
      </li>
    </ul>

As with CSS, [] is for attributes. $ will increment by one each time it's used.

Pretty cool. Emmet provides such an increase in development speed that I don't even have think about setting a HAML environment.

Job Search - The Numbers.

4.5.2014

While I currently have a great permanent position, I was in full-time job search mode for a time in the past two years. Looking for a new job is a long-tail process with tons of companies, and most leads don't pan out. I thought I'd share a break-down of what it took to get just one great job:

Online Marketing Protips.

3.27.2014

I dug up some old thoughts about online marketing.

Lentil Soup.

3.16.2014

Homemade lentil soup from Pew Pew Laser Blog I've updated some of the recipes I keep around here, particularly a lentil soup recipe which we've been making for years. Making this hearty lentil soup recipe on a day off is a great way to stash some easy meals in the fridge and freezer for later. It makes about 12 bowls of soup. It'll take a few hours to prepare and simmer, but the dicing goes a lot faster if you have someone else around to help.

Power-Up Your Bookmarks in Firefox.

3.4.2014

I've created some pretty powerful bookmarks in Firefox to speed up my browsing workflow:

The bookmarks with URLs as locations just hit those URLs with whatever else you've typed as the %s argument. Thus you can hack your way into just about any site's custom search. The bookmarks with JavaScript as locations simply execute those pieces of JavaScript.

With the "keywords" field, I can execute these bookmarks with keyboard commands (typing into the URL bar). Since new tabs open with focus in the URL bar with Control T, this makes for some pretty zippy workflows. Searching the jQuery docs: Control T, jq [search term] [enter]. Looking up synonyms: Control T, thes [word] [enter].

The keywords are even pretty convenient when I have to involve the mouse. Adding the current URL to my Instapaper list: click into the URL bar and ip [enter]. Pulling up Google's cached version of the current page: click into the URL bar and gcache [enter].

Easter Egg Paperweight.

2.22.2014

Hot sculpted glass paperweight I made this paperweight during an April Blow Your Own event at Art By Fire in 2010. If you've ever wanted to try glassblowing, a quick "blow your own" or mini-class is a great way to test the waters: a professional will walk you through the entire creation of your own "shape of the month" in about 15 minutes. The next day or so, after it's cooled down, you get to take your new glass artwork home!

My goal with this piece was to put a lot of bubbles into it, and I still love the effect. The egg-like shape of the piece was done with an oval shaped block, as opposed to the more common round blocks.

As always, thanks to the husband for the photography.

Memes of CascadiaJS.

2.17.2014

There have been a few recurring themes of CascadiaJS: