CSS3 - eSterling a fully charged digital agency Mon, 19 Jul 2010 12:54:32 +0000 en-US hourly 1 https://www.esterling.co.uk/wp-content/uploads/2025/04/cropped-esterling-mob-32x32.png CSS3 - eSterling 32 32 CSS3 PIE https://www.esterling.co.uk/blog/css3-pie/ Mon, 19 Jul 2010 12:54:32 +0000 https://blog.esterling.co.uk/?p=75 Internet Explorer has long been the bane of modern web development and while Microsoft are forging ahead with an ever […]

The post CSS3 PIE appeared first on eSterling.

]]> Internet Explorer has long been the bane of modern web development and while Microsoft are forging ahead with an ever growing list of features for IE9 there will still be for some time a need to support earlier versions. To meet the need for brand spanking new HTML and CSS support in old browsers there is a slowly increasing list of workarounds usually involving Javascript that enables the latest features. While certainly not the first CSS3 PIE is one of the more interesting solutions to the problem as it adds some of the more eye catching styling abilities of CSS3 to IE6 thru 8. With the addition of a simple behaviour file to your CSS you can have support for gradients, shadows and yes, even rounded corners.

http://css3pie.com/

The post CSS3 PIE appeared first on eSterling.

]]> CSS Media Queries https://www.esterling.co.uk/blog/css-media-queries/ Thu, 24 Jun 2010 08:03:24 +0000 http://esterling.wordpress.com/?p=9 Nary a month on from the UK launch of the iPad it’s iPhone 4 day. Beyond the sight of people […]

The post CSS Media Queries appeared first on eSterling.

]]> Nary a month on from the UK launch of the iPad it’s iPhone 4 day. Beyond the sight of people getting giddy over expensive consumer electronics the proliferation of mobile devices with all sorts of different resolutions and orientations raises the question of how best to serve web content that can be viewed as nature intended on all these devices. We’re not even past clients asking for pages that “fit on one screen” to which we invariably point to articles such as this – http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm –  so how do we build for everyone ?

One answer are CSS media queries. Simply put these allow you to supply different CSS depending upon queries about the devices resolution and orientation. For more information see http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html and http://www.alistapart.com/articles/responsive-web-design/

The post CSS Media Queries appeared first on eSterling.

]]>