Little Things I Like to Do with Git – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
Check Which Changes You’re About to Pull
If you haven’t worked on a project for a little while, you might want to check what’s happened upstream before you pull all of those changes down into your local branch.
$ git log --oneline --no-merges HEAD..
Making CSS Animations Feel More Natural
The first thing to look at is the timing function. In the above example, we’re using a linear timing function, which means that the box is constantly moving at the same speed. In some cases, this is desirable; however, in the real world, motion usually doesn’t work like that.
Elevation - Material Design
Elevation is the relative distance between two surfaces along the z-axis.
Elevation in Material Design is measured as the distance between Material surfaces. The distance from the front of one Material surface to the front of another is measured along the z-axis in density-independent pixels (dps) and depicted (by default) using shadows
Everything You Need To Know About Alignment In Flexbox
In this article, we take a look at the alignment properties in Flexbox while discovering some basic rules to help remember how alignment on both the main and cross axis works.
How Climate Change Is Ruining Our Indoor Air – Future Human – Medium
Yet it is a little appreciated fact that many of us at home, school, and work breathe air containing CO2 concentrations of 1,000 ppm every day.
A 2012 study concluded that at “1,000 ppm CO2, compared with 600 ppm, performance was significantly diminished on six of nine metrics of decision-making performance.” At 2,500 ppm, performance levels became more or less “dysfunctional.”
Jean started cracking his bedroom door open at night, and saw the average CO2 level drop by 500 ppm.
The ultimate guide to proper use of animation in UX
I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.
Download Classic Japanese Wave and Ripple Designs: A Go-to Guide for Japanese Artists from 1903 | Open Culture
Called Hamonshū, the books were produced by the artist Mori Yuzan, "about whom not a lot is known," adds the Public Domain review, "apart from that he hailed from Kyoto, worked in the Nihonga style" — or the "Japanese painting" style of Japanese painting, which emerged during the Meiji period, a time of rapid Westernization in Japan.
Optical Effects in User Interfaces
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. An illustrated guide.
What is bigger: a 400-pixel square or a 400-pixel circle? Geometrically speaking, their width and height are equal. But look at the picture below. Our eyes immediately detect that the square outweighs the circle.
The Search for a GUI Docker
I love Docker. At first it seemed a bit silly to me for a small-scale implementation like my home setup, but after learning how to use it, I fell in love. The standard features are certainly beneficial. It's great not worrying that one application's dependencies will step on or conflict with another's. But most applications are good about playing well with others, and package management systems keep things in order. So why do I docker run instead of apt-get install? Individualized system settings.
Good to great UI animation tips
Practical suggestions to improve your UI micro-interactions.
Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation.
FOSS Alternatives to Popular Proprietary Software
YouTube - PeerTube, https://joinpeertube.org/en/home/
Twitter - Mastodon, https://mastodon.social/about
Adobe InDesign - Scribus, https://www.scribus.net/
Flexbox — The Animated Tutorial – JavaScript Teacher – Medium
The Most Important CSS Concept to Learn
For every inline style that targets an element using the style attribute, 1 goal is assigned to goal post (a).
For every id selector, 1 goal is assigned to post(b).
For every class selector, attribute selector, and pseudo-classes present, 1 goal is assigned to post(c).
For every element selector and pseudo-element, 1 goal is assigned to post (d).
The way I remember this is by using the acronym, SICAPEP:
How to Practice Loving-Kindness Meditation – Member Feature Stories – Medium
May I be safe and protected and free from inner and outer harm.
May I be happy and contented.
May I be healthy and whole to whatever degree possible.
May I experience ease of well-being…
What is a Makefile and how does it work?
If you want to run or update a task when certain files are updated, the make utility can come in handy. The make utility requires a file, Makefile (or makefile), which defines set of tasks to be executed. You may have used make to compile a program from source code. Most open source projects use make to compile a final executable binary, which can then be installed using make install.
The Shocking Origin of Vegetable Oil — Garbage! – Dr. Jason Fung – Medium
With lots of cottonseed oil, but no demand, it was added illicitly to animal fats and lards. There was no evidence that this was, in any way safe for human consumption.
By the 1990s, these trans fats that the AHA and the CSPI told us were supposed to be so healthy for us were implicated as major risk factors for heart disease.
Unsurprisingly, natural fats, whether they come from animal (meat, dairy) or plant sources (olive, avocado, nut) are generally healthy. Highly processed, industrial seed oils tend to be unhealthy. Let’s face the facts — we ate vegetable oils because they were CHEAP, not because they were healthy.
Want better ideas? – Jeffrey Harris – Medium
Ideas on a little slip of paper are cheap. They flow. There’s no cost to being wrong, so there’s no reason to self-edit. It’s easier to stay generative.
The minute you turn on the screen, you’re not generating. You’re editing.