160 px Column

160 Pixels: Unified Column Width for Designing Responsive Layouts

Months ago, mostly by accident, I started to design responsive websites within 160 px columns. I came to this idea because:

  1. responsive design is a must
  2. mobile-first is great as a design mindset
  3. narrows scope and boosts effectivity
  4. I needed to overcome fixed page size

If you remember CS4, it lacks support for flexible page size. By using multipage feature, you can have various page width within inDesign CS4.

Since than I realized, that’s it’s probably even more, than a pretty column size.

Continue reading “160 Pixels: Unified Column Width for Designing Responsive Layouts”
Material Design Translucent Status Bar for Hybrid Apps

Android Material Design Translucent Status Bar for Hybrid Apps

Since some Android 4+ apps build for the platform can run full screen, and since 4.4+ apps using the Immersive mode can hide the status & navbar and allow for a truly fullscreen UI.

Continue reading “Android Material Design Translucent Status Bar for Hybrid Apps”

Building Android Apps Dependencies [needs revision]

Some errors I came accross when trying out to build Ionic Android app following getting started tutorial.

I’m writing it 1 day later therefor it might not be all correct, but still might give a hint what to do for others (and future me).

Continue reading “Building Android Apps Dependencies [needs revision]”

Hacking CSS position:fixed with position:absolute

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.

Continue reading “Hacking CSS position:fixed with position:absolute”