Download - Front end web development: How to build 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