10 Online Tools for Better Attention & Focus A recent happiness study from Matthew Killingsworth and Daniel Gilbert found that the more our minds wander, the less happy we are. Summing the research, the New York Times wrote, “Whatever people were doing, whether it was having sex or reading or shopping, they tended to be happier if they focused on the activity instead of thinking about something else.” In short, being mentally “present” and focused on the task at hand really does matter – quite a lot, in fact. If only finding focus were so simple. 1. If you find yourself slipping into a Twitter sinkhole when you should be updating your business plan, Self-Control may be the app you need. 2. This good-looking app tracks everything you do on your computer, spitting back out a sort of “attention audit.” 3. Concentrate is great for shifting between tasks that require different mindsets. 4. If you’re anything like me, one primarily challenge for focusing is getting all your notes in one place. 5. 6. 7. 8. 9. 10. How Do You Stay Focused?
Responsive Web Design Cheat Sheet How to set up breakpoints in this design? You probably ask yourselves this question a lot. Responsive design breakpoints is no rocket science and you don’t need to search the web for the proper breakpoint dimensions every time you design for responsive. As a matter of fact, the ultimate design aid in this matter would be a simple graph with all the breakpoint dimensions visualised. And that’s what we give you. Using the responsive web design cheat sheet is very simple.Find the device you’re designing for on the chart and read what breakpoint dimensions it should have – and there you have it. The poster is print-ready so you can even put it on your wall and never lose track of responsive dimensions again (or hang it in your office and make your teammates stop haunting you with questions about breakpoints ;) ). You can download the responsive web design cheat sheet here (102 kB). P.S.
Pleeease · Postprocess CSS with ease postcss/autoprefixer How Values Work Following decades of research and hundreds of cross-cultural studies, psychologists have identified a number of consistently-occurring human values. Early researchers into human motivations discovered a surprising consistency in the things people said they valued in life. After testing this finding many times and across many countries and cultures, they put together a list of repeatedly occurring values. Rather than occurring randomly, these values were found to be related to each other. Some were unlikely to be prioritised strongly at the same time by the same individual; others were often prioritised strongly at the same time. The researchers mapped this relationship according to these associations, as presented below.The closer any one value ‘point’ is to another, the more likely that both will be of similar importance to the same person. Figure 2. The ten groups are described as follows: Table 1. These groups can be represented more simply in a circular diagram, called a circumplex:
After Effects to CSS Making the transition from animating in After Effects to CSS. I started my dive into software design a couple years ago by creating demo videos and animating user interfaces. Coming from a Motion Design background, After Effects was my baby, and I had spent many years perfecting that craft. I have worked side by side with developers re-creating the animations that I had created in After Effects. I wanted to improve this workflow, so I dove into the research to understand how animations work within development and what the mental model was in which I needed to adapt to. 1. The world of development is constantly changing. Understand the Properties at your disposal. Basic List of Animatable Properties: Examples of Each Property Animated Consider Performance. In After Effects you have to consider the render time of your animations. Properties that are performat: PositionScaleRotationOpacity Here is a great article by Paul Lewis and Paul Irish about High Performance Animations. Push the limits: 2.