Frank West
Front end web developer
Lover of cats

@frankjwest
Front end web development – How to Build a Great Website!

b...
Measurements
• Average:
– The typical or normal amount

• Good:
– To be approved of

• Great:
– Of an extent considerably ...
Winston Churchill

“The price of greatness is responsibility.”

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

Clients
Users
Competitors
Your Team
Collaboration is more important than tools

Front end web dev...
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-de...
http://opensignal.com/reports/fragmentation-2013/

Front end web development – How to Build a Great Website!

by Frank Wes...
http://opensignal.com/reports/fragmentation-2013/

Front end web development – How to Build a Great Website!

by Frank Wes...
http://www.polygon.com/2013/8/19/4635844/nintendo-shares-more-details-on-wii-u-web-framework-dev-tools http://gigaom.com/2...
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...
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 Bui...
Think about the details
•
•
•
•
•
•
•

SEO
Social sharing
Performance
Accessibility
Print
Email
Error pages

Front end web...
Provide easy maintenance
• Admin
– Pretty
– Responsive – Emergency situations

• Analytics - Reporting

Front end web deve...
Empower perception

“Those who choose the world of technology
must also choose its colour.“
Front end web development – Ho...
How to Build a Great Website?
•
•
•
•
•
•
•

Form relationships
Think longevity
Build in layers
Protect content
Think abou...
Frank West
Front end web developer
Lover of cats

@frankjwest
Front end web development – How to Build a Great Website!

b...
Upcoming SlideShare
Loading in …5
×

Front end web development: How to build a great website

648 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
648
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Front end web development: How to build a great website

  1. 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. 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. 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. 4. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  5. 5. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  6. 6. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  7. 7. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  8. 8. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  9. 9. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  10. 10. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  11. 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. 12. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  13. 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. 14. http://opensignal.com/reports/fragmentation-2013/ Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  15. 15. http://opensignal.com/reports/fragmentation-2013/ Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  16. 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. 17. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  18. 18. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  19. 19. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  20. 20. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  21. 21. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  22. 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. 23. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  24. 24. Front end web development – How to Build a Great Website! by Frank West, 21 August 2013
  25. 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. 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. 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. 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. 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. 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

×