PhoneGap Day

http://pgday.phonegap.com/

Really solid yet simple conference website layout. I really like the big header area with the mobile device illustrations that scroll through/over the PG logo. Then I notice that the entire page scrolls over the logo. Neato! There’s clearly some love and care put into pulling this site together. If Garth is behind you know it’s there! Also Ski Day!

I wanna go!

From the Designer:

The PhoneGap Day website needed a refresh with the new PhoneGap branding. The header is an illustration of a collection of popular mobile devices that each display a portion of a flat, simplified version of our Buildbot. As the screen size is reduced or expanded it changes the configuration of the illustrated mobile devices.

I built the site using a custom React static site generator. It changes pages like a single page app, but each page is also generated for seo, quicker initial page loads, and deeplinking to individual pages. The source is all open (apache2) on GitHub (https://github.com/phonegap/phonegap-day) and the site itself is hosted on GitHub pages.

Submitted by: Garth Braithwaite
Twitter: @garthdb
Role: Designer & Developer
Country: US

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

The Essential Guide to Getting Started on Freelance Writing

The Essential Guide to Getting Started on Freelance Writing

Explore the lucrative and fulfilling world of freelance writing with our essential guide. Learn about specialties like blogging, social media, article, and technical writing. Build a portfolio, find work, set up your business, and discover the potential earnings. Embrace the freedom of working from home and follow tips for success in your dream career.

Securing Your Website: A DevOps Security Checklist

Securing Your Website: A DevOps Security Checklist

Learn how to secure your website with a comprehensive DevOps checklist. Dive into SSL/TLS encryption, password practices, and more. Discover the power of Content Security Policy and safeguard your online presence effectively.