Jonathan Moore

Jonathan Moore

I am a designer who lives in code, entrepreneur, and an idea incubator driven to make our world a better place.

Instagram

Liked Posts

Showing 2 posts tagged water

Swell 1.0 Launch & Style Hatch Update Finally, the latest Style Hatch premium theme, Swell is live!  Although the design is a bit more on the simplistic side there is an insane amount of detail that went into the build and overall experience.  Early next week I’ll write up a post going into the details of how I pull off some of the more intense features.  For now, here’s an overview of some of my favorite features: Infinite scrolling & lightbox post view - One of the things I don’t like about most infinite scrolling sites is scrolling down several pages, clicking on a post, and going back to find that I lost where I’m at.  To get around this in Swell I introduced a lightbox style post viewer.  With the viewer the page never has to refresh or update as you’re browsing. Deep linking and browser history - As you’re going through the posts you will notice that the URL updates with post hashbangs (/#!/post/5649171891/water-changes-everything) that allow you to copy and paste the URLs.  Plus this allows for the browser to track your history so that you can use the back / forward buttons. Keyboard shortcuts - Browse the posts by hitting J/K to go next/back and ESC to close the window. Description reveal - Rather than cluttering the page with the site description, recent tweets, liked posts, Flickr posts, etc all of those features are hidden at the top of the site in a reveal.  You can click the top right triangle, about link in the header, or browse to (/#!/about) to see the reveal. Typekit - Like all the other Style Hatch themes this one includes full Typekit support allowing you to set the title, body and UI fonts. Swell Updates After seeing real-world usage of Swell I already have a growing list of tweaks and improvements for the theme.  Most of them are focused on increasing performance so that the theme is lightning fast when hundreds of posts are on the page at once.  Across all the Style Hatch themes I’ve pushed live nearly 100 updates, so this is only the beginning. If you have any questions, ideas or issue email me personally at swell@stylehatch.co.  I always try to get to emails within a day with the exception of weekends and holidays. Giving Back At the beginning of May I decided to start taking a portion of each theme’s sales to give back and help do good in developing countries.  Now, for every 5 themes sold 1 person will be given access to clean water through Charity Water.  At the close of the month I will share more details, including the ability to track and see specific freshwater projects that were made possible through Style Hatch.  I really hope that this doesn’t come across as a marketing gimmick.  Honestly I’m extremely excited to give back to something that makes a real difference.  Already hundreds of people will be helped.  Learn more about what Charity Water is doing—Why Water? The Future of Style Hatch There is a lot going on behind the scenes with Style Hatch right now as I’m working to launch even more premium Tumblr themes and move to other platforms (no plans for Wordpress themes).  On Monday Jess Brown, my first full-time employee, starts working with me at New Ezra and Style Hatch.  His official role will be the director of customer experience which will cover support, outreach, as well as many other things.  The future is extremely bright!

Swell 1.0 Launch & Style Hatch Update

Finally, the latest Style Hatch premium theme, Swell is live!  Although the design is a bit more on the simplistic side there is an insane amount of detail that went into the build and overall experience.  Early next week I’ll write up a post going into the details of how I pull off some of the more intense features.  For now, here’s an overview of some of my favorite features:

  • Infinite scrolling & lightbox post view - One of the things I don’t like about most infinite scrolling sites is scrolling down several pages, clicking on a post, and going back to find that I lost where I’m at.  To get around this in Swell I introduced a lightbox style post viewer.  With the viewer the page never has to refresh or update as you’re browsing.
  • Deep linking and browser history - As you’re going through the posts you will notice that the URL updates with post hashbangs (/#!/post/5649171891/water-changes-everything) that allow you to copy and paste the URLs.  Plus this allows for the browser to track your history so that you can use the back / forward buttons.
  • Keyboard shortcuts - Browse the posts by hitting J/K to go next/back and ESC to close the window.
  • Description reveal - Rather than cluttering the page with the site description, recent tweets, liked posts, Flickr posts, etc all of those features are hidden at the top of the site in a reveal.  You can click the top right triangle, about link in the header, or browse to (/#!/about) to see the reveal.
  • Typekit - Like all the other Style Hatch themes this one includes full Typekit support allowing you to set the title, body and UI fonts.

Swell Updates

After seeing real-world usage of Swell I already have a growing list of tweaks and improvements for the theme.  Most of them are focused on increasing performance so that the theme is lightning fast when hundreds of posts are on the page at once.  Across all the Style Hatch themes I’ve pushed live nearly 100 updates, so this is only the beginning.

If you have any questions, ideas or issue email me personally at swell@stylehatch.co.  I always try to get to emails within a day with the exception of weekends and holidays.

Giving Back

At the beginning of May I decided to start taking a portion of each theme’s sales to give back and help do good in developing countries.  Now, for every 5 themes sold 1 person will be given access to clean water through Charity Water.  At the close of the month I will share more details, including the ability to track and see specific freshwater projects that were made possible through Style Hatch.  I really hope that this doesn’t come across as a marketing gimmick.  Honestly I’m extremely excited to give back to something that makes a real difference.  Already hundreds of people will be helped.  Learn more about what Charity Water is doing—Why Water?

The Future of Style Hatch

There is a lot going on behind the scenes with Style Hatch right now as I’m working to launch even more premium Tumblr themes and move to other platforms (no plans for Wordpress themes).  On Monday Jess Brown, my first full-time employee, starts working with me at New Ezra and Style Hatch.  His official role will be the director of customer experience which will cover support, outreach, as well as many other things.  The future is extremely bright!

How to Use Peanut Oil in a Website

Razorfish division Amnesia posed up a video of how they used peanut oil and water to create a wave effect for the cruise liner website P&O.  Sometimes simulating these effects in 3D, After Effects, or Flash simply don’t cut it.

Although Amnesia did a good job creating a wave effect for the site they took shortcuts on blending it into the site which ruins the illusion.  The small details do matter.