This is awesome I just showed it to a friend of mine who was still using a flicker blog to host then a blogger blog to grab the images and compile them then a wordpress blog to display them........................
To say the least this has been awesome.
I see that camera toted by a lot of photographers after I go "Oh wow, these photos look great!"
As much as it's the artist over the tool - I think I'm going to invest in this camera as my next step into photography. I've seen nothing but praise for the GX7.
I suggest you also get the mentioned Lumix 20mm lens with it: it’s simply a beautiful lens, even compared to more expensive ones. Its only downside is a not exactly state of the art focus speed, but it’s manageable, especially if you plan to do this type of travel photography.
I was actually planning on that, seeing as I have little knowledge of lens other than the lens matters as much if not more than the camera used.
Figure if I like the output I may as well invest in similar tools and practice. :) (Unless most of those photos are w/ the vintage lens that went unnamed...)
I didn't use the vintage lenses all that much, autofocus and zoom is just much more convenient. Also on the web 4k is pretty much the max viewable resolution. Camera lenses are designed for the sensor resolution which is typically 2-4x that amount, so lens quality almost doesn't matter for pictures viewed on the web.
I chose the GX7 because it's really small and light with decent image quality. If I were getting started now I'd be taking a serious look at the sony A7 M1.
This is really nice! Getting photos and especially video online in an easy way but still have it be beautiful has been really tricky. I'll definitely use this.
Phenomenal. I've bounced between Tumblr/Wordpress with photoblog themes, Flickr, 500px and Instagram for sharing my film photography with friends. This is better than all of those, especially with the captioning.
Since most of my photographs are organized by trip or theme, this is perfect.
I was using a tool one of my friends made, with a similar idea, just put images and videos in directories and have a script automatically generate a nice output. It can be found at https://github.com/jlaine/django-coconuts, but yours looks spectacular. I'm tempted to switch.
Wow, love your bio: "These days I mostly travel and work on random stuff that I find interesting. I'm not really looking for employment, but I've always wanted to work at NASA and/or Google. So if you're NASA and/or Google HR, drop me a line ;]"
Given that it's a static site, why the JS requirement? Most browsers already intelligently handle keeping the "right" number of assets in memory, do you believe your JavaScript handles it better?
Also, it's not at all responsive to different viewport sizes; this might be a good thing to address.
I'd actually agree that most static sites shouldn't require js. For image galleries though it really needs the lazy loading to save bandwidth imo.
Also it's "sort of" responsive, it just doesn't handle window resize right now. I didn't think that was an important use case, but now multiple people have pointed it out so I'll add it.
This looks amazing. Thank you for generalizing this and open sourcing it.
For anyone looking to use the polygon word wrap feature as in the demo on the Github page with the Eiffel Tower, take a look at its responsive behavior before you make that post. As you shrink the window down on jack.ventures, some text can be cut off, or no longer show up on a clear portion of the image like a wall.
This isn't a bug with the software so much as a flaw with the magazine "words on image clearing" style layout that doesn't translate perfectly to the web medium.
You may want to consider CSS breakpoints. They'll do that automatically without the page refresh, assuming the content layout is done using CSS already.
A rough design pattern I've seen is
Desktop resolutions: use layout in terms percent. For instance: left side of text begins at 50% of image width.
Tablet and mobile resolutions: fixed layouts for each resolution supported.
If you're doing the polygon containment using javascript, I imagine implementing such behavior might get really complex.
could do with some CSS media queries. Right now I'm using a javascript calculation for font size to avoid the discrete steps in CSS breakpoints. I figured you don't see anything without javascript anyways so might as well go all the way.
My philosophy for mobile resolutions is to just deliver the desktop experience. The text will be tiny yes, but you can just pinch to zoom. Sites that lock down the zoom kind of annoy me personally so that's why I did it that way.
The second theme does have media queries for mobile sizes though, since it doesn't rely on the text being in a particular spot to be readable.
Looks great, but man... this seems like websites for the top 10% of the world with great internet speed. This sites are really not good with slow(er) internet. Also look at amount of traffic needed for full example of http://jack.ventures even do not want to spend my mobile traffic on that example (although LTE is fast enough).
yes, don't get me wrong. It looks beautiful on desktop and I wished everybody could have great internet speed. But I know from professional experiences that e.g. people from South Africa will hate your pages (1-2Mbit is good DSL there). I know I only complain... but I also see bad styling. Most people nowadays browse with mobile and your fonts are too small and unreadable there (I also know there is no easy solution together with the pictures alignment).
Just saying... for people on desktop on good internet speed +1 but definitely not a solution which everybody should copy (even not photographers, there is a reason why thumbnail galleries exist, a good example is Google Photos)
You seem to have pretty clear ideas about how users with slow connections might want to experience this.
Would you consider making a pull request with an alternate theme (there are two already included)? You could adjust the styling as you see fit, and so forth. Best of all, were you to actually use this, you could modify the compression settings and even the scaling in a way that fits your needs, even if you don't end up making a PR on the original.
Looking at this, there are lots of ways where it feels like there could be things added to this to make it better -- a photo reorganizer, or something that would let you auto-tag / order photos from within the interface. Those kinds of things would be really neat, but are likely outside the scope of the (amazing) tool that Jack was kind enough to give us. If one were to go far enough down those rabbit-holes, pretty soon one would have rewritten it as a CMS. ;)
76 comments
[ 3.1 ms ] story [ 103 ms ] threadLast time I was on HN there was some interest in what I was using for the backend, so I cleaned up the code a bit and put it on github
As much as it's the artist over the tool - I think I'm going to invest in this camera as my next step into photography. I've seen nothing but praise for the GX7.
Figure if I like the output I may as well invest in similar tools and practice. :) (Unless most of those photos are w/ the vintage lens that went unnamed...)
I chose the GX7 because it's really small and light with decent image quality. If I were getting started now I'd be taking a serious look at the sony A7 M1.
http://www.imaging-resource.com/cameras/olympus/e-m1/vs/sony...
Were the video's created using the GX7 time lapse feature?
just added MIT license.txt
Since most of my photographs are organized by trip or theme, this is perfect.
I was using a tool one of my friends made, with a similar idea, just put images and videos in directories and have a script automatically generate a nice output. It can be found at https://github.com/jlaine/django-coconuts, but yours looks spectacular. I'm tempted to switch.
I wish I had that freedom.
command -v convert >/dev/null 2>&1 || { echo "ImageMagick is a required dependency, aborting..." >&2; exit 1; }
Also, it's not at all responsive to different viewport sizes; this might be a good thing to address.
EDIT: Oof, that's a kick in the karma. Aah, well.
Also it's "sort of" responsive, it just doesn't handle window resize right now. I didn't think that was an important use case, but now multiple people have pointed it out so I'll add it.
For anyone looking to use the polygon word wrap feature as in the demo on the Github page with the Eiffel Tower, take a look at its responsive behavior before you make that post. As you shrink the window down on jack.ventures, some text can be cut off, or no longer show up on a clear portion of the image like a wall.
This isn't a bug with the software so much as a flaw with the magazine "words on image clearing" style layout that doesn't translate perfectly to the web medium.
So if you resize the window and reload the page it should fit everything correctly again.
A rough design pattern I've seen is Desktop resolutions: use layout in terms percent. For instance: left side of text begins at 50% of image width.
Tablet and mobile resolutions: fixed layouts for each resolution supported.
If you're doing the polygon containment using javascript, I imagine implementing such behavior might get really complex.
My philosophy for mobile resolutions is to just deliver the desktop experience. The text will be tiny yes, but you can just pinch to zoom. Sites that lock down the zoom kind of annoy me personally so that's why I did it that way.
The second theme does have media queries for mobile sizes though, since it doesn't rely on the text being in a particular spot to be readable.
On mobile it should load the mobile-size version, which is much smaller than what you see on the desktop.
Would you consider making a pull request with an alternate theme (there are two already included)? You could adjust the styling as you see fit, and so forth. Best of all, were you to actually use this, you could modify the compression settings and even the scaling in a way that fits your needs, even if you don't end up making a PR on the original.
Looking at this, there are lots of ways where it feels like there could be things added to this to make it better -- a photo reorganizer, or something that would let you auto-tag / order photos from within the interface. Those kinds of things would be really neat, but are likely outside the scope of the (amazing) tool that Jack was kind enough to give us. If one were to go far enough down those rabbit-holes, pretty soon one would have rewritten it as a CMS. ;)
In a similar vein, I have a Jekyll plugin that reads folders of images and can create galleries: https://github.com/callmeed/jekyll-image-set
Nice that you have video support. Can't wait to give this a try.
I appreciate the use of simple bash shell script instead of a scripting language with lots of runtime dependencies.
Reminds me of ThumnsUp: https://github.com/rprieto/thumbsup
Interested in making things at Flickr? Drop me a line at eric at flickr.com :)