Best reference sites?

Question

I’ve grown to dislike W3 schools (emphasis on the schools part) and was trying to think of good reference sites for web development and coding in general. I live on CSS-tricks and W3c for most projects, but I was wondering...

What do you guys think are the best reference sites for web development?

Answer 1

• The Modern JavaScript Tutorial — https://javascript.info/

How it’s done now. From the basics to advanced topics with simple, but detailed explanations.

Answer 2

MDN (mozilla development network) is also a good choice

Answer 3

That Ipang , would be enough for a whole article, one that I’m not sure I’d be qualified to write. A few examples would be:

Making sure your site has a skip-to tab link, if needed.

Calling elements what they are on a page. If it is a button it needs to be a button tag (NOT a div). If it is a list it needs to be a list tag, etc.

Being careful about Aria attributes and not abusing them, they can be very tricky and can severly hinder a site if used incorrectly.

Following the W3 web standards (not w3 schools!) and guidelines for elements you’re using on your page.

Making sure your page can still function properly without styles and JS.

Making sure your scripts handle what they need to in the script, not heavily relying on attribute event handlers or hidden elements.

Keeping in mind browser support. (https://caniuse.com is a great site for this) There are a lot of users using older technology, it is important to make sure your site will work across different browsers and devices.

There’s of course a lot more on this, but these are just some examples of the things I know our team considers when putting things out there in the real world.

Answer 4

MDN is the best one for JS

Answer 5

I agree with those points Bryan Patrick , even reading this small portion of the rules taught and remind me again there are more to consider beyond the fancy styles and powerful scripts.

Thanks again for sharing those points, and sorry for late reply, #fell-asleep ✌

Answer 6

The new Boston on YouTube has a lot of tutorials on JavaScript

Answer 7

What is wrong with w3schools that you grow to dislike it Bryan Patrick ?

Answer 8

Ipang I used to use W3 schools because, you know, google search results. As I’ve become a better developer and more aware of accessibility, I realize that theres a bit more to the topics than whats offered on W3 Schools. I’ll give you an example;

Some time ago, our lead developer challenged me to make an accessible carousel. This may seem simple, but when you account for accessibility, you have to follow the W3c (not to be confused with W3 schools) rules for handling tab focus, keyboard inputs, noscript, support, etc. It becomes very apparent very quickly that examples like what W3 Schools has just don’t really cut it.

I’m not trying to say they’re bad or anything, but I just realized their guides arent usually what I need.

Answer 9

Thanks for sharing the experience Bryan Patrick , TBH I have next to no idea about that challenge you two put on. All I know about accessibility was it is a standard that was meant to allow similar experience or less trouble for people with different abilities, never crossed my mind how it works internally 😁

Answer 10

Ipang accessibility is extremely important, I didn’t realize it until I started working with other developers deploying and maintaining real world sites, but I hear that word all the time now. Not only will it make your site available to a larger audience, but maintaining accessibility will force you to follow semantic rules and use structures the way they’re meant to be used, and it generally just makes sites look and feel better.

Answer 11

Most of "us" are common to the gifts given that some others weren't getting, maybe that's why not too many people are aware of accessibility and its importance, we take things for granted.

I usually avoid going OOT best I can, but I'm curious, what exactly are that semantic rules and the structures you talked about?

Answer 12

Natalie Enkin , Ipang is the name of the person who was asking the question 😆

Answer 13

😄😄😄