A simple and beautiful website in HTML5 that I've created for the kenyan-tanzanian association here in Moncton, New Brunswick. I was inspired by Arte's website, an european public television.
-
Eric Meyer's Reset File : The reset file is used to properly set up differents HTML components on the same basic. Pretty useful espcially when you care about serving the same user-experience on several browser
-
PureCSS : a set of small, responsive CSS modules maintend by Yahoo. The stylesheet of the page is mainly based on , I like it because specially when it comes to small project. Thus, I modified certain components to fit the needs for the page.
-
Google Fonts : Serve a sweet experience through various Fonts.
-
Fonts Awesome : Very popular set of icons. Highly recommandable in all your projects, instead of using images.
-
Animate On Scroll : stylesheet for the differents effects available.
I used few javascript libraries that I found interesting on the web.
- Jquery : unstoppable jquery
- Animate On Scroll : Small library to animate elements on your page as you scroll.
- 100% of the images came from Flickr under the open source license.
At this moment of the project, I did not focus on responsiveness (so that I can test the website on differents screen size)
Through my little experience, I learnt little tricks to be able to speed up page rendering. I applied the following ones here :
- Compressed the differents images (reduced the size to 1024px max)
- Minified css + js files
- Passed the website through 2 differents code validator Validator.nu and W3 Validator : the code complies to the HTML5 standards.
- Others improvments will necessarily be done on server side : js + css caching.