Pocket Guide to CSS only Drawings and Animations
So I became a bit obsessed about how further we can push the limits of what we can draw with CSS only. Basically, I noticed that you can play around with basic shapes like circles, rectangles and triangles to draw virtually anything. You can even put some drop-shadows and CSS filters to get some pretty cool effects as well.
In this pocket guide I'll write some examples from really easy to more complex things you can do to create cool drawings and animations with CSS.
Raise your prices by thinking like a consultant, not a freelancer
- What does success look like for this project?
- How can failure be avoided with this project? What are you worried might go wrong?
- What will happen to your business if nothing changes?
- Where do you see your business a year from now? Three years from now? Ten years from now?
- What is the single hardest thing in your business right now?
How to Quit Asking Bad Questions and Start Asking Great Questions
Here are some ways people ask questions the wrong way -- and how you can ask the right way:
-
Don't Lead the Witness
"What do you think we should do about that order?" -
Don't Stick to Either/Or Questions
"There are defects throughout the whole order. What do you think we should do?" -
Look for Clarification
"That sounds really good. Let me make sure I don't miss anything, though. Can you walk me through it one more time?"
Talk as little as possible. You already know what you know.
Does your solution solve the right problem?
The most productive engineers I’ve ever worked with aren’t the engineers who pull all-nighters or clock in 80 hour work weeks. Nor are they the engineers who can effortlessly craft an elegant five lines of x86 assembly to succinctly and efficiently solve a problem.
Focus on the problem – each and every time
The pen is mightier than the laptop – Design Voices – Medium
The pen is mightier than the laptop
Ditch the computer and break out the paper for more effective, interesting, and visually stimulating note-taking
78rpm Records Digitized by George Blood, L.P. : Free Audio : Download & Streaming : Internet Archive
You Are My Sunshine
House of Rising Sun
Four Leaf Clover
Inter UI font family
Inter UI is a typeface specially designed for user interfaces with focus on high legibility of small-to-medium sized text on computer screens.
The family features a tall x-height to aid in readability of mixed-case and lower-case text. Several OpenType features are provided as well, like contextual alternates that adjusts punctuation depending on the shape of surrounding glyphs, slashed zero for when you need to disambiguate "0" from "o", tabular numbers, etc.
How To Create a Style Guide From Scratch. Tips and Tricks
A styleguide is a set of standards, principles and rules every developer or designer should follow in order to improve the digital presence of the product.
In this article we will walk through effective techniques used in designing a reliant style guide.
Designing Logos
Creating a logo is design distilled. You need to make this little piece of branding that forges a connection with the people who come into contact with it. I find that challenge immensely fun. You get to be the storyteller of a brand. You get to help shape many people’s perception of an entity. You get to make a difference for someone– all with the use of your creativity.
The Future of Lottie – Airbnb Design
When we released Lottie six months ago, we never imagined it would be embraced by the community as it has been. It is inspiring to hear from people in person, through emails, on Twitter, and on GitHub about how happy they are to have an animation solution for their apps. We’ve read articles written by designers and engineers whom we respect — such as Nick Butcher, Valentina Berois, Chris Basha, Christopher Deane, and many others — that tell us specifically how Lottie has allowed them to create animations more easily.
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device
(for jQuery or Zepto.js).
How to Control Your Emotions During a Difficult Conversation
- Breathe
- Focus on your body
- Try saying a mantra
- Acknowledge and label your feelings
- Take a break
Photoshop for designers who don't use Photoshop - Photoshop for designers who don't use Photoshop
Material Design Hierarchical Display by zavoloklom
The jQuery plugin for hierarchical display animation effect
Hierarchical Timing is a meaningful transition introduced in Google Material Design that focuses your users attention in an app or how an app element got from point A to point B.
How To Get Started With Sketchnotes — Smashing Magazine
Making your notes more interesting doesn’t have to be a huge undertaking. It’s not like learning to play the piano or taking up diving. If you think sketchnoting looks fun, I have some tips to get you started.
The Art of Designing With Heart – Signal v. Noise
The Art of Designing With Heart
How to make useful, friendly software for real people.
One of the things I love about making software is that it’s a deeply mental exercise, chock full of heady processes, abstractions, and interconnected pathways.
YOUR SOFTWARE EXISTS TO HELP PEOPLE!
Dark Side of UI: When Dark Is Good for Users. – design4users
The aspect of using dark colors and shades in backgrounds of user interfaces still belongs to highly debatable issues. No wonder it's so actual: choosing appropriate background plays vital role on all the product efficiency as it can become a key factor enhancing or, vice versa, killing other design solutions around the layout and functionality. Today our article will be devoted to benefits and pitfalls of using dark background in UI design, so let's move on the dark side.
The 100% correct way to validate email addresses
Congratulations. From this day forward, you will no longer squander your time trying to work out the perfect regex to validate email addresses. You will also never again run the risk of rejecting what is, in fact, a strange, valid email address.
The upshot
There is no point in trying to work out if an email address is ‘valid’. A user is far more likely to enter a wrong and valid email address than they are to enter an invalid one.
Therefore, you are better off spending your time doing literally any other thing than trying to validate email addresses.