Back to Categories

UX/UI DESIGN

Category

Search Keyword

Search for content with this keyword

Chunks within this category

A collection of articles and videos looking at UX / UI and Design Thinking
a collection about User On-boarding - UX/UI, website design for new user experience
A collection of articles and videos about Design for Startups
simple guides to choosing artwork and design for website graphics
learn more about creating animations using only CSS
website design principles for better UX/UI
Introduction to User Experience UX design
tips and suggestions for Getting started with a Career in Design
UI libraries, templates, components - to speed up website development with CSS, HTML
Clones, copyworks - copying UX, features and designs from competitors, TikTok, snapchat, instagram, facebook and others
Bubble - Making apps or websites with no code / low-code - tools, resources
Tailwind - CSS framework
practical tips to get started with CSS and HTML for coding of websites
Learn how to make apps or websites with no code / low-code
Graphic Design systems, tools, shortcuts
UX design - tools, resources
Design firms - leading 3rd party designers for apps and websites
Webflow - make landing pages, apps or websites with no code / low-code
UX/UI design - courses, careers (getting started)
Styling React apps UI with CSS, HTML
Styling websites with CSS and HTML - examples of great design
Figma - Graphic Design systems, tools, shortcuts
A collection of articles and videos looking at UX / UI and Design Thinking
A collection of resources for Making websites with no code / low-code
a collection of articles about Invision, an app for designers
Introduction to Interaction Design for websites and mobile apps - UX/UI design
Using React in a Ruby on Rails project
A collection of articles and videos about Design and Dieter Rams, the legendary industrial designer
practical tips to get started with Bootstrap Alternatives - Design Frameworks with CSS and HTML
A collection of articles with suggestions to copy design, and learn to code. Learn to code by COPYING: learn Javascript, CSS and HTML

Resources within this category

Article

How Stripe Designs Beautiful Websites - Lee Robinson

Examining the tips and tricks used to make Stripe's website design a notch above the rest. Here’s three main points to leave you with. Typograp... (2017)


Article

The Most Important Rule in Product Design, and Possibly Life Management

The Most Important Rule in UX Design that Everyone Breaks “The Rule: Always organize elements of information in categories no larger than 9, bu... (2017)


Article

User experience design for APIs

Writing code is rarely just a private affair between you and your computer. Code is not just meant for machines; it has human users. It is meant to... (2017)


Article

A Comprehensive Guide To Web Design – Smashing Magazine

Web design is tricky. Designers and developers have to take a lot of things into account when designing a website, from visual appearance (how the ... (2017)


Article

How Chunking Helps Content Processing

"Break your text and multimedia content into smaller chunks to make it easier for users to understand and remember information. Summary: Chunking ... (2017)


Article

Color - Style - Material Design

Material Design from Google: "The Color Tool helps you create, share, and apply color palettes to your UI, as well as measure the accessibility l... (2017)


Article

Hooked: how slot-machines are designed to be addictive

Poker machines use a range of design features that leverage psychology to keep people playing. The Guardian, 2017: “Here, we break them down so yo... (2017)


Article

The modern web design process

A free Webflow ebook: "Learn how a well-defined process translates to high-performing websites. Web designers often think about the web design pr... (2017)


Article

How a UX designer used design thinking to improve a haunted house

Invision: "Turns out haunted houses and UX design have a ton in common. I’m obsessed with Halloween and design. When I was a kid, I built a haunt... (2017)


Article

7 Rules for Creating Gorgeous UI (Part 1)

Medium, "A non-artsy primer in digital aesthetics. OK, first things first. This guide is not for everyone. Who is this guide for? Developers who ... (2014)


Article

7 Rules for Creating Gorgeous UI (Part 2)

Medium, "A guide to visual aesthetics, written by a nerd" Erik D. Kennedy – This is the second part in a two-part series. You should read the firs... (2014)


Article

We Don’t Need More Designers Who Can Code

Medium, 2014: "To say that we need designers who can code misrepresents the underlying issue...Saying designers should code creates a sense that we... (2014)


Article

The right way to ask users to review your app

Medium: Circa’s secret to getting 90% 5-stars. tl;dr: 1) Build a great app, 2) Don’t annoy your users, 3) Ask nicely, don’t beg Since Circa News ... (2014)


Article

100 Best Mobile App Interactions

behance: "UI/UX Interaction Design Web Design (2017)


Article

A Five Minutes Guide to Better Typography

graphic design: "A Five Minutes Guide to Better Typography" — by Pierrick Calvez (2017)


Article

5 Big Differences Between UX And UI Design

5 Big Differences Between UX And UI Design (2017)


Article

Elements of a User Experience

from Jesse James Garrett: His diagram titled The Elements of User Experience launched his popularity in the web design community in early 2000, whi... (2017)


Article

What is Tailwind CSS? A Beginner's Guide

Writing CSS can be really difficult. Period. And I get it – it can be frustrating to nail down your own ideas or the designs you get from your desi... (2022)


Article

Visual design rules you can safely follow every time

You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time. (2023)


Article

Adobe snaps up Figma for $20B, taking out one of its biggest rivals in digital design • TechCrunch

Adobe today announced that it would acquire Figma for $20 billion, taking out one of its biggest rivals in the realm of digital design. (2022)


Article

TikTok just launched a BeReal clone called TikTok Now • TechCrunch

All the major social media players are racing to rip-off BeReal, a small, buzzy French app. (2022)


Article

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Documentation for the Tailwind CSS framework. (2021)


Article

How Notion used Figma design to pull itself back from the brink of failure

The story of its last-minute pivot and epic comeback. (2021)


Article

Figma introduces a whiteboard tool called FigJam – TechCrunch

Figma spent years in stealth before launching its web-based collaborative design tool. Since coming into the light, the company has been iterating ... (2021)


Article

19 things you shouldn’t say to a UX Researcher (explained with GIFs) | Aug, 2020

In the past few years, I’ve been working with a bunch of different clients, with different strategies. Even though I have worked on completely diff... (2020)


Article

Design Software Unicorn Canva Hits $6 Billion Valuation In $60 Million Raise Amid Covid-19 Boom

Canva has nearly doubled its valuation to $6 billion as the design software business tops 30 million monthly users and has seen business boom durin... (2020)


Article

Why Figma Wins

Companies are a sequencing of loops. While it’s possible to stumble into an initial core loop that works, the companies that are successful in the ... (2020)


Article

What is Developer Experience (DX)?

Developer Experience is a term with a self-declaring meaning — the experience of developers — but it eludes definition in the sense that people invoke (2020)


Article

How Stripe Designs Beautiful Websites – Lee Robinson

Examining the tips and tricks used to make Stripe's website design a notch above the rest. (2017)


Article

Figma - profile on AngelList

Figma - A better way to design. Design, prototype, and gather feedback all in one place A better way to design. Design, prototype, and gather fe... (2020)


Video

Papyrus - Saturday Night Live

Fonts matter! SNL, "Years after Avatar's release, there's one thing Steven (Ryan Gosling) just can't get over... (2017)


Video

Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021)

Do you want to learn Figma but don’t know where to start? Well, if you follow this step-by-step tutorial, it will only take you 24 minutes to learn... (2021)


Video

Design for Startups by Garry Tan (Part 2)

Former YC partner Garry Tan, the cofounder of Initialized Capital and a design expert describes how to effectively integrate design into a product ... (2018)


Video

Faking it -- Wizard of Oz | UC San Diego

Lecture 3.2 - Coursera - Human Centered Design: An Introduction: University of California, San Diego (2018)


Video

Rapid Prototyping 1 of 3: Sketching & Paper Prototyping

Mariam Shaikh and Melissa Powel talk about sketching and paper prototyping. Have you ever struggled with how to get from an idea to a high fidelity... (2018)


Video

Storyboards, Paper Prototypes, and Mockups | UC San Diego

Lecture 3.1 - Coursera - Human Centered Design: An Introduction University of California, San Diego (2018)


Video

Building a Winning UX Strategy Using the Kano Model

Information and subscription on http://www.usievents.com The ultimate goal for user experience is that users enjoy using your product or service. M... (2018)


Video

Strategyzer's Value Proposition Canvas Explained

The Value Proposition Canvas allows you to design products and services that customers actually want. In this short video, we walk you through the ... (2018)


Podcast

Productize Your Service, Streamline Your Process - Brett Williams DesignJoy - Indie Hackers

Listen to this episode from Indie Hackers on Spotify. Today I'm talking to Indie Hacker Brett Williams (@brettfromdj) who has built a $1M ARR agenc... (2022)


Book

Dieter Rams: Ten Principles for Good Design by Cees W. de Jong

Exquisitely produced to reflect Dieter Rams' aesthetic philosophy, this book presents highlights from a forty-year career designing iconic consumer... (2018)


Book

About Face 3: The Essentials of Interaction Design by Alan Cooper

About Face 3 has 2,787 ratings and 80 reviews. Ryan said: About Face is widely considered one of the most important books ever written about Intera... (2018)


Book

The Visual Display of Quantitative Information by Edward R. Tufte

The Visual Display of Quantitative Information has 6,320 ratings and 430 reviews. Zanna said: When I started secondary school I was mildly apprehen... (2018)


Book

The Design of Everyday Things by Donald A. Norman

The Design of Everyday Things has 19,161 ratings and 1,469 reviews. David said: After reading this you will never look at any man-made object the s... (2018)


Book

Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability by Steve Krug

Don't Make Me Think, Revisited has 17,233 ratings and 1,307 reviews Since Don’t Make Me Think was first published in 2000, over 400,000 Web desi... (2018)


Website

A/B Testing Tool by Crazy Egg - Ridiculously Easy to Use, Try it Free

Start using the best A/B testing tool to improve your conversion rate now. Simply select an element you want to test ideas on, and get testing! (2023)


Website

EditorX - website design without code

Experience the future of website design with responsive layouts, CSS precision and smooth drag and drop. (2023)


Website

Chakra UI - Create accessible React apps

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Si... (2023)


Website

Shuffle - responsive UI components, templates

Shuffle gives you 6,900+ fully responsive UI components to get you started. You don't have to be a designer to create attractive templates! (2023)


Website

Durable: AI Website Builder and service business software

Durable is the easiest way to start and grow a business online. AI website builder, marketing tools, invoicing. Run your business with one simple app. (2023)


Website

Awwwards - Website Awards - Best Web Design Trends

Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world. (2022)


Website

Semantic UI - beautiful, responsive layouts using human-friendly CSS, HTML.

User Interface is the language of the web Semantic empowers designers and developers by creating a shared vocabulary for UI. Semantic is a deve... (2021)


Website

Figma - Design, prototype, and feedback

Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. (2021)


Website

Miro - Online Visual Collaboration Platform for Teamwork

Scalable, secure, cross-device and enterprise-ready team collaboration whiteboard for distributed teams. Join 15M+ users from around the world. (2021)


Website

MetaLab | We make interfaces

MetaLab helps some of the world’s top companies—like Slack and Google—design, build, and ship amazing products and services. (2021)


Website

Fabrx Mobile Design System - All-inclusive Design System For Sketch, Figma and Adobe XD

All-inclusive Design System For Sketch, Figma and Adobe XD - Fabrx Mobile Design System Design beautiful apps faster and smarter with an all-inc... (2020)


Website

Zeplin —Collaboration and handoff for product teams

Connected space for product teams. Handoff designs and styleguides with accurate specs, assets, code snippets—automatically. The better way to s... (2020)


Website

Adobe XD - website

Where teams create the world’s best experiences at scale, powered by the leader in creative tools. Adobe XD is a powerful, collaborative, easy-t... (2020)


Website

Refactoring UI website

Tired of relying on Bootstrap? Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view. (2019)


Website

Platforma Web Wireframe Kit

Collection of components and UI elements for creating efficient website wireframes. (2019)


Website

Diagrams.net (formerly draw.io) - Flowchart Maker and Online Diagram Software

draw.io is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams (2019)


Website

Carrd - Simple, free, fully responsive one-page sites for pretty much anything

A free platform for building simple, fully responsive one-page sites for pretty much anything. (2019)


Website

Welcome to InVision Studio - InVision

Welcome to InVision Studio, the world’s most powerful screen design tool. Designers are rapidly evolving the world we live in by determining ... (2019)


Website

Fiverr - Find the perfect freelance services for your business

Fiverr - Find the perfect freelance services for your business (2018)


Website

Behance - graphic design

Behance - for designers (2018)


Website

Dribbble - graphic design

What are you working on? Dribbble is where designers get inspired and hired. Dribbble is where designers gain inspiration, feedback, community, ... (2018)


Website

Sketch - Download Sketch

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork. (2018)


Website

Design Systems Gallery | Design Systems Repo

This is not a comprehensive list of every design system that I have come across. Rather, it's a collection of ones that I personally found to be he... (2018)


Website

Ant Design - A UI Design Language - For React

An enterprise-class UI design language and React-based implementation with a set of high-quality React components, one of best React UI library for... (2018)


Website

EarlyAccess.to - The One-page Builder that saves you time and money.

Launch a Landing Page and Validate startup ideas in minutes. (2023)


Content Stats

74 Articles
8 Videos
1 Podcasts
5 Books
25 Websites
55 Chunks
1 Courses