Skip to content

Instantly share code, notes, and snippets.

@Bigspencey
Created December 20, 2013 17:08
Show Gist options
  • Save Bigspencey/8058020 to your computer and use it in GitHub Desktop.
Save Bigspencey/8058020 to your computer and use it in GitHub Desktop.

Include an inline screenshot of your codeschool's points from the profile page:

QUIZ

Explain which tabs support the following actions and how.

Realtime editing of HTML and CSS Javascript Debugging Performance Optimization What's the quick key for your OS to spawn the Dev Tools inspector?

Go to http://www.postmachina.com/ and analyze and tweak this nicely designed page.

What is the current background color for the page? (Surprisingly, it's not just black!) Tweak the background color to white. Tweak the height of the side bar that contains the logo. Shrink it down to 85px. Roll over the navigation links. When you hover over them, they dissapear. Let's change the hover color to black instead. Now take a screenshot of your new (and maybe not so improved) design. It should match this screenshot: http://postimg.org/image/5ak1jkpl5/ Upload your own image to the web using an image hosting service. It should match the image above. The last nav link in the image above is black because the mouse was hovering there when the screenshot was taken. Do the same, and don't take a screenshot of your whole desktop, just the browser window. (This is part of the challenge.) For the postmachina website, why can't you tweak the color of the text "The most important things are not things"? Please explain.

Go to www.ticketswizard.com and analyze the page.

What is the largest image on the website? Explain how you would find out this information, and list the URL of offending image here and how big it is. Test the www.ticketswizard.com website with google's PageSpeed Insights. (You can also download the chrome plugin). What is the lowest hanging fruit to optimize the website? How many kilobytes of data can be eliminated?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment