Day 2

A warm-up for your brains

Take a common English word. Write it in capital letters. Move the first letter to the end and rotate it 90 degrees. You’ll get a new word that is pronounced exactly the same as the first word. What words are these?

Yesterday

Having fun, learning stuff

Access websites on the internet. Server, host?

Javascript. All the cool stuff. Calculator

Switching between Mac & PC

Beginning was slow

CSS: soon!

Enjoyed pair programming

Why semantic? What’s the big deal?

Clarifying

How to open file in Sublime & Browser

Web Dev Toolbar

Autosave

Semantics

Better seo

Future-proofing

More maintainable

More stylable

Tables

p vs div

Section, article, header, footer,

Sublime text

Shortcuts:

indent

new tag

new tag around text

new page

change tag

remove tag

select inside tag

projects

Lantern

Where notes will be stored. This is the central place.

Day 1 notes will go in there.

Campfire

CSS

What is it

Let's inspect a site

Internal vs external vs inline

Selector syntax

Open up your homework

Make a style block

Make your h1 red

Now instead of 'red', find the hex value

Default behaviors

h1 - What's the default? Let's change it

p - What's the default? Let's change it

a - What's the default? Let's change it

What else

How do we find the available properties?

Sublime Text helps you

Book

Lots of places on the web, eg dochub

Color: hailpixel

In class

Add CSS to your homework

Classes!

For when some tags need it and some don't.

What if multiple rules apply to multiple blocks?

Apply some classes to your homework.

Journal

Same document

How did today go?

What are you having trouble with?

What do you want to know more about?

Is there anything you would like either of us to know?

Is there anything you found particularly confusing or easy?

Do you have any questions we didn't have time to answer in class?

Do you have any feedback for us as instructors?

Homework

Look on Lantern for a file to download

Debug it.

Make it valid, make it work.

Read:

Chapters in book

CSS box model article

Find a website that does something interesting in CSS, and using the inspector, explain it's done. Write a paragraph, save the document to the Dropbox.