Front end web development: How to build a great website

Post on 27-Jan-2015

106 views 2 download

Tags:

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 of 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

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

Winston Churchill

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

“The price of greatness is responsibility.”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/

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

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

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

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

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

Layers

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

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

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

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

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

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

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

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.“

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

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