How to Use CSS Animations Like a Pro
Create animation magic using keyframes, animation properties like timing, delay, play state, animation-count, iteration count, direction, fill mode and will-change.
3 rapid prototyping exercises to improve your UX skills
“Almost everybody I know who does interesting, creative work went through a phase of years of where they could tell that what they were making wasn’t good as they wanted it to be… It is only by going through a volume of work will you close that gap, and your work will be as good as your ambitions” — Ira Glass
Every month I reflect on ‘How I can be a better Designer’. I learned through my background in visual arts that you can train yourself to draw better in a shorter period of time (literally).
I experimented with this in the Summer of 2013. My goal then was to achieve realistic sketches of eyes that captured human emotion. To do this I gave myself a 30-minute time limit and these were the results…
1) 8–6–4–2 Rapid Prototype Method
The premise of this method is to sketch for 8 minutes, 6 minutes, 4 minutes and 2 minutes with quick 2 minute feedback sessions in between.
2) A Twist on the #DailyUI Challenge
Maybe you’re like me and you’ve received the congratulatory email on Day 100 🎉 with nothing to show for it. This was the simple twist I added to get myself started.
3) Solve a Problem you’ve encountered
Take a moment in your day-to-day to note down real world problems that you wish there were better solutions for. You might already a list or two or five. It’s time to solve that problem.
A Designer's Guide to Animating Icons with CSS
As a designer, I love coming across fun animations when visiting a site, and I have definitely been seeing more and more of them lately. Animations take illustrations and icons to the next level, making a site that much more engaging. While they are obviously attractive to look at, they also serve a functional purpose, captivating visitors and encouraging them to interact with the content.
How to Do What You Love
To do something well you have to like it. That idea is not exactly novel. We've got it down to four words: "Do what you love." But it's not enough just to tell people that. Doing what you love is complicated.
How to illustrate when you can’t draw to save your life
After one week of pen-tooling mazes, I never had any difficulties with the instrument again. If I could shout one thing from the rooftops to beginning illustrators, it would be to conquer mazes.
I started looking at the components it would take to rebuild—a circle for this, a modified rectangle for that. With the exception of some unique paths here or there, almost every part stemmed from the simple shapes we learn in kindergarten.
In fact, it actually turns out that most flat illustrations are either based upon these basic shapes (which Illustrator perfectly pre-sets), or an organic shape (for which the mazes serve as preparation).
Makefiles 101: how to use make as a task automation tool
Not everyone is aware that make can easily be used to manage tasks in your projects. In this article, I’d like to share a brief introduction to how Makefiles help me automate some tasks in my day to day activities. This brief guide will focus on using make as an automation tool for tasks rather than a tool for compiling code.
63 Beautiful Dark UI Examples & Design Inspiration
A curated collection of dark UI to inspire you in your product design process.
Even more examples of dark UI could be found on our amazing visual search.
5 Creative Exercises to Build Your Writing Muscles
- Write three opening lines to three separate stories.
- Pick one event that occurred during the day and describe it in any style you like within ten minutes.
- What is your favorite TV or film character doing today?
- Describe or imagine the history of an object around your house.
- Write the events of your day as newspaper headlines
Lookahead and Lookbehind Tutorial—Tips &Tricks
Lookarounds often cause confusion to the regex apprentice. I believe this confusion promptly disappears if one simple point is firmly grasped. It is that at the end of a lookahead or a lookbehind, the regex engine hasn't moved on the string. You can chain three more lookaheads after the first, and the regex engine still won't move. In fact, that's a useful technique.
This 5-Minute Exercise Will Make You More Flexible
In the video above, Udaya instructor Caley Alyssa demonstrates a gentle yoga sequence that'll improve your range of motion and help you get a lot more bendy. The positions will be more difficult at first; your hips and back may feel tight and you might struggle to get your hands past your knees, especially if you sit for most of the day.
The power of SSH tunneling. How it can make your developer life easier
This is where local port forward comes in handy. Just create an SSH connection to your remote server, like the earlier example, but this time you must add a flag that is telling the SSH program to forward a specific hostname and port:
$ ssh -L
Remote port forwarding is like the opposite of local port forwarding. It will forward all requests on a remote servers’ port to your machine.
$ ssh -R
The 20-Minute, At-Home Abs Workout You Can Do With Just an Exercise Ball
How to do it: Perform three rounds of squats with overhead ball hold, mountain climbers, plank shoulder taps with ball on toes, planks to rolling pike, sit-ups, and jackknife ball passes. Rest for one minute between rounds.
- Squat With Overhead Ball Hold
- Mountain Climber
- Plank Hands to Elbows
- Plank to Rolling Pike
- Sit-Up
- Jackknife Ball Pass
How to improve illustration skills
- Daily routines
- Drawing in the mornings
- Group drawings
- Tutorials
The ‘One Day’ That Could Change Your Life Forever – Personal Growth Lab – Medium
It’s Your Obligation To Create Amazing Things
By missing out on many of the ‘one days’ in which you could’ve created something valuable and worthwhile, you do a disservice to yourself, your audience and your craft. Something awesome could have been there for the world to see — but it isn’t.
So, stop getting distracted by meaningless things. Stop letting your excuses get the better of you. And stop letting your fears dictate your work.
In that one day, you could create that blogpost or video that goes viral. You could create something that makes an impact on the lives of others. Something that grows your business. Something that changes your own life. Stop letting BS excuses get in your way and stop being your own worst enemy. You owe it to yourself, your audience and your mission to create amazing things as often as you can.
The Experiment on Our Children: Doctors Don’t Know Who the Real Trans Kids Are
Doctors currently have no way of predicting which gender dysphoric children will persist in their gender dysphoria, and yet they are pushing the minimum age for irreversible hormone therapy and surgery as low as possible.
Seven Surprising Bash Variables
1) PROMPT_COMMAND
2) HISTTIMEFORMAT
3) CDPATH
See comment:
https://unix.stackexchange.com/questions/456866/how-can-i-suppress-printing-the-full-path-to-subdirectories-when-using-cdpath/456867#456867
4) SHLVL
5) LINENO
6) REPLY
7) TMOUT
Fading out siblings on hover in CSS
Here’s a tiny trick for making your hover states stand out, and also a cool way to target the siblings of the thing you’re hovering over. The effect is a mixture of two effects:
Scale the hovered item
Fade out the siblingsHow to Make a Purchase Icon in Adobe Illustrator
Love icon design? If so, follow this tutorial and learn how to make a minimal purchase icon in three different versions. We will use only basic shapes, and with the help of the Align options and the Pathfinder options, we will build these icons step by step. By the end of this tutorial, you will be able to apply these techniques to create other types of icons.