Take One Standard Template…

There’s concerns about where website design is heading

questresponsiveThe worry is, it’s becoming a bit, well… samey.
 
You could blame lists like ‘Top 20 Web Design Trends’. I have my own theory…
 
The breaking of Internet Explorer’s dominance of the market in 2008, finally allowed the important pioneering work by Opera browser founder and all-round hero Håkon Wium Lie to come to fruition.
 
Microsoft’s refusal to fully adopt CSS2, in version 4, 5, 6 and 7 of Internet Explorer, held back it’s adoption for 10 years.
 

Template Websites

Placing all formatting in one CSS file (and using PHP’s ability to dynamically retrieve the latest content), has made building and maintaining websites less labour-intensive.
 
Customized page ‘templates’ and entire ‘themes’ can be created on CMS platforms like WordPress (remember Drupal Read More) finally making Web 2.0 a reality.

It doesn’t work on my phone

Unfortunately, this coincided with the output device challenge! Alongside standard 17.5″ desktop monitors there’s

  • super-sized monitors(21″+)
  • fun-sized netbooks(10.5″)
  • mobile tablets that can be viewed portrait and landscape.

Then there’s the smartphones…

  • Blackberry Torch/ Bold: 480px(pixels) x 360px
  • Android: 480px x 800px
  • iPhone 4/4s: 640px x 960px
  • Galaxy Nexus, HTC Rezound: 720px x 1280px

I believe this is where the drive for uniform layout design is coming from. You know the sort of thing. A row of 3 content columns of equal width followed by a row of 3 or 4 equal width footers.
 
It’s not ugly, but it’s rather dull. It doesn’t have to be like this.
 
With questmotorsport.co.uk I made the layout fit the content, not the other way around. It took a bit more ‘responsive design’ coding, but that’s far more enjoyable than writing 20 lines of code to make a photo move 10 pixels to the left in Internet Explorer 7, right ?!

Recommendation to Front End Developers

Work with graphic designers who have no idea of the challenges of web development. Resist the temptation to educate them on what’s ‘impossible’.
 
This will push you to find interesting new coding solutions to layouts you would normally avoid. You’ll find some of the constraints you put on yourself are artificial and make you a better coder.

2015-12-04T11:43:57+00:00 Geeky Tips|