Confirmed users
504
edits
Mobile/Open Web: Difference between revisions
Jump to navigation
Jump to search
→Work at the CSS & HTML spec level
No edit summary |
|||
| Line 73: | Line 73: | ||
* To work-around bugs in browsers. This is not a big problem as that means that they are already considering different engines. Improving interoperability by fixing bugs is always nice. | * To work-around bugs in browsers. This is not a big problem as that means that they are already considering different engines. Improving interoperability by fixing bugs is always nice. | ||
* To provide different HTML for mobile and desktop as they have different layouts. This is necessary in different cases: | * To provide different HTML for mobile and desktop as they have different layouts. This is necessary in different cases: | ||
**First if | **First if they have ''completely different Web sites''. We should convinced them, that this is not necessary the right way to go: Progressive Enhancement (PE) is much more future-proof. | ||
** 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]): | ||