Crawford Tait Posted February 20, 2015 Share Posted February 20, 2015 Hi all, http://axisanimation.com http://axis-vfx.com http://flauntproductions.com I've added these to the directory but you might like to check some of the more interesting details written up in a blog post here - http://newnow.co/blog/the-4k-website/ They use: Modified multisite module to mix shared and site-specific content in one instance Modified thumbnail inputfield for cropping Custom inputfield to retrieve video details from Vimeo API Form builder module They are responsive from mobile to 4K, built on Zurb Foundation, and use the new picture element in conjunction with Processwire to serve images at the most appropriate size, and double size for higher pixel density displays. Wouldn't have been possible without the great forum content and documentation so thanks to everyone in the community! Crawford. New Now Ltd. http://newnow.co 19 Link to comment Share on other sites More sharing options...
kongondo Posted February 20, 2015 Share Posted February 20, 2015 These look very nice, thanks for sharing and the write-up! Please add some links to the sites in your post, thanks. Link to comment Share on other sites More sharing options...
LostKobrakai Posted February 20, 2015 Share Posted February 20, 2015 Did you do something to prevent timeouts from such big image calculations? The 4k size is not the smallest image for php to parse. Link to comment Share on other sites More sharing options...
qtguru Posted February 20, 2015 Share Posted February 20, 2015 wow Guild of Wars looks awesome. nice site do they post about MMOPRGS on that sites ? Link to comment Share on other sites More sharing options...
Crawford Tait Posted February 20, 2015 Author Share Posted February 20, 2015 Links added, apologies - it was late! Link to comment Share on other sites More sharing options...
Crawford Tait Posted February 20, 2015 Author Share Posted February 20, 2015 Did you do something to prevent timeouts from such big image calculations? The 4k size is not the smallest image for php to parse. Hi, No - on initial upload generating images is time consuming and when we deployed the site to its live server we had to keep navigating and getting through timeouts, but once everything is cached and it's only the occasional new upload it's fine. Crawford. Link to comment Share on other sites More sharing options...
diogo Posted February 20, 2015 Share Posted February 20, 2015 Have you considered lazyloading the images? The site takes a long time to load because of them. I did it some time ago on this page that is quite heavy on images, and I think it works quite well. In that case I used this jQuery plugin, but there is a myriad of solutions out there. edit: More recently I also did it in our projects page, that uses picturefill, forgot about that , I used this plugin since it's compatible with PF. Link to comment Share on other sites More sharing options...
Crawford Tait Posted February 20, 2015 Author Share Posted February 20, 2015 Thanks! The lazyload JQ plugin is compatible with picturefill? Link to comment Share on other sites More sharing options...
diogo Posted February 20, 2015 Share Posted February 20, 2015 Sorry, somehow I didn't link to the plugin above. Edited my post to add it. Anyway, the plugin I was talking about—and forgot to link to—, that is compatible with PF is Lazy load XT. See here about its use with responsive images https://github.com/ressio/lazy-load-xt#responsive-images 2 Link to comment Share on other sites More sharing options...
LostKobrakai Posted February 20, 2015 Share Posted February 20, 2015 Here's an article about it: http://www.smashingmagazine.com/2015/02/03/redefining-lazy-loading-with-lazy-load-xt/ 2 Link to comment Share on other sites More sharing options...
jacmaes Posted February 22, 2015 Share Posted February 22, 2015 Take a look at lazysizes from Alexander Farkas who's on the modernizr team: https://github.com/aFarkas/lazysizes Very complete and constantly updated, it even includes its own responsive images polyfill and a set of additional plugins to lazyload iframes, modules, background images, etc. 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now