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 just published this 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. It's also open source. (the website is too).

Android app on Google Play

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

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

Mobile Analytics