CSS and "media query" -- smartphone vs desktop

2016-10-25 Thread Jim Nagel
Any chance of Netsurf's CSS handling being extended a bit to support 
"media query"?

Reason I ask is that I want to rejig my various websites (including 
Archive's) so that (among other things) they will be readable on 
smartphone screens as well as desktop screens.

I gather that the "media query" in CSS would make it possible to have 
a single design to which the end-browser will respond accordingly -- 
this would be much more elegant than having separate code for each 
target possibility.

My son Bart (now a pro web developer in Vancouver, but brought up on 
RiscOS so knows the scene) is helping on this.  We're not aiming to do 
anything elaborate, but elegance yes please.

There's probably a narticle for Archive magazine in all this!

-- 
Jim Nagelwww.archivemag.co.uk



Re: CSS and "media query" -- smartphone vs desktop

2016-10-25 Thread Michael Drake



On 25/10/16 10:47, Jim Nagel wrote:

Any chance of NetSurf's CSS handling being extended a bit to support
"media query"?


It's something I'd like to get to soon.  I've done a little thinking
about it, e.g.:

http://source.netsurf-browser.org/libcss.git/commit/?h=tlsa/media-queries&id=c80c8fa28f7ac131e0bbf90957d31f268797c79e

I'm hoping we'll be able to start looking at it more closely soon, but
who can say?

--

Michael Drake  http://www.codethink.co.uk/



Re: CSS and "media query" -- smartphone vs desktop

2016-10-25 Thread Vincent Sanders
On Tue, Oct 25, 2016 at 10:47:45AM +0100, Jim Nagel wrote:
> Any chance of Netsurf's CSS handling being extended a bit to support 
> "media query"?

It has been on our list of "important" things to do for some
considerable time now. We know what needs to be done and how [1] but
as usual development time is limited and noone has yet had time to
work on the feature.

> 
> Reason I ask is that I want to rejig my various websites (including 
> Archive's) so that (among other things) they will be readable on 
> smartphone screens as well as desktop screens.
> 
> I gather that the "media query" in CSS would make it possible to have 
> a single design to which the end-browser will respond accordingly -- 
> this would be much more elegant than having separate code for each 
> target possibility.

it affects an increasingly large number of websites so its importance
as a feature is rising.

> 
> My son Bart (now a pro web developer in Vancouver, but brought up on 
> RiscOS so knows the scene) is helping on this.  We're not aiming to do 
> anything elaborate, but elegance yes please.
> 
> There's probably a narticle for Archive magazine in all this!
> 
> -- 
> Jim Nagelwww.archivemag.co.uk
> 
> 

[1] note this has some bad language 
http://wiki.netsurf-browser.org/Css_media_queries

-- 
Regards Vincent
http://www.kyllikki.org/



Re: CSS and "media query" -- smartphone vs desktop

2016-10-25 Thread Tim Hill
In article <20161025101401.gb2...@kyllikki.org>,
   Vincent Sanders  wrote:
> On Tue, Oct 25, 2016 at 10:47:45AM +0100, Jim Nagel wrote:
> > Any chance of Netsurf's CSS handling being extended a bit to support 
> > "media query"?

> It has been on our list of "important" things to do for some
> considerable time now. We know what needs to be done and how [1] but
> as usual development time is limited and noone has yet had time to
> work on the feature.

> > 
> > Reason I ask is that I want to rejig my various websites (including 
> > Archive's) so that (among other things) they will be readable on 
> > smartphone screens as well as desktop screens.

[Snip]

I find that this meta tag immediately fixes lots of issues without having
to come up with a new CSS file for each and every device.

 

The viewport meta tag doesn't fix everything but is a good interim
measure until you have time to do things 'properly'.

-- 
Tim Hill
www.timil.com

web sites * multimedia * training