May 30, 2013 in WordPress Designer Snippets

WordPress Designer Snippet: Force SSL on Login for better security

You can force WordPress administrators to login using SSL (Secure Sockets Layer). SSL is an an encryption method, you’ve probably seen the little lock that appears in the address bar of your web browser on an SSL secured web page.

Add this code snippet to your config file to force SSL on login:

 

Read More


A List Apart

May 24, 2013 in Web Design Critique

Web Design Critique: A List Apart

This web design critique focuses on one of the web design industries leading publications, the infamous Alistapart. Their new responsive design is a pleasure to use regardless of device. The overall design is a clean and highly usable one column layout with easy reading large text.

A List Apart

Theres no traditional top main navigation on the homepage as such; but rather the content hierarchy navigates the user; with the homepage featuring the two most recent posts; exactly what 99% of their users want upon arrival. A secondary navigation in the footer holds what we’d consider main navigation.

The branding has had mixed reactions from the web community but I love the simplicity of the branding and I think the emphasis on type from such a large web design player is a beacon of direction as to where the web is heading, after all web pages are 99% text. Bold and brave ALA, I love it.

Type is mostly Georgia Pro, with bold headings set in ITC Franklin, again the Georgia choice had mixed reactions from the community, but I feel it works great in context with the bold headings.

The text and large illustrations (retina ready) allow the user to consume the content with ease. I think ALA have gone with the times and even showcased the web at it’s most accessible and naked best; an art directed text document.



May 10, 2013 in Web Designer Tips

Web Designer Tip: Browserstack for Browser Testing

It’s spring cleaning time again, which means that it is time to review my web browser testing set-up.  I once again pondered if there’s a better solution out there that can replace my current web browser testing set-up, which includes:

  • Legacy PCs
  • Virtual Machines
  • Browser Screenshot Services
  • Device Lab

Forgive me whilst I take a moment to rant about why all those above options are rubbish, and then tell you why you should use Browserstack for cross browser testing instead.

Read More


Web Design Bits: Mobile Navigation Examples With No Traditional Navigation

A collection of web design bits that showcase how web designers are tackling mobile navigation. On these designs the web designers have chosen to simplify the design so much that there is no traditional primary navigation in-sight, instead the focus is on getting the user straight into the content. This method ultimately saves lots of valuable space on the mobile screen and takes advantage of the linear scrolling of a mobile.

Mobile Navigation

ala-mobile-navigation

Read More


May 4, 2013 in Design Process

Web Page Design Width 2013, and the Device Landscape

Recently a junior web designer asked me “how wide should my web design be”? I said “it’s 2013, it should be as wide as the device”. The Designer looked puzzled and my answer was not useful.

We used to be able to design to 960 or 1000 px (pixels) width, but this is no longer the case. The device landscape has changed.

There are now (2013), a myriad of web browsers that we need to consider; Google Chrome has the market share of web usage with 50%,  followed by Mozilla Firefox with 28%, Internet Explorer 13%, and Apple’s Safari about 4%.  These browsers are typically being used on laptops and desktops with a screen resolution of higher than 1024 x 768px, according to W3C Schools.

Read More