search

hashcss / hashcss.com

Official Site for #CSS on Libera Chat
MIT License
5 stars 0 forks source link

Build Web Inspector tutorial #25

Closed preaction closed 9 years ago

preaction commented 9 years ago

The web inspector is the most important tool to know, and I have not yet found any good guides on how to use them.

AMcBain commented 9 years ago

So, it's far from done, but I've got a preview at http://articles.asmcbain.net/articles/inspector/

It's not in my repository yet because I don't know if I'm going in the right direction, if I've covered all the basic useful things, if I talked too little or too much about those things, or even if I organized it in to a good set of categories.

The article as it stands so far only goes as far as Firebug, and handles the first two sections in full and most of the third one. The rest are all blank.

I can't guarantee I'll finish this article, but it's more likely with feedback. I'll also likely check it in at some point too even if I don't reference it from the homepage, to ensure it is revisioned. At such point other people could submit pull requests to help write the remaining portions.

If what I've written so far cannot be saved by any means (being that it's possible it's utter crap), let me know. No offense will be taken. At such point I'll either decide to start over or shelve it.

AMcBain commented 9 years ago

I uploaded it specifically for the preview, I don't work out on the live site and instead prefer to update it through the repository. So future updates to the preview will likely involve a trip through the repository as mentioned in the previous post. (That is, if work is continues on it.)

AMcBain commented 9 years ago

Oh, something I forgot to note last night, but the article is styled as more of a "crash course", so I'm not aiming to cover everything. I don't know how I'd organize it if I were, but it'd likely be different. So if you're looking for something that covers more than I intend to above, then it's okay to say as much and go that way.

oksushi commented 9 years ago

Saw this today http://devtoolstips.com/

oksushi commented 9 years ago

This tutorial has somewhat out of date screenshots but might work http://www.html5rocks.com/en/tutorials/developertools/part1/

preaction commented 9 years ago

We can start out by adding these to the Schools page. Any information is better than no information. If users still have difficulty figuring out how to use the tools, we can improve it.

oksushi commented 9 years ago

@AMcBain do we have a factoid for this inspector information?

AMcBain commented 9 years ago

It seems there is a factoid called "inspect" that points to some links, unless that was added since your comment an hour ago.

preaction commented 9 years ago

Hm... The html5rocks.com page says it's out of date and explicitly links to the official docs, so I just added links to all the official docs instead of that one.

The other links are in there now.