Ekstasis.net is an exploration of the latest approaches used in web site development. It countenances the separation of content, behavior and presentation in web design.
Jan 15
Here’s a few tips to bear in mind now we have a new range of browsers.
Accessibility needs are becoming more important as a solution to giving cross-browser accessibility to everyone. It’s not just people who have accessibility needs, now it’s devices, or ‘thin clients’ which are having accessibility issues.
There’s some new rules for ensuring your web site works with browser zoom or in the new mobile browsers.
Phone browsers
There’s two new browsers in town: Apple IPhone and Opera Mini (testing on version 3.1.2). They shrink full websites down to a small screen size.
1. Css media=”handheld” is ignored by the iPhone and Opera mini browsers. They think they’re real browsers. Any style-sheet with media=”screen” will be rendered by these phone browsers.
2. Zoom isn’t a raster zoom. The text font size is reduced independently to the spacial elements. It should be reduced by exactly the same amount but it doesn’t always work perfectly.
Continue reading »
written by mat
Related Posts:
Nov 26
This is the web: it moves. We have small screens, wide screens, and a variety of needs for the desktop space on any screen. Fixed layouts are for magazines.
If visitors have a 1024 pixels wide screen - and they don’t want to stretch the browser widow across the entire width - any 1024 pixel wide fixed layout means horizontal scrolling - and that’s not very nice.
In order to demonstrate liquid or fixed CSS functionality within the page it’s necessary to have a liquid layout. It’s even possible to have a liquid elastic layout.
Here’s a list of some of the best liquid layout tutorials on the web: CSS Liquid Layouts.
Liquid layouts do need a minimum width to stop the design breaking when the browser is narrowed. CSS or JavaScript can be used to do this (click here for some links.)
O.K., a rant about liquid layouts within a fixed layout design may be the epitome of irony but hypocrisy is this “blogger’s” speciality. This liquid layout for Wordpress: SeaBeast looks great. It doesn’t have a minimum width but uses a drop column technique so the design looks good at narrow widths.
Here’s a couple of liquid layouts with border images to give great flexibility with web page design:
Make like the polar ice caps: go liquid.
written by mat
Related Posts:
