{"id":10338,"date":"2006-08-15T18:26:23","date_gmt":"2006-08-15T15:26:23","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/2006\/08\/15\/web-standards-are-important-the-google-example\/"},"modified":"2006-08-15T18:26:23","modified_gmt":"2006-08-15T15:26:23","slug":"web-standards-are-important-the-google-example","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2006\/08\/15\/web-standards-are-important-the-google-example\/","title":{"rendered":"Web standards are important.  The Google example."},"content":{"rendered":"<!-- google_ad_section_start -->\n<p>It&#8217;s been said over and over again that everyone should pay close attention to web standards, when developing websites.  Benefits are way too many &#8211; from decreased size and complexity of the website to better parsing with all sort of devices.  All we need now is a bunch of examples.  Examples, that use big names and are easy to understand.<\/p>\n<p>Imagine how much bandwidth can be saved by chopping off a kilobyte or two from the Google&#8217;s main page.  Here&#8217;s <a href=\"http:\/\/blog.outer-court.com\/archive\/2006-08-10-n50.html\">why and how  post<\/a> by Philipp Lenssen.<\/p>\n<blockquote cite=\"http:\/\/blog.outer-court.com\/archive\/2006-08-10-n50.html\"><p>I end up with a Strict page (HTML + CSS, no JS) of 2.85 K. I end up with Google\u00e2\u20ac\u2122s deprecated page (just the HTML, no JS) of 3.08 K. (Furthermore, when we save the logo as PNG instead of GIF and crop it from unnecessary white space, we end up with a 7.87 K image instead of a 8.35 K one.)<\/p><\/blockquote>\n<p>Via <a href=\"http:\/\/photomatt.net\/2006\/08\/14\/google-markup\/\">Photo Mutt<\/a>.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>It&#8217;s been said over and over again that everyone should pay close attention to web standards, when developing websites. Benefits are way too many &#8211; from decreased size and complexity of the website to better parsing with all sort of devices. All we need now is a bunch of examples. Examples, that use big names &hellip; <a href=\"https:\/\/mamchenkov.net\/wordpress\/2006\/08\/15\/web-standards-are-important-the-google-example\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Web standards are important.  The Google example.<\/span><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"keyring_services":[],"class_list":["post-10338","post","type-post","status-publish","format-standard","hentry","category-general"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28412,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/26\/winamp2-js-implementation-of-winamp-2-9-in-html5-and-javascript\/","url_meta":{"origin":10338,"position":0},"title":"Winamp2-js &#8211; implementation of Winamp 2.9 in HTML5 and JavaScript","author":"Leonid Mamchenkov","date":"February 26, 2018","format":false,"excerpt":"Atwood's Law states that any application that can be written in JavaScript, will eventually be written in JavaScript.\u00a0 Winamp2-js is yet another example supporting this law.\u00a0 It is a re-implementation of Winamp 2.9, a classic Windows MP3 player from decades ago, done in HTML5 and JavaScript. The source code is\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/winamp.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18894,"url":"https:\/\/mamchenkov.net\/wordpress\/2013\/11\/30\/list-js-search-sort-filters-flexibility-to-tables-list-and-more\/","url_meta":{"origin":10338,"position":1},"title":"List.js &#8211; Search, sort, filters, flexibility to tables, list and more","author":"Leonid Mamchenkov","date":"November 30, 2013","format":"link","excerpt":"List.js - Search, sort, filters, flexibility to tables, list and more Tiny, invisible and simple, yet powerful and incredibly fast vanilla Javascript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. Source code on GitHub.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28981,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/11\/18\/glider-js-fast-light-weight-dependency-free-responsive-native-scrolling-list-with-paging-controls\/","url_meta":{"origin":10338,"position":2},"title":"Glider.js &#8211; fast, light-weight, dependency free, responsive, native scrolling list with paging controls","author":"Leonid Mamchenkov","date":"November 18, 2018","format":false,"excerpt":"For anyone who needs an image gallery or any scrolling list for that matter, Glider.js looks like a good option.\u00a0 It's super simple to use, light, responsive, and dependency free.\u00a0 Have a look at some demos here.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9501,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/09\/27\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":10338,"position":3},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"September 27, 2005","format":false,"excerpt":"Shared bookmarks for del.icio.us user tvset on 2005-09-26 HOWTO Spot a Wannabe Web Standards Advocate Tagged as: accessibility css html humor lists standards web Ajax for Java developers: Build dynamic Java applications Tagged as: ajax applications article code css design development documentation examples gui howto ibm java javascript programming reference\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26294,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/07\/28\/wtf-the-inner-json-effect\/","url_meta":{"origin":10338,"position":4},"title":"WTF : The Inner JSON Effect","author":"Leonid Mamchenkov","date":"July 28, 2016","format":false,"excerpt":"I've seen my share of horrible systems, but I haven't seen anything this bad: \u201cSo you have \u2018customers.json\u2019 and \u2018customers.js\u2019. The JSON file is the metadata and the JS file has all the code. So the list of functions in the JSON file tells JDSL to look up those revisions\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28660,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/07\/08\/the-div-that-looks-different-in-every-browser\/","url_meta":{"origin":10338,"position":5},"title":"The div that looks different in every browser","author":"Leonid Mamchenkov","date":"July 8, 2018","format":false,"excerpt":"Martijn Cuppens tweets the link to this code snippet and a screenshot of how the code renders in different browsers.\u00a0 Yup.\u00a0 Each browser produces a different result.\u00a0 The Twitter thread has more examples. This is yet another example of how CSS and cross-browser compatibility can drive a web developer insane.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/07\/div-500x333.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/10338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=10338"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/10338\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=10338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=10338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=10338"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=10338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}