Skip Navigation

Source Code

Let's say you wanted to view what your browser was actually reading when you visited a webpage—the page's "source." Most modern browsers let you do this. Click to view instructions by browser:

Chrome

Press F12.

Chrome has a tool for testing compatibility with other devices--I'm guessing most browsers have analogous compatibility functions.

using the device toggler in chrome allows users to view document layout across devices

As you learn html and css, try looking at how various websites present their content. A clue: look at the address bar. At the end of the URL, when you're viewing an html document, it will say .html. If you look up the associated CSS, the page of code's URL will end with .css.

I'm still learning, but I'll give a couple other examples I've seen: PHP will say .php (though I'm not sure this is always true). I think a URL appended by ? plus a random string of characters usually means jQuery or JavaScript, which may be used for tracking purposes (tracking sounds creepy--and sometimes it is, but sometimes it just allows a website to get paid by telling advertisers how often their content has been viewed). The appended ?string can often be manually deleted without changing the appearance of the page.

 

One last thing:

I'm taking an infocard from the previous page and writing a helicopter animation... It's for my final project :) WARNING: hovering over #Heli75 will cause screen flickering.

 

Heli75

in which I drew a crummy mspaint helicopter

Test text

  • Barb date
  • Authors
  • specs