dvoiss.com SF & Chicago based software developer

CSS Scrolling Background

A nice effect to spruce up a page, I used this on the Writeasaurus app website.

<div class="scrollable_background"></div>

.scrollable_background {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/background.png);
    background-repeat: repeat;

    /* the animation,
       sbkf: scrollable background key-frame */
    animation: 
        sbkf 120s linear infinite;
    -ms-animation: 
        sbkf 120s linear infinite;
    -moz-animation: 
        sbkf 120s linear infinite;
    -webkit-animation: 
        sbkf 120s linear infinite;
}
/* image is 800px by 800px */
@keyframes sbkf {
    from { background-position: 0 0; }
    to { background-position: 800px 800px; }
}
@-webkit-keyframes sbkf {
    from { background-position: 0 0; }
    to { background-position: 800px 800px; }
}
@-ms-keyframes sbkf {
    from { background-position: 0 0; }
    to { background-position: 800px 800px; }
}
@-moz-keyframes sbkf {
    from { background-position: 0 0; }
    to { background-position: 800px 800px; }
}

Writeasaurus Android app

I mentioned previously the writing prompts mock-up I came up with in this post and decided that I needed to get a better grasp at the publishing aspect of developing apps. My Android development experience to date has been coding on my previous employers projects, but not pushing an app to the store myself. I decided to publish this app for my own education of the app publishing process. It's either that or abandonware!

Here are some screenshots as it stands right now:

Screenshot Screenshot 2 Screenshot 3

I just published the application Writeasaurus to the Google Play store. The application takes interesting writing prompts from the Writing Prompts subreddit on reddit.com and filters out the explicit ones, this was important because I decided to list it under the education section with the content rating "everyone".

I also put up a simple website for it hosted on github-pages: Writeasaurus.com. The app's code is available here.

Android app on Google Play

Reddit's Writing Prompts and an app

I sometimes read the writing prompts subreddit and since it was made a default sub it seems like a lot more people read and write them as well. I came up with a prototype writing prompts app for kids that would read in some of the prompts from Reddit but would sanitize them because I wanted the app to be listed with content rating "everyone" under the education category.

Here are some of the first mock-ups I put together:

Writing App Mock-up Writing App Mock-up 2

Experimentating with Three.js and writing GLSL

Recently I've been experimenting a bit with writing some simple shaders with GLSL. I decided to make a little playground to apply certain shaders and adjust their parameters. I also wanted to try three.js. Click here to view or fork the code.

Three.js/GLSL Image

Weekend Project: Amazon/Library Search App

An Amazon / Library Thing / CPL Mash-up

Update:It's been a couple years since this was posted, I don't think it works anymore but Google Analytics still shows usage.

My Amazon wishlist serves as my reading “todo” list, and I always pull it up when I go into my local branch or the main branch of the Chicago Public Library — but I only want to know which items are immediately available to be checked out (so items that the library typically stocks but are: in transit, on hold, reference only, etc. are of no interest to me). The resulting app allows me to pull the app up as I walk into the library to find what book I can get at that exact moment.

If anyone wants to use it go for it. Your Amazon wishlist needs to be public since Amazon doesn't expose wishlists via an API (I need to parse the web page), so you'll need to enter the email address you use with Amazon so the wishlist can be looked up at: www.amazon.com/registry/search.html?type=wishlist&field-name=your-email-address.

Check the README at the github repo or view the reddit thread for discussion. Also some coverage at Chicago A.V. Club.

Made with Sinatra, jQuery and HTML5. Results are streamed to the browser using Sinatra's streaming capability. An HTML5 capable browser is required for usage of EventSource to work with Sinatra's streaming capability.

Fork On GitHub

Mobile Analytics