Web CMS Designs: Forums
 

 
Post new topic Reply to topic
Message
Display posts from previous:       
PostPosted: Tue Aug 07, 2012 4:31 am
Reply with quote Back to top
spasticdonkey
Newbie
Newbie
Joined: Nov 18, 2010
Posts: 106
Location: Texas

View user's profile Send private message Visit poster's website
Thought this was pretty cool and is tentatively being included in the HTML5 spec, instead of HTML.next. The
<picture>
tag which offers responsive images without JavaScript or cropping/resizing a single image.

This is an example of a "mobile first approach"

html Code:
<picture alt="">

<!-- Matches by default: -->
<source src="mobile.jpg">
<source src="medium.jpg" media="min-width: 600px">
<source src="fullsize.jpg" media="min-width: 900px">
<img src="mobile.jpg">
</picture>

The "desktop first approach"

html Code:
<picture alt="">

<source src="default-fullsize.jpg">
<source src="medium.jpg" media="max-width: 1400px">
<source src="smaller.jpg" media="max-width: 1280px">
<img src="default-fullsize.jpg">
</picture>

The proposal: http://www.w3.org/community/respimg/wiki/Picture_Element_Proposal
HTML5 Inclusion: http://www.w3.org/community/respimg/2012/08/04/picture-in-the-html5-spec/
spasticdonkeywebcmsdesigns
 
PostPosted: Wed Aug 08, 2012 4:17 am
Reply with quote Back to top
nextgen
Newbie
Newbie
Joined: Aug 05, 2012
Posts: 49
Location: Maryland

View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger MSN Messenger
Now this is indeed exciting. I am very energized by all of the HTML5 simplicity of coding. I was just looking to see just how far IE 10 will have caught up for acceptance to HTML5 but not much information on it as of yet.
nextgenwith Kindness comes many rewards.
 
PostPosted: Wed Aug 08, 2012 6:40 am
Reply with quote Back to top
spasticdonkey
Newbie
Newbie
Joined: Nov 18, 2010
Posts: 106
Location: Texas

View user's profile Send private message Visit poster's website
I remember hearing them state it would be 100% css3 compliant, which is nice.. but not sure on html5. One of the biggest problems with any version of IE is that they are not updated regularly. While IE9 was a big step forward it's already showing it's age, and I imagine there is a huge list of features that every other browser has added since IE9 released. Also have to consider IE9 does not run on XP (and probably IE10) there are still too many users stuck at IE8 as a result.

Since those old versions may be in use for awhile, we'll likely be stuck using JavaScript to attain support in old browsers, regardless of how well IE9-10 preforms. There are some good JavaScript frameworks for it, but I haven't had a chance to really investigate; as of yet.
spasticdonkeywebcmsdesigns
 
PostPosted: Wed Aug 08, 2012 7:17 am
Reply with quote Back to top
nextgen
Newbie
Newbie
Joined: Aug 05, 2012
Posts: 49
Location: Maryland

View user's profile Send private message Send e-mail Visit poster's website Yahoo Messenger MSN Messenger
i did not know xp would not run those versions. See, your new site motto. "learn something new everyday".
nextgenwith Kindness comes many rewards.
 
PostPosted: Sun Sep 23, 2012 6:26 am
Reply with quote Back to top
Guardian
Newbie
Newbie
Joined: Sep 22, 2012
Posts: 23

View user's profile Send private message
One of the biggest problems that is going to face theme/template developers will be (the not very widely known) lack of support for CSS conditionals.
At the moment, many people (myself included) rely to some extent on detecting which version of IE is being used to alter some CSS rules, either for backward compatibility or to "fix" known behavioural bugs in IE.
Currently we can do this type of thing within a CSS file;
Code:


<!--[if gte IE 7]>
<div id="ie7andup"> <![endif]-->
<!--[if IE 6]> <div id="ie6only"> <![endif]-->
<!--[if IE 5.5000]> <div id="ie5-5only"> <![endif]-->
<!--[if lt IE 5.5000]> <div id="ie5-01only"> <![endif]-->
<div id="anyelement">a box with some content</div> [... more page content ...] <!--[if IE]> </div> <![endif]-->

Unless something changes, when IE 10 is released, you won't be able to the the above.

I'm not sure whether this is MS's way of forcing people to drop older browsers or an attempt to "force" developers to write code primarily with IE in mind (and other browsers last).
GuardianScript Shack
 
PostPosted: Mon Sep 24, 2012 3:31 am
Reply with quote Back to top
spasticdonkey
Newbie
Newbie
Joined: Nov 18, 2010
Posts: 106
Location: Texas

View user's profile Send private message Visit poster's website
Yes, I have some IE9 issues fresh on my mind, even though it is superior to it's predecessors; it's still lacking in many areas. My issue was with a flaw in the IE9 JavaScript event methods; which of course I only found after chasing down 100 other leads. Some of the recommended fixes required special meta tags to deal with IE's "compatibility view"; which of course has to be the first meta tag declared and causes other issues once deployed.

In terms of what I was working on, it just meant the twitter button would not load reliably all the time in IE9. Kinda disappointing when it works in Firefox, Chrome, Opera, and Safari. At least it produces a link which accomplishes the same effect, I guess.

In turn I either have to release something that does not work as intended on IE9, or turn something that should have been fairly straight forward into something much more complicated. Sad

Guardian, are you saying that conditional comments are being removed from IE10? I guess we can hope that we can treat it as a normal browser, but I'm not holding my breath... lol. IE will have to dump things such as "compatibility view" which tend to always infer that issues on a given site are because the site is coded improperly. In many cases with IE, it's the browser at fault.
spasticdonkeywebcmsdesigns
 
PostPosted: Thu Oct 18, 2012 7:13 am
Reply with quote Back to top
spasticdonkey
Newbie
Newbie
Joined: Nov 18, 2010
Posts: 106
Location: Texas

View user's profile Send private message Visit poster's website
Looks like support for responsive images is "picking up steam" as a couple of different solutions are being considered by browser vendors, free from HTML5 spec. What this means is browser may start supporting these features without having to wait for html5, or any other doctype, to officially include it.
http://www.netmagazine.com/news/responsive-image-proposals-gather-pace-122293

I touched on the picture element above, and the other option is the
srcset
attribute.. Hard to say exactly what the code will look like at this point, but possibly something like so.

html Code:
<img src="foo-lores.jpg"

srcset="foo-hires.jpg 2x, foo-superduperhires.jpg 6.5x"
alt="decent alt text for foo.">

There are also some things being considered for CSS4, this being one of them: The image-set() function

For the full "unofficial" draft, this document captures the use cases and requirements for standardizing a solution for responsive images:
http://responsiveimagescg.github.com/ri-usecases/
spasticdonkeywebcmsdesigns
 
PostPosted: Wed Jan 23, 2013 10:00 am
Reply with quote Back to top
Guardian
Newbie
Newbie
Joined: Sep 22, 2012
Posts: 23

View user's profile Send private message
Yes, the last article I read from MS said they were dropping support for CSS conditioanls. Maybe they got sick of the bad press because everyone has to deploy workarounds so thought they would nip it in the bud. Only they know for sure - if IE 10 is any good, it might work in their favor, if not, it could be the death knell for IE especially know they are trying to re-enter the mobile phone and tablet market.

Regarding images, came across an interesting one yesterday
Code:
<img data-src="myimage.gif" />

I need to check the spec for that one Smile
 
Post new topic Reply to topic Web CMS Designs Forum Index Coding Discussion HTML5
Your AccountNew Members
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum


Powered by phpBB © 2001-2008 phpBB Group
 
 
nukeSEO