Confirmed users
504
edits
Mobile/Open Web: Difference between revisions
→Work at the CSS & HTML spec level
| Line 76: | Line 76: | ||
** Second, they do this when the layout of the mobile and desktop ''can't be achieved with the same HTML''. We should push the adoption of new CSS layouts (CSS3 Columns, FlexBox and perhaps Grids). This improved flexibility will reduce the need for UA Sniffing ([http://www.lukew.com/ff/entry.asp?1390], under Source Order) | ** Second, they do this when the layout of the mobile and desktop ''can't be achieved with the same HTML''. We should push the adoption of new CSS layouts (CSS3 Columns, FlexBox and perhaps Grids). This improved flexibility will reduce the need for UA Sniffing ([http://www.lukew.com/ff/entry.asp?1390], under Source Order) | ||
** To serve less big HTML images for the mobile than the desktop (no Media Queries for HTML, only for CSS!) ([http://www.lukew.com/ff/entry.asp?1390], under Media). We need to <span style="text-decoration: underline;">solve the <img> HTML problem</span> (See [http://24ways.org/2011/adaptive-images-for-responsive-designs HTML has an <img> problem]): | ** To serve less big HTML images for the mobile than the desktop (no Media Queries for HTML, only for CSS!) ([http://www.lukew.com/ff/entry.asp?1390], under Media). We need to <span style="text-decoration: underline;">solve the <img> HTML problem</span> (See [http://24ways.org/2011/adaptive-images-for-responsive-designs HTML has an <img> problem]): | ||
***The <img> tag has not the flexibility of the ''audio'' and ''video'' HTML elements that allows '''the client to choose the most adequate versions''' of the media. | ***The <img> tag has not the flexibility of the ''audio'' and ''video'' HTML elements that allows '''the client to choose the most adequate versions''' of the media. Instead, people does UA sniffing or do dirty tricks w/ JS. | ||
*** A SVG image is blurry in Firefox if resized, defeating the opportunity to recommend to use SVG images where possible. ([https://bugzilla.mozilla.org/show_bug.cgi?id=600207 Bug 600207]) | *** A SVG image is blurry in Firefox if resized, defeating the opportunity to recommend to use SVG images where possible. ([https://bugzilla.mozilla.org/show_bug.cgi?id=600207 Bug 600207]) | ||