Liquid Layouts

If you looked at the ePortfolio exemplars I blogged at the start of the month, you might have noticed that they required quite a big screen for optimum display. Many screens in schools are only 800×600 so I’ve been worrying about this for some time.

So… through December, Sasha rewrote all the templates to conform to a system known as ‘Liquid Layout’. The idea is that a web page should intelligently resize itself to whatever screen it finds itself on, rather than demanding that you the user buy a screen the same size as the designer’s.

Perfectly liquid layouts work equally well on desktop or your mobile phone. We’ve not gone quite that far, but we have improved things a lot. Certainly the portfolios will display fine on all common school computers.

With our intensively graphical format it wasn’t easy, and I’m pretty proud of what Sasha has achieved. Take a look for yourself; here are the same real students’ portfolios I showed last month, re-exported with the new templates:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s