front end web development: how to build a great website
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
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