The advantage of writing your app in the latest hip framework is more about your being years better at programming and having years more time to consider the app’s exact requirements
Alex Sexton writes
Throw away any assumptions or knowledge of tools that you have and purely consider that if you are switching, rewriting, or refactoring, you are now n years better at programming than you were when you initially wrote the software.
Now factor in that you’ve had x years more time to consider the exact problem that you’re trying to solve as well as rid yourself of uninformed assumptions. When going in for the rewrite, you have a much clearer picture of what a successful product looks like, purely because of the initial app. You know to abstract certain parts of the code that need to grow, and to externalize other parts that you know you won’t be able to support indefinitely.
Read more at alexsexton.com
Don’t worry about “the fold”. Research shows that 91% to 100% of users scroll, regardless of visual cues to encourage scrolling
From the article:
UX designers are divided about how essential above-the-fold placement – that is, positioning so that users can see content without scrolling down – really is. Chartbeat found that “66% of attention on a normal media page is spent below the fold.” In contrast, the Nielsen Norman Group showed that “users spend 80% of their time looking above the fold.”
We wanted to know how page design impacts these user behaviors and to what extent visual cues help users scroll below the fold.
We learned that participants almost always scrolled, regardless of how they are cued to do so – and that’s liberating. While it’s hard to make universal recommendations, we’d suggest that designers use the cue that works best in its context.
Designers should choose cues for scrolling based on the content, the business category and the overall design. Does the content feature block text, images or video? Is the site for ecommerce, editorial or news? How do visual cues integrate with existing design elements? All of these variables will affect the optimum placement and effectiveness of scrolling cues.
Read full article at HUGEINC
With a fancy CSS transform series you can make text appear to peel off the page. And it’s animated!
Pure CSS experiment with 3D-looking text.
View demo on CodePen
New CSS viewport units allow setting vertical height much simpler than using percentages
Read more from the source: Web Design Weekly
Stay up to date with the latest UI techniques for web and mobile
A guide to visual aesthetics, written by a nerd.
1. Light comes from the sky (see Part 1)
2. Black and white first (see Part 1)
3. Double your whitespace (see Part 1)
4. Learn the methods of overlaying text on images
5. Make text pop– and un-pop
6. Only use good fonts
7. Steal like an artist
Read more from the source: Medium
This interactive social simulation using canvas will get you thinking
This is a story of how harmless choices can make a harmful world.
These little cuties are 50% Triangles, 50% Squares, and 100% slightly shapist. But only slightly! In fact, every polygon prefers being in a diverse crowd.
You can only move them if they’re unhappy with their immediate neighborhood. Once they’re OK where they are, you can’t move them until they’re unhappy with their neighbors again. They’ve got one, simple rule:
“I wanna move if less than 1/3 of my neighbors are like me.”
Try it outat Parable of the Polygons