You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

61 lines
4.9 KiB

<?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>[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&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>[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&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>[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>