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
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.
Day 2
By Sandor Weisz
Day 2
- 453
