Welcome to WebmasterWorld Guest from 3.233.226.151

Forum Moderators: open

Useful HTML/CSS/JS Resources

     
10:17 am on Oct 9, 2019 (gmt 0)

Junior Member

Top Contributors Of The Month

joined:Aug 30, 2019
posts: 142
votes: 23


Hello-

Just to share, what I believe, are the most useful resources, for those who are (still) doing their own HTML, CSS and JS.

W3Schools - [w3schools.com...]
To me, the ultimate site for webmasters (HTML, CSS, JavaScript, PHP, ASP, Node.js, Python, Java,...).

CSS-Tricks - [css-tricks.com...]
An endless source of inspiration to push CSS to its limits and beyond :)
My favorite pages :
A Complete Guide to Grid - [css-tricks.com...]
A Complete Guide to Flexbox - [css-tricks.com...]
You won't find a better place for Grid and Flexbox! In a single page, you have all the information, with great illustrations.

W3C Markup Validation Service - [validator.w3.org...]
Even so I never visit the w3 site for HTML stuff (I prefer W3Schools), their validator is a must have to check your code, with great explanations of what should be fixed, how and why.

JSFiddle - [jsfiddle.net...]
To test in real time HTML, CSS and JS

JSCompress - [jscompress.com...]
Ideal to compress your JavaScript code.
12:46 pm on Oct 9, 2019 (gmt 0)

Senior Member

WebmasterWorld Senior Member Top Contributors Of The Month

joined:Apr 1, 2016
posts:2737
votes: 837


@JorgeV
Good list, but I would caution on a view points.
W3Schools - [w3schools.com...]
To me, the ultimate site for webmasters (HTML, CSS, JavaScript, PHP, ASP, Node.js, Python, Java,...).

Ultimate is a bit much, it is great for HTML and CSS for sure. JS is okay but I find that Mozilla is much better [developer.mozilla.org...] It is far more technical but I feel that that is required for a language like JS. I can't really speak to PHP, since I have never really coded in PHP, but I've used it (w3schools) a few times and it helped when I needed it. ASP NODE and Java I have never touched.

As for Python, I think W3schools is horrible for it. The best resource for Python is docs [docs.python.org...] any and all information is there clearly written, comprehensive and includes example code. If I have questions beyond the docs then I go to stack overflow.

CSS-Tricks - [css-tricks.com...]

This site has helped many times.

W3C Markup Validation Service - [validator.w3.org...]

Again great resource, but in my situation, where I deal with dynamic pages that are multi-language templates I find that it tends not to be very helpful. But at times situations arise where one needs to be sure that a section of code or rendered page is valid and then it is definitely indispensable.

JSFiddle - [jsfiddle.net...]

Lover it, I use it a lot when I'm trying new stuff in JS. It is great to build a quick mock-up and then share it with others. Or to help others solve bugs, like in forums here.

WebmasterWorld
I doubt I need to say more, but again an indispensable resource.

stackoverflow.com - [stackoverflow.com...]
This is without a doubt the single most valuable resource on the web, it has provided me with solutions to problems from the most simple mind farts to the most complex and obscure issues for a wide range of programming languages, from Lego(MindStorm) to TensorFlow.
5:33 am on Oct 11, 2019 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10556
votes: 1115


Nice list (agree on all), but a reminder the web is large and diverse and searches can often end up on problematic pages. So, as in carpentry (which is measure twice, cut once), search twice for the "same answer" ... and if they don't match search a third time!