21. Canva https://www.canva.com/ Go through the site a little and be amazed at the effect of the mouse movement on the background, expect this to be copied like mouse trailers in the late 90's! Super job guys. A massively impressive UX too.
19. Layoutit.com >> This is a great tool for developers to quickly drag and drop bootstrap blocks to create fast scaffolding html - this is handy for anyone using a CMS for example to have structure within the existing html.
18. I like the menu here and its also colourful and responsive. I like that it's design and originality making a statement that design matters again. Using css like transform for SEO friendly menu copy not images http://www.sabadivers.com/
16. A great way to tell a story and bring people into an area with the scroll. This is very clickable - http://www.artofflightmovie.com/
15. Create an amazing timeline with Tiki Toki - here is a great example timeline in action about ocean discovery and research. http://www.southampton.ac.uk/oes_timeline/#vars!date=1852-09-12_09:24:00! There is a 3d button that will showcase the best of it.
14. https://www.pingdom.com/2013/ - I am blown away ! #Amazeballs #pingdom
13. http://www.tuxfiles.org/linuxhelp/vimcheat.html - a Cheat sheet for using the vim editor - a potential pickle !
12. https://join.me/ Collaborative tool to kick us out of our corporate haze. A good mix of humour and simple design and functionality to boot.
11. http://www.soggydollar.com/ Inspiration on a multitude of levels - seriously not safe for work as after you may not want to do any more !
10. http://www.mazebackpackers.com/ A nice social enabled website that gets the message across for a youth hostel based in Sydney. What's really nice is that they are handling their own booking fees and recognising the fact that they don't need the likes of hostel bookers who take a hefty 10% from the booking fee. I like the layout and the design - its very young and well to be frank I would want to stay there (If I were young again..).
6. (ze merde ! long way to go !) Examples of Beautiful Typography from 3.7 designs What is nice is that you can take the html straight from their page just like I did for one of mine! An ad for the Olympics and BP.
5. Ryan Scherf ryanscherf.net
Some nice no excellent visual examples of colour and font usage in Ryan's work here. He works in Minneapolis by the looks of things.
4. http://rebeccahendin.com [broken link?]
This a flash gallery site showcasing some very talented work by Rebecca Hendin. Its easy to use and allows her readers to get in contact easily with her. The only problem will be for her to rank in the search engines as though Google does have the ability to see some content that exists within a swf file the majority won't able to be crawled and hence Google wont know much about this site. Also the flash problem of not being viewable by Apple devices ! But there are some very inspiring images , sorry illustrations here.
Check out the nice harmony of cool colours sorry 'colors' ! But don't miss the nice way it displays depending on different screen resolutions and looks great on the iPhone. It's not all good news as the site is a bit on the small side and there are some interactions which annoy me like the popout slightly on roll over of some items ! I guess he is busy ? But also the graphic in the top right has a poor sharpness.
This is a resource about useability in mobile and the larger media market. Its a blog that doesn't really look like a blog. Its graphically barren and in my opinion though great at a point in time is now overshadowed by hidden ads to buy books on the subject ! If you take a look you will find yourself wanting to get a book not getting the info you thought you might from the site itself - that's why I'm not linking to it as it is an example of a guy making some money from a website. Very clever; when your product is information you have to box like this.
Ben the bodyguard is an app for the iPhone that protects your data like photos and contacts or even stored passwords. The site is great for it's non use of flash this is DHTML at its best IMO. Click the link and scroll down to appreciate the idea.