chrome-extension-web-developer-checklist 2013-06-06 11:44:23 2014-04-16 19:00:53 <p>Earlier this year, <a href="http://sedodream.com/" target="_blank">Sayed</a> and I released <a href="http://webdevchecklist.com/" target="_blank">Web Developer Checklist</a> to help web developer adhere to best practices. Checklists like these can be really helpful to make sure we don’t forget anything before releasing new or updated websites. </p> <p><img width="279" height="580" title="image" style="padding-left: 10px; float: right;" alt="image" src="/posts/files/image.png" />Now we’re introducing Web Developer Checklist as a <a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp" target="_blank">Chrome extension</a> that can automate a big portion of the checklist. The extension let’s you run checks for various best practices on any website - including your own running from localhost.</p> <p>It performs a series of checks by analyzing the DOM as well as integrating with 3^rd-party services like <a href="https://developers.google.com/speed/pagespeed/" target="_blank">Google PageSpeed</a>.</p> <h2>Next steps</h2> <p>This first version of the <a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp" target="_blank">Web Developer Checklist Chrome extension</a> does a series of really valuable checks. The next releases will have even more.</p> <p>Specifically, we’re looking at adding:</p> <ul> <li>HTML validation </li><li>CSS validation </li><li>Accessibility validation </li><li>JSHint </li><li>CssLint </li><li>Guidance for each item</li></ul> <p>We think these checks would be hugely beneficial. If you have ideas for other checks that can be automated, please let us know in the comments below.</p> <h2>Open source</h2> <p>The Web Developer Checklist Chrome extension is open source and hosted on our <a href="https://github.com/ligershark/BestPracticesChromeExtension" target="_blank">GitHub org</a>. As always, pull requests are more than welcome.</p> true Chrome Best Practices Jason jason.irwin@hotmail.com 2013-06-06 12:14:47 Very useful extension. In the few minutes I&#39;ve played with it so far I&#39;ve found a few items that can be improved on my site. I&#39;d love to see some guidance baked into the tool. For example, for &quot;Add meaning with Microdata&quot; it would be beneficial to provide a link for further reading/some rudimentary tips, etc. <br /><br />Great work - I look forward to seeing this extension evolving! Mads Kristensen post@madskristensen.dk 2013-06-06 12:23:46 Yes, I should update the roadmap because that is exactly what we are planning for as well. Thanks for the heads up! Maiis evuigner@gmail.com 2013-06-06 12:55:53 This page dosen&#39;t get a green status :p Mads Kristensen post@madskristensen.dk 2013-06-06 13:12:43 Yeah, that is rather ironic :) Maiis evuigner@gmail.com 2013-06-06 14:55:53 A new not yet approved comment.