front end web development: how to build a great website

30
Frank West Front end web developer Lover of cats Front end web development – How to Build a Great Website! by Frank West, 21 August 2013 @frankjwes t

Upload: frank-west

Post on 27-Jan-2015

108 views

Category:

Technology


2 download

DESCRIPTION

The internet is continuing to grow and everyday more people are learning how to build websites. Our online experiences are being flooded with mediocre websites and we have no way to stop it, it's time to rise above the crowd. Join me on a journey as I share with you my experiences of front end web development and show what it takes to make a great website.

TRANSCRIPT

Page 1: Front end web development: How to build a great website

Frank West

Front end web developerLover of cats

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

@frankjwest

Page 2: Front end web development: How to build a great website

Measurements

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

• Average:– The typical or normal amount

• Good:– To be approved of

• Great:– Of an extent considerably above the average

Page 3: Front end web development: How to build a great website

Winston Churchill

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

“The price of greatness is responsibility.”

Page 4: Front end web development: How to build a great website

Front end web development

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

How to Build a Great Website

Page 5: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 6: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 7: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 8: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 9: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 10: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 11: Front end web development: How to build a great website

Relationships

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

• Clients• Users• Competitors• Your Team• Collaboration is more important than tools

Page 12: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 13: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

The core principles behind Responsive Web Design at BBC News - http://www.slideshare.net/kaelig/bbc-news-responsive-web-design-and-mustard

Page 14: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

http://opensignal.com/reports/fragmentation-2013/

Page 15: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

http://opensignal.com/reports/fragmentation-2013/

Page 16: Front end web development: How to build a great website

Think longevity

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

• Don’t build for today as tomorrow has already happened

http://www.polygon.com/2013/8/19/4635844/nintendo-shares-more-details-on-wii-u-web-framework-dev-tools http://gigaom.com/2013/08/19/whats-inside-samsungs-galaxy-gear-smartwatch-here-are-some-key-details/

Page 17: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 18: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 19: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 20: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 21: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 22: Front end web development: How to build a great website

Layers

• Style Guide• Layout• Colour• JavaScript• Progressive enhancement

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 23: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 24: Front end web development: How to build a great website

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 25: Front end web development: How to build a great website

Protect content

• Keep fighting the battle• The little things matter

– Micro text

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 26: Front end web development: How to build a great website

Think about the details

• SEO• Social sharing• Performance• Accessibility• Print• Email• Error pages

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 27: Front end web development: How to build a great website

Provide easy maintenance

• Admin– Pretty– Responsive – Emergency situations

• Analytics - Reporting

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 28: Front end web development: How to build a great website

Empower perception

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

“Those who choose the world of technologymust also choose its colour.“

Page 29: Front end web development: How to build a great website

How to Build a Great Website?

• Form relationships• Think longevity• Build in layers• Protect content• Think about the details• Provide easy maintenance• Empower perception

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

Page 30: Front end web development: How to build a great website

Frank West

Front end web developerLover of cats

Front end web development – How to Build a Great Website! by Frank West, 21 August 2013

@frankjwest