tl;dr: Use this 1x1px PSD file to force launch Adobe Photoshop CS4.
I installed OS X 10.11 Beta, updated Java soon to realise I cannot run Photoshop CS4. I felt desperate for a while, restarted my book few times, with zero results until I suddenly opened PSD file from fellow designer.
Boom! The Photoshop was running as expected.
I asked him to create 1x1px PSD for me to test a more sherable/permanent solution. Since I’m writing this post, you know the results.
Basically the point is to serve as much of the page content in the first 14kB roundtrip. It’s done by inlining critical CSS and JS (I think even adding lazy loading script, polyfils, etc. can be critical JS) into the HTML.
Testing and debugging app or website on a real device is always a win. Most of the times, we are lucky to test on some of the friends devices. That’s when running an AVD — Android Virtual Device is much help and is better than nothing. Hence process is not so straightforward this post was born.
Objective: Create a fixed position header and footer while maintain the scrolling functionality cross-browser.
Looking at tables for position:fixed support you can notice, the support is fairly good these days. Still I meet people with Android running version Android < v3 and (maybe fewer) iPhones running version of iOS <5.
Point of having a website, not an app is to be accessible as much as possible. But what if you still want to have cutting edge design, even just to wow your customers.
Last few weeks/days I’ve been mostly polishing the Publisher which comes with templating support for Macaw exported HTML out of the box. Combining the data, translations and Macaw designing has significantly changed how I work.
I’ve decided to show you how to change Macaw example website into Publisher powered website with data comming from a data source rather being hard-coded in the Macaw HTML export. Together we’ll create a website in two languages with one design/code base: