10 Cool CodePen Demos (June 2023)
A collection of 10 cool and exciting front-end demos shared on CodePen during June 2023
product-design
8 Tips for Shaping Product Aesthetics with UI Mood Boards
Discover what UI moodboards are and learn how they can help you perfect product aesthetics. Get our do's and dont's of UI mood board.
How Cookie Jars Capture American Kitsch
The cookie jar continues to be a vessel for cheeky self expression, if not for cookies themselves.
Visual design rules you can safely follow every time
The Five Tools of Hedonic Design
Hacking the happiness treadmill
Custom Logo Design Services. Professional Logos Online
Get a professional logo from the #1 choice for logo design. Original designs. Award-winning designers. Real human customer service. Quality guaranteed.
Durable Design
The Playful Power of Card Design UI
Learn the pros/cons and best practices for card design UI, a popular interface design elements. Plenty of examples included, so dive in!
5 Figma Alternatives for UI & UX Designers - Stack Diary
Interested in Figma alternatives? This article covers the best choices for professional UI & UX designers. Free and paid.
The Obsessive Pleasures of Mechanical-Keyboard Tinkerers
On the right machine, typing can be like playing a Steinway grand. Is tactile perfection possible?
The Design of Everyday Things — Book Summary & Notes
This is my summary and notes from The Design of Everyday Things by Don Norman. Please use the link if you decide to buy the book after…
Life in Motion: A Guide to Animating Mobile Data Visualizations
Animation can help people make sense of all the data at their fingertips.
Eye-Catching Typography To Get More Leads
Noupe passionately delivers stylish and dynamic news for designers and Web developers across the globe on all subjects of design; ranging from CSS, Photography, JavaScript, Web design, Graphics, Typography and much more.
An inside look at how Figma ships product
Designing the fastest way to keep an entire company up-to-date on our roadmap using a Coda doc and a bit of social engineering.
How to make great schemas
Tips and trick for creating well-crafted schemas
https://designschool.canva.com/wp-content/uploads/sites/2/2015/04/How-To-Design-a-Memorable-Brand-That-Catches-On.pdf
UX vs. UI: Guide to Distinguishing User Experience and User Interface Desig
Read this guide to learn how to Distinguish between User Experience and User Interface Design.
The Best SaaS Landing page examples I’ve seen (+ their secrets for conversion)
SaaS Landing page inspiration is usually "pretty" but not conversion/result driven so in this article, I compiled the best SaaS Landing pages examples I've seen and broke-down their secrets for conversions!
How We Redesigned Our Product in Less Than a Week
The 6-step process is an adapted version of the process Google Ventures taught us. It's applicable whether you’re a startup or a Fortune 500 company.
Designers take note: a freemium version of Photoshop is in the works
Adobe Photoshop is still the king of the graphics software industry, by name if not in practice. It is still the bread and butter of artists, designers, illustrators, and creatives, even when there are more focused applications available, like ones for making comics or manga…
6 In-demand Marketing Skills for Your Design CV
In today’s tech-savvy world, being a great designer is not all about being a whiz at tools such as Adobe Photoshop and Adobe Illustrator. The job is
You’re not still using “Read More” are you?
It’s probably not the first time you’ve heard that using links like “Read More” or “Click Here” is bad practice. This topic has been…
15 Beautiful Color Gradients using CSS
👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS...
Style Tiles
A Style Tile is a design deliverable consisting of fonts, colors and interface elements that communicates the evolution of a visual brand for the web. Learn how to use them here.
Google's six rules for great data design - Fast Company
Google's data viz team, formed just last year, has put out best practices for designing charts.
gztchan/awesome-design: 🌟 Curated design resources from all over the world.
🌟 Curated design resources from all over the world. - gztchan/awesome-design
CSS Tips - Marko Denic - Web Developer
CSS tips and tricks you will not see in most tutorials.
Basic Color Theory
Color theory encompasses a multitude of definitions, concepts and design applications. Basic concepts. The Color Wheel, Color Harmony,Color Context
Interactive: The secret to hotel room design is part art, part science
There’s more than meets the eye to room design
Smashing Newsletter
https://volument.com/blog/minimalism-the-most-undervalued-development-skill
The Role of Doubt in Design
When to ask questions, and when to have answers
10 Great Sites for UI Design Patterns
We’ve put together a list of some of the best places to find UI design patterns on the web—so you don’t have to spend your whole life redesigning the wheel.
Why Japanese Web Design Is So… Different
Building Your Color Palette - Refactoring UI
Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.
How to design better buttons
A button is an interactive element that results in the action described on it. If it says “save” on a button, clicking it will most likely “save” something. It’s also one of the most important interactive elements of any digital product. It
https://mobilejazz.com/blog/dark-patterns-in-design/
Weber’s Law - NeuroLogica Blog
I confess I have never heard (or at least don't remember ever hearing) about Weber's Law (pronouned vayber) until reading about it with this news item. It is the Law of Just Noticeable Differences. It deals with the minimum difference in a stimulus necessary to notice. While…
The Elements of UI Engineering — overreacted
What makes UI engineering difficult?
7 Rules for Creating Gorgeous UI (Part 2)
A guide to visual aesthetics, written by a nerd
Eight Habits of Expert Software Designers: An Illustrated Guide
The best designers employ specific habits, learned practices, and observed principles when they work. Here are a few of them.
UX Crash Course: User Psychology
My mission for 2014 was to get more people started in User Experience (UX) Design. In January, hundreds of thousands of people did the original UX Crash Course and it was translated into Spanish, Portuguese and Korean by amazing volunteers. In May we continued with a User…
Want to ditch Pinterest? Here are the best alternatives for visual inspiration - Fast Company
If the recent discrimination allegations against Pinterest are leaving you uninspired (if not quesy), here are some great alternatives.
How to design a logo: 15 pro tips
The golden rules of how to design a logo for successful branding, from the idea to implementation.
Never use the word “User” in your code
You’re six months into a project when you realize a tiny, simple assumption you made at the start was completely wrong. And now you need to fix the problem while keeping the existing system running—with far more effort than it would’ve taken if you’d just gotten it right in the…
Brilliant Barcode Designs
Barcodes are so common and frequent that we do not even notice them anymore. From now on, we’re going to be more attentive to them, because it turns out that sometimes they’re quite brilliant and very creative. h/t: sadnaduseless
Great products do less, but better
When feature bloat can hurt more than help your business goals.
What You Need to Know About Negotiating Design Ideas with Skeptical Customers
A fully interactive prototype created in UXPin can reduce confusion on expectations as both you and the customer are visualizing the same end product.
Visual Design: Glossary
Use this glossary to quickly clarify key terms and concepts related to visual design.
In Defense of Post-its
Sticky notes strengthen team dynamics and represent an egalitarian, concise means for expressing ideas in UX design projects.