Created by:
Sayed Ibrahim Hashimi
http://sedodream.com
@sayedihashimi
Mads Kristensen
http://madskristensen.net
@mkristensen
Web Developer Checklist
Home Page: https://www.toptal.com/developers/webdevchecklist
License: Other
Created by:
Sayed Ibrahim Hashimi
http://sedodream.com
@sayedihashimi
Mads Kristensen
http://madskristensen.net
@mkristensen
I'm not sure why, but WDC just wont give me a green tick, eventhough I can see that my site already has favicon applied on Chrome
Hi, I'm the creator of a site-wide HTML and CSS validator (you enter the URL of the site and it crawls and validates hundreds of pages).
I think it would be a nice addition to the Web Dev Checklist, but being a paid service, I'm not sure if this would be welcome here.
As I don't want to spam anyone, I won't post the URL here. Ping me at @jaimeiniesta if more info needed.
Thanks!
Just discovered the Windows 8 pinning wizard, thought it might have a place here.
Wassup?
When you click on information ico sections starts jumoing
For people who have international audiences.
That's can be very useful a checklist for ASP.NET Core Developers.
When you expand content, it's really annoying to have elements jump from one column to the next.
I see it uses CSS columns, maybe a way to fix this ?
Currently Clear All deletes all the local storage data. For those who have app specific check marks this will clear them all.
It would be nice to have a few nice images. Minimally we need:
Please add the mobile-friendly test by Google. https://www.google.com/webmasters/tools/mobile-friendly/
I think it will be useful to add CDN services to Perfomance section
The demo page should be updated for the following.
Nothing should go live without monitoring...
Should have Page Uptime, Page Load Time, Application Performance, Server Health, Server Access, and Content Monitoring options.
I'm willing to take a stab, can take a fork and have a play, will let you know when I've got something together.
I think it will be usefull to add this tool http://spoon.net/browsers
would love to be able to print the complete check list on a single page.
wouldn't it be better to also lowercase or sluggify the url?
haven't tried any spaces yet but suppose someone adds a space, do you trim them out?
just a suggestion, want to hear what others have to say...
for me it is just easier to think of the web as in, urls always go lowercase.
https://github.com/ligershark/webdevchecklist.com/blob/master/App_Data/items.xml#L164 has an extra angle-bracket
I did try to do a pull for this but the proxy I'm behind doesn't like git push.
Hi, after clean install on the web i get this message.
The given key was not present in the dictionary.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.Collections.Generic.KeyNotFoundException: The given key was not present in the dictionary.
Source Error:
Line 15: string DataName = Checklist.GetPageName(Request).Replace("/", " ").Replace("index", string.Empty); Line 16: string Section = Checklist.GetBaseName(Request); Line 17: string PageTitle = Checklist.GetPageTitle(Request); Line 18: } Line 19:
Printing is ghetto, but it's good for people to get in the habit of adding it.
Currently we are storing the data files under the app_data folder. We should move this out so that we can serve files directly from the folder.
We can use a CSS style for debuggin those elements (I use this one: https://github.com/Wakkos/Wakkos-CSS-Framework/blob/master/scss/debug.scss) and give more debug to the test.
What do you think?
Google have retired these, and recommend using only rich snippets.
We should create a view that we can be used while an audience is waiting for a talk to start. Minimally we should loop through the details and expand it.
As it's something that maybe a lot of website needs, but I don't think 100% of them, also the 3 items are very western-world-centric (Russian/Chinese developer have certainly other needs)
Create a developer wiki site which can be used so that people can create tech specific pages.
There is a lot of great notes and links in it...
https://github.com/audreyr/favicon-cheat-sheet
The nav span css rule for background url is not loading.
Chrome 75 on Windows 10 reports:
Refused to load the image 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVQ4y2P8//8/AyWAEWSAs7Mz3JS9e/cyUsUAZDFcAKSWOi6gOAxGA3E0EId+IAIArFBf4TIqIjsAAAAASUVORK5CYII=' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.
Will it be useful to add tools to check responsiveness.
responsivepx.com
screenqueri.es
The link is broken
We should create a http://webdevchecklist.com/demo, when user visits this site he will see the checkboxes,details and progress bars animate.
When using Chrome Version 75.0.3770.100 (Official Build) (64-bit), the "details" for most of the checklist items are visible on initial load. Arrows are all in the "closed" position and still displays the details. I tested this on Firefox and Edge and the issue is not happening. A screenshot is attached.
To mention a small scale alternative for GA, why not add http://piwik.org/ to the Analytics > Traffic Analysis Source Links?
It would be nice to add, under the section "Security", a check for recursive DNS requests vulnerabilities. This website can be used to check by domain or IP http://openresolver.com/
2 feature requests:
<meta name="Description" ...>
is not detected by the Chrome Extension.
According to W3C https://dev.w3.org/html5/spec-preview/the-meta-element.html#standard-metadata-names meta names are case-insensitive
Maybe meta description could be case insensitive ?
Thanks
I'm not sure exactly where in the hierarchy to put this (maybe "Best Practices" ?), but a check to ensure the website is being properly and automatically backed up (and that restores work) would be prudent. Web developers in big companies with dedicated system administrators likely have this detail abstracted away from them, but startups and sole proprietors most likely need to address this.
Scan for common coding problems <
Modern.IE Site Scan (https://www.modern.ie/en-us/report)
The service should be replaced.
Hi, I came across your site whilst looking for SEO tips.
I noticed you list other image optimization services under the "Performance > Optimize Images" section, and wondered if you would consider adding our image compression service Zara 4
We have servers distributed globally, we provide API access with SDKs in a number of programming languages. We also provide plugins for WordPress and Joomla web site developers.
Many thanks.
We should update the readme to include details regarding how to create technology specific sites.
All explained here: http://msoftnews.com/uncategorized/sharing-links-from-ie10-on-windows-8/
We recently added the Play Framework as a section. After adding that, the menu looks like it is compressed. We should work on this.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.