Brighton SEO - Hand Coding A Website

15
Learning the Nuts & Bolts of the Web Tom Bennet Consultant [email protected] HAND CODING A WEBSITE

description

Slide deck from Tom Bennet's presentation at Brighton SEO, April 2014. Accompanying blog post can be found here: http://builtvisible.com/hand-coding-personal-website/

Transcript of Brighton SEO - Hand Coding A Website

Page 1: Brighton SEO - Hand Coding A Website

Learning the Nuts & Bolts of the Web

Tom Bennet Consultant [email protected]

HAND CODING A WEBSITE

Page 2: Brighton SEO - Hand Coding A Website

“But I’ve already got a website…”

Page 3: Brighton SEO - Hand Coding A Website

A Site That’s Really Your Own

− No CMS, bulky frameworks, or themes = full control! !− Sharpen your HTML, CSS and JS skills to a razor edge. !

− Developers will take you seriously. !− It’s an awesome springboard.

Page 4: Brighton SEO - Hand Coding A Website

“Look at this great content…”

Page 5: Brighton SEO - Hand Coding A Website

No. !Lets take this content apart, and learn from it.

Page 6: Brighton SEO - Hand Coding A Website

New Skills

− “Ah, that’s how it works.” !

− Could this be applied to any of my work? !

− Throw together a prototype in an afternoon.

Page 7: Brighton SEO - Hand Coding A Website
Page 8: Brighton SEO - Hand Coding A Website

Great Scott, it’s an SVG!

http://www.polygon.com/a/xbox-one-review

Page 9: Brighton SEO - Hand Coding A Website
Page 10: Brighton SEO - Hand Coding A Website

http://ngm.nationalgeographic.com/serengeti-lion/index.html

HTML 5 Video. Not Bad.

Page 11: Brighton SEO - Hand Coding A Website

We should be training ourselves as web developers.

Page 12: Brighton SEO - Hand Coding A Website

One Weird Trick !

web designers hate him

Page 13: Brighton SEO - Hand Coding A Website

It's Dangerous to Go Alone! Take This…

Page 14: Brighton SEO - Hand Coding A Website
Page 15: Brighton SEO - Hand Coding A Website

HAPPY CODING.

My pet project: bennet.org !

Get in touch: @tomcbennet

Tom Bennet Consultant [email protected]