Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →
Oleg Solomka, aka LegoMushroom, born in Donetsk, Ukraina, studied Computer Science and Technology and helplessly fell in love with the World Wide Web ever since. He occasionally writes for Habra Habr and works as a front-end developer at Tracks Flow and is known for his front-end passion in regards to layout, coding and graphics. Oleg's hobbies include biking, dancing, travelling, listening to music and, last but not least, eating yummy fruits.
Follow Oleg Solomka on Twitter
It's our great pleasure to support active members of the Web design and development community. Today, we're proud to present the Jelly Navigation Menu that shows the power of PaperJS and TweenJS when used together. This article is yet another golden nugget of our series of various tools, libraries and techniques that we've published here on Smashing Magazine: LiveStyle, PrefixFree, Foundation, Sisyphus.js, GuideGuide, Gridpak, JS Bin and CSSComb. — Ed.
There is no doubt that the Web helps designers and developers find the best inspiration and resources for their projects. Even though there are a bunch of different tutorials and tips available online, I feel that HTML5 canvas techniques are missing the most. Good news: I had the chance to fulfill this wide gap. In this article, I would like to share my experience and story of how I brought the "Jelly Navigation Menu" to life. Credits go to Capptivate.co and Ashleigh Brennan's icons — they were my inspiration for this project. Read more...