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.

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

2. Measurements
• Average:
– The typical or normal amount
• Good:
– To be approved of
• Great:
– Of an extent considerably above the average
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

3. Winston Churchill
“The price of greatness is responsibility.”
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

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

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

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

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

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

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

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

11. Relationships
•
•
•
•
•
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

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

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

14. http://opensignal.com/reports/fragmentation-2013/
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

15. http://opensignal.com/reports/fragmentation-2013/
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

16. 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/
Think longevity
• Don’t build for today as tomorrow has already
happened
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

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

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

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

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

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

22. Layers
•
•
•
•
•
Style Guide
Layout
Colour
JavaScript
Progressive enhancement
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

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

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

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

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

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

28. Empower perception
“Those who choose the world of technology
must also choose its colour.“
Front end web development – How to Build a Great Website!
by Frank West, 21 August 2013

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

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