|
|
- <?xml version="1.0" encoding="utf-8"?>
- <post>
- <title>Web Developer Checklist</title>
- <slug>chrome-extension-web-developer-checklist</slug>
- <author></author>
- <pubDate>2013-06-06 11:44:23</pubDate>
- <lastModified>2014-04-16 19:00:53</lastModified>
- <content><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<sup>rd</sup>-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></content>
- <ispublished>true</ispublished>
- <categories>
- <category>Chrome</category>
- <category>Best Practices</category>
- </categories>
- <comments>
- <comment isAdmin="false" isApproved="true" id="0a524d41-f95e-4746-a22d-59525d7ea475">
- <author>Jason</author>
- <email>[email protected]</email>
- <website></website>
- <ip></ip>
- <userAgent></userAgent>
- <date>2013-06-06 12:14:47</date>
- <content>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!</content>
- </comment>
- <comment isAdmin="true" isApproved="true" id="5edbaac8-eddf-4e52-90fb-c6cc40e3dad8">
- <author>Mads Kristensen</author>
- <email>[email protected]</email>
- <website></website>
- <ip></ip>
- <userAgent></userAgent>
- <date>2013-06-06 12:23:46</date>
- <content>Yes, I should update the roadmap because that is exactly what we are planning for as well. Thanks for the heads up!</content>
- </comment>
- <comment isAdmin="false" isApproved="true" id="cb6f1e5f-d42c-444f-aa47-4ad7b2bd91fa">
- <author>Maiis</author>
- <email>[email protected]</email>
- <website></website>
- <ip></ip>
- <userAgent></userAgent>
- <date>2013-06-06 12:55:53</date>
- <content>This page dosen&#39;t get a green status :p</content>
- </comment>
- <comment isAdmin="true" isApproved="true" id="ec20fc8c-f2e5-43ec-81d7-f66fcc35e7ee">
- <author>Mads Kristensen</author>
- <email>[email protected]</email>
- <website></website>
- <ip></ip>
- <userAgent></userAgent>
- <date>2013-06-06 13:12:43</date>
- <content>Yeah, that is rather ironic :)</content>
- </comment>
- <comment isAdmin="false" isApproved="false" id="c9005981-89f1-498a-9684-afa05b2448a9">
- <author>Maiis</author>
- <email>[email protected]</email>
- <website></website>
- <ip></ip>
- <userAgent></userAgent>
- <date>2013-06-06 14:55:53</date>
- <content>A new not yet approved comment.</content>
- </comment>
- </comments>
- </post>
|