• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4289 shaares
77 / 215
Filters

How to Use CSS Animations Like a Pro

QRCode

Create animation magic using keyframes, animation properties like timing, delay, play state, animation-count, iteration count, direction, fill mode and will-change.

https://stories.jotform.com/how-to-use-css-animations-like-a-pro-dfacc1e97338
June 20, 2019 at 1:52:25 PM EDT *
css animation webdesign
FILLER

3 rapid prototyping exercises to improve your UX skills

QRCode

“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.

https://uxdesign.cc/3-rapid-prototyping-exercises-to-improve-your-skills-in-ux-design-f2c8b2d690b3
June 20, 2019 at 1:49:33 PM EDT *
drawing webdesign creativity lifehacks
FILLER

A Designer's Guide to Animating Icons with CSS

QRCode

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.

https://www.newmediacampaigns.com/blog/guide-to-css-icon-animations
June 20, 2019 at 1:46:59 PM EDT *
animation css svg
FILLER

How to Do What You Love

QRCode

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.

http://www.paulgraham.com/love.html
June 20, 2019 at 11:35:57 AM EDT *
lifehacks career
FILLER

How to illustrate when you can’t draw to save your life

QRCode

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).

https://medium.com/envoy-design/how-to-illustrate-when-you-cant-draw-to-save-your-life-db8bd1be6402?sk=2e6aa8f8d9332e3c134f669aa5009f9e
June 20, 2019 at 10:59:16 AM EDT *
drawing illustrator
FILLER

Makefiles 101: how to use make as a task automation tool

QRCode

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.

https://medium.com/free-code-camp/makefiles-101-how-to-use-make-as-a-task-automation-tool-69d2ccc3f25e
June 20, 2019 at 10:40:17 AM EDT *
make linux
FILLER

63 Beautiful Dark UI Examples & Design Inspiration

QRCode

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.

https://medium.muz.li/63-beautiful-dark-ui-examples-design-inspiration-8abaa1b86969
June 19, 2019 at 8:06:36 PM EDT *
css webdesign inspiration
FILLER

5 Creative Exercises to Build Your Writing Muscles

QRCode
  • 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
https://writingcooperative.com/5-creative-exercises-to-build-your-writing-muscles-d1d6d91947ce
June 19, 2019 at 8:05:08 PM EDT *
writing
FILLER

Lookahead and Lookbehind Tutorial—Tips &Tricks

QRCode

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.

https://www.rexegg.com/regex-lookarounds.html
June 14, 2019 at 1:45:16 PM EDT *
perl regex
FILLER

21 Day Core Strength Transformer Yoga

QRCode
https://courses.sadienardini.com/21-day-core-strength-transformer-yoga/
June 3, 2019 at 1:55:50 PM EDT *
yoga fitness
FILLER

This 5-Minute Exercise Will Make You More Flexible

QRCode

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.

https://www.huffpost.com/entry/flexibility-exercises-yoga_n_55e5b7bfe4b0aec9f3547914?ncid=txtlnkusaolp00000592
May 29, 2019 at 3:24:32 PM EDT *
yoga fitness
FILLER

The power of SSH tunneling. How it can make your developer life easier

QRCode

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 :: user@

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 :: user@

https://medium.com/swlh/the-power-of-ssh-tunneling-how-it-can-make-your-developer-life-easier-17ea6e8ee8ea
May 28, 2019 at 2:44:59 PM EDT *
ssh
FILLER

The 20-Minute, At-Home Abs Workout You Can Do With Just an Exercise Ball

QRCode

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
https://www.runnersworld.com/training/a27509741/abs-workout-exercise-ball/
May 22, 2019 at 3:06:17 PM EDT *
fitness abs
FILLER

How to improve illustration skills

QRCode
  • Daily routines
  • Drawing in the mornings
  • Group drawings
  • Tutorials
https://medium.muz.li/how-to-improve-illustration-skills-367d7d9c3759
May 21, 2019 at 2:18:58 PM EDT *
drawing
FILLER

Best & Worst Community Colleges

QRCode
https://wallethub.com/edu/e/best-worst-community-colleges/15076/
May 21, 2019 at 12:07:17 PM EDT *
college
FILLER

The ‘One Day’ That Could Change Your Life Forever – Personal Growth Lab – Medium

QRCode

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.

https://medium.com/personal-growth-lab/the-one-day-that-could-change-your-life-forever-a8f25c9c79b0
May 20, 2019 at 3:52:29 PM EDT *
lifehacks writing
FILLER

The Experiment on Our Children: Doctors Don’t Know Who the Real Trans Kids Are

QRCode

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.

https://www.thepublicdiscourse.com/2017/06/19512/
May 20, 2019 at 11:32:11 AM EDT *
kids trans
FILLER

Seven Surprising Bash Variables

QRCode

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

https://zwischenzugs.com/2019/05/11/seven-surprising-bash-variables/
May 20, 2019 at 9:49:55 AM EDT *
linux bash
FILLER

Fading out siblings on hover in CSS

QRCode

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 siblings
https://www.trysmudford.com/blog/fade-out-siblings-css-trick/
May 6, 2019 at 3:41:20 PM EDT *
css webdesign hover
FILLER

How to Make a Purchase Icon in Adobe Illustrator

QRCode

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.

https://design.tutsplus.com/tutorials/how-to-make-a-purchase-icon-in-adobe-illustrator--cms-32820
May 6, 2019 at 3:40:39 PM EDT *
illustrator
FILLER
77 / 215
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community