<?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>&lt;p&gt;Earlier this year, &lt;a href="http://sedodream.com/" target="_blank"&gt;Sayed&lt;/a&gt; and I released &lt;a href="http://webdevchecklist.com/" target="_blank"&gt;Web Developer Checklist&lt;/a&gt; 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. &lt;/p&gt; &lt;p&gt;&lt;img width="279" height="580" title="image" style="padding-left: 10px; float: right;" alt="image" src="/posts/files/image.png" /&gt;Now we’re introducing Web Developer Checklist as a &lt;a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp" target="_blank"&gt;Chrome extension&lt;/a&gt; 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.&lt;/p&gt; &lt;p&gt;It performs a series of checks by analyzing the DOM as well as integrating with 3&lt;sup&gt;rd&lt;/sup&gt;-party services like &lt;a href="https://developers.google.com/speed/pagespeed/" target="_blank"&gt;Google PageSpeed&lt;/a&gt;.&lt;/p&gt; &lt;h2&gt;Next steps&lt;/h2&gt; &lt;p&gt;This first version of the &lt;a href="https://chrome.google.com/webstore/detail/web-developer-checklist/iahamcpedabephpcgkeikbclmaljebjp" target="_blank"&gt;Web Developer Checklist Chrome extension&lt;/a&gt; does a series of really valuable checks. The next releases will have even more.&lt;/p&gt; &lt;p&gt;Specifically, we’re looking at adding:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;HTML validation  &lt;/li&gt;&lt;li&gt;CSS validation  &lt;/li&gt;&lt;li&gt;Accessibility validation  &lt;/li&gt;&lt;li&gt;JSHint  &lt;/li&gt;&lt;li&gt;CssLint  &lt;/li&gt;&lt;li&gt;Guidance for each item&lt;/li&gt;&lt;/ul&gt; &lt;p&gt;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.&lt;/p&gt; &lt;h2&gt;Open source&lt;/h2&gt; &lt;p&gt;The Web Developer Checklist Chrome extension is open source and hosted on our &lt;a href="https://github.com/ligershark/BestPracticesChromeExtension" target="_blank"&gt;GitHub org&lt;/a&gt;. As always, pull requests are more than welcome.&lt;/p&gt;</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>jason.irwin@hotmail.com</email>
      <website></website>
      <ip></ip>
      <userAgent></userAgent>
      <date>2013-06-06 12:14:47</date>
      <content>Very useful extension. In the few minutes I&amp;#39;ve played with it so far I&amp;#39;ve found a few items that can be improved on my site. I&amp;#39;d love to see some guidance baked into the tool. For example, for &amp;quot;Add meaning with Microdata&amp;quot; it would be beneficial to provide a link for further reading/some rudimentary tips, etc. &lt;br /&gt;&lt;br /&gt;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>post@madskristensen.dk</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>evuigner@gmail.com</email>
      <website></website>
      <ip></ip>
      <userAgent></userAgent>
      <date>2013-06-06 12:55:53</date>
      <content>This page dosen&amp;#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>post@madskristensen.dk</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>evuigner@gmail.com</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>