Web

  • Child theme for Serene

    Child theme for Serene

    Not long ago, I came across a beautiful WordPress theme called Serene. It’s designed for large screens, but it’s also responsive, so it looks good on small screens, too. I decided to switch out my current theme, Twenty Thirteen, in favor of Serene.

  • CSS envelope and letter

    CSS envelope and letter

    I came across a tutorial online that caught my eye. It wasn’t the tutorial itself that I liked, though; it was the image they used in the header.

  • CSS animation

    I had an idea to create an animation of an envelope opening, and a piece of paper being removed and unfolded. This is the result.

  • Dat swipe effect

    Dat swipe effect

    I’ve been tinkering quite a bit lately with Swiper for a project at work. I had an idea for a swipe effect that I haven’t seen outside of only one place: the Android homescreen.

  • So Keep was updated yesterday

    … and it’s about time. I had begun to wonder if they’d forgotten all about it. I decided to check out Google’s official Chrome app again, in case they’d added anything new, like maybe account switching. They haven’t. (Account switching, by the way, is supported in my extension. Just sayin’.)

  • Keep extension update

    Keep extension update

    In an attempt to get my Google Keep extension accepted once again into the Chrome web store, I have rebranded it. In the meantime, however, I have updated it to version 1.7 and committed the changes to its Github project. Read on for change highlights.

  • Click the unicorns. CLICK THEM

    Click the unicorns. CLICK THEM

    I found the image when I searched on Google Images for “base64 encoding.” You really can find anything on the internet.

  • New Chrome extension

    New Chrome extension

    I’ve pushed out my new Chrome extension. Check out some screens.

  • Keep extension update

    Keep extension update

    I made a slight update to my Keep extension today. Check out the details below or get the latest from Github.

  • The best CSS evar

    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } W3C really screwed up the box model. This will make your webs better. (It doesn’t work in IE7, but why are you still supporting it anyway?)

  • Building what Google didn’t

    My latest on-the-side project has been building an extension for Google’s recently-released web app, Keep. It’s been a fun ride, but without an API, I don’t think there’s anything more I can do.

  • CSS tooltips

    Inspired by Andy Park’s Pure CSS Tooltips pen, I took it one step further. Data attributes define the placement of the tooltip: left, right, top and bottom.