toptal / webdevchecklist.com Goto Github PK

Will it be useful to add tools to check responsiveness.

responsivepx.com
screenqueri.es

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.

https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP

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)

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.

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.

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!

Google have retired these, and recommend using only rich snippets.

https://support.google.com/webmasters/answer/6083347?hl=en

Nothing should go live without monitoring...

Should have Page Uptime, Page Load Time, Application Performance, Server Health, Server Access, and Content Monitoring options.

That's can be very useful a checklist for ASP.NET Core Developers.

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.

We should create a http://webdevchecklist.com/demo, when user visits this site he will see the checkboxes,details and progress bars animate.

Printing is ghetto, but it's good for people to get in the habit of adding it.

Just made a fork of webdevchecklist.com, opened in VS 2012 as Website, hit F5, VS asked me to modify web.config for debugging - skipped this and ended on a HTML site without CSS/JS loaded.

Bundling seems to be broken, but the WebSite model confuses me and I have no idea how to fix it.

Wassup?

We should update the readme to include details regarding how to create technology specific sites.

We recently added the Play Framework as a section. After adding that, the menu looks like it is compressed. We should work on this.

I think it will be useful to add CDN services to Perfomance section

2 feature requests:

1. Create a project name textfield and date of filling in. Create a button to save this as PDF or text.
2. Highlight optional items.

To mention a small scale alternative for GA, why not add http://piwik.org/ to the Analytics > Traffic Analysis Source Links?

I think it will be usefull to add this tool http://spoon.net/browsers

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/

Please add the mobile-friendly test by Google. https://www.google.com/webmasters/tools/mobile-friendly/

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.

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 ?

• Observatory by Mozilla || https://observatory.mozilla.org/

Just discovered the Windows 8 pinning wizard, thought it might have a place here.

Windows 8 pinning wizard

For people who have international audiences.

<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

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?

There are some problem appear on the website. Please check the following screenshot:

All explained here: http://msoftnews.com/uncategorized/sharing-links-from-ie10-on-windows-8/

http://www.jonathantneal.com/blog/understand-the-favicon/

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.

It would be nice to have a few nice images. Minimally we need:

1. favicon.ico
2. slightly larger image that can be used when the site is pinned/shared in win 8

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.

The demo page should be updated for the following.

1. The last checkbox is not getting checked
2. When 100% progress is reached pause for a bit
3. Do not check in sequential order the first time, just randomize all of them

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.

The service should be replaced.

Create a developer wiki site which can be used so that people can create tech specific pages.

Scan for common coding problems <
Modern.IE Site Scan (https://www.modern.ie/en-us/report)

There is a lot of great notes and links in it...
https://github.com/audreyr/favicon-cheat-sheet

When you click on information ico sections starts jumoing

Currently Clear All deletes all the local storage data. For those who have app specific check marks this will clear them all.

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.

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

would love to be able to print the complete check list on a single page.

The link is broken

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: