Designer News
Where the design community meets.
England UX/Front-end | UXofVR.com Joined over 8 years ago
Yeah the image optimisation is the biggest pain point on Chris' site. Besides specifying the higher res images using srcset
, he could also move to lazy loading them with a nice fade-in if people scroll them in to view.
He's using a library for smoothly scrolling down to an anchor on the page, which could be replaced with 5 lines of jQuery.
Additionally, I'm not sure such a simple website needs all of Foundation -- there are light weight grid frameworks out there that don't include the kitchen sink.
Other than that, as I should have said in my original comment, it's a lovely site!
I'm using some gulp tasks to stick it all together, but the main page is just a static page served over Cloudflare.
The important bits are: - appropriately sized images - important CSS in a <style>
tag at the top of the page, the rest pulled in at the end of the document. (Pagespeed/Cloudflare actually inlines this too!)
It's a bit of a cheat really as it's such a simple page!
The blog is built with Jekyll, hosted on Github and again served over Cloudflare, but only scores 97/100. I'm using a Service Worker to cache some bits for returning visitors. You can see the source here: https://github.com/omgmog/omgmog.github.com
It's pretty fast, but it could be faster! https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.chrisberridge.com%2F&tab=desktop (47/100)
Here's my portfolio: https://omgmog.net and PageSpeed result for comparison: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fomgmog.net&tab=desktop (100/100)
You beat me to it!
I've been putting uxofvr.com together since last November, lots of great resources to help you get started.
If you can think of anything to add to the list, let me know via Github
A bunch of new tab replacements (which will surely conflict?) as a ruse to push your Basket bookmarks extension.
I think I'll pass, thanks!
I used Moo.com for "save the date" postcards, generally happy with the result.
My wife and I ended up printing the full 3-card invites, table names and seating plan ourselves though. High quality card stock, hours sat over a printer, hours cutting and tying string, hours stuffing envelopes and looking at a spreadsheet.
We looked at local screen printing and letter pressing places, but the price was understandably high.
If you've got the patience, do it yourselves. It's a good test of whether the marriage will work!
Some of the resources cover AR, and generally some of the approaches/methods for VR can be applied to AR.
Thanks.
Here it is as a Show DN https://www.designernews.co/stories/71959-show-dn-i-made-a-website-with-tons-of-resource-about-the-ux-of-vr
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Sketch and this template https://blog.prototypr.io/sketch-plugin-sketch-to-vr-4e23ced47e6
Prototool http://prototool.co/
A-Frame makes it quite easy to create scenes using HTML-like markup https://aframe.io (tutorial: https://aframe.io/aframe-school/)
Co-spaces is quite intuitive https://cospaces.io/
And then also be sure to run through the content on http://www.uxofvr.com/ for pointers.
(full disclosure: uxofvr.com is a list I curate)