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.
Flare by 2dimensions
Bring Your Apps and Games to Life with Real-Time Animation
Flare is a powerful design and animation tool, which allows designers and developers to easily add high-quality animation to their apps and games.
Introducing USWDS 2.0 | United States Web Design System
Public Sans