About
I'm really proud of this website. It's basically a culmination of everything I've ever learned about web development. Some of the features you might not notice include:
- CSS3 to draw the dark blue tabs and these lines and circles
- @media print CSS - try printing any page (uses page-break-inside)
- Mobile site - try loading this on your phone, and adding to home screen if you have an iPhone
- Photos hosted on a CDN (sort of - Amazon S3. I don't want to pay for Cloudfront)
- Keyboard navigation when viewing photos (Esc, left and right arrow keys)
- RSS feed with styles
- Sticky footer
And some features you definitely won't notice (since they're back-end)
- Uses my MVC framework
- Intelligently caches object data and only creates a database connection if necessary
- Admin allows me to upload multiple photos at once with HTML5
- I can also edit blog posts, etc. in-line with HTML5 contentEditable
- PHPMailer emails me when a new comment is posted
- Automatic daily database backups
Performance
After the initial page load, if you refresh, your browser only downloads two things - the page HTML and the Google Analytics GIF! I almost don't even need jquery-pjax. Here's how I make my website load so quickly:
- Load JavaScript in the footer (so even the first page load is fast)
- Gzip compression (HTML, CSS, JS) by Apache mod_deflate
- Expires headers (images, CSS, JS) set by Apache mod_expires
- Cache-Control headers on S3-hosted images
- HTML5 pushState using jquery-pjax