Back to Categories

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 of articles about Adobe
for developers - add photos to your site - Stock photos, free images - for design, websites
A collection of articles and videos about Design for Startups
practical tips to get started with CSS and HTML for coding of websites
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
Next.js - an open-source, flexible React framework that gives us building blocks to create fast web applications. Technically speaking, Next.js is enabling React-based web applications with server-side rendering build option and it is also generating static websites. Where traditional React applications can only render their content in the clie...
Clones, copyworks - copying UX, features and designs from competitors, TikTok, snapchat, instagram, facebook and others
Community, reputation, status building - Web Design for Better User Experience
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
Wix - website builder with no code / low-code
Icons & Stickers - Graphic Design: tools and resources
Webflow - make landing pages, apps or websites with no code / low-code
UX/UI design - courses, careers (getting started)
Styling websites with CSS and HTML - examples of great design
Figma - Graphic Design systems, tools, shortcuts
Video editing - tips, tools, resources
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

Resources within this category

Article

Learning CSS Animations by Example - Lee Robinson

A quick tutorial for making a logo swirl. (2017)


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

How Slack hooks users through artificial urgency

You may have heard someone describe a piece of software as being addictive. As in, “I’m so addicted to this balloon-popping game on my phone that I... (2017)


Article

World War I Warships Were Protected By This Cubist Camouflage | WIRED

Dazzle camouflage used to save warships from enemy targeters during World War I. Now it's back in San Diego. (2017)


Article

Board games are back, thanks to the lessons their designers have learned from computer games

The Economist “Board games are back, thanks to the lessons their designers have learned from computer games. Tim Cross rolls the dice (2017)


Article

The Poor Man's 3D Camera · Evan Todd

Each of us have our own giants to face. This is a story about one of my giants. Something I never imagined could make a grown man cry, until it did... (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

In Search Of The Perfect Writing Font – iA

Designers have pointed out that, with all the structural benefits that may or may not come from using a monospace font when writing, there are typo... (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

The simple cult camera that inspired Instagram

BBC, 2017: "A rudimentary plastic camera made in China in the 1980s became an iconic item – even influencing a certain photography app you probabl... (2017)


Article

Expressing Brand in Material

From Google: A step-by-step guide to staying on brand while going Material. Material Design offers a system for designing functional and elegant ... (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

Ancient Islamic Penrose Tiles

Medieval Islamic artisans developed a process for creating elaborate, nonrepeating patterns now associated with Penrose tiles. (2013)


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

Figma to HTML website Webflow plugin | Webflow

Convert and import your Figma designs to Webflow. The Webflow Figma plugin allows you to transfer your Figma designs into production-ready Webflow ... (2023)


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

These prosthetics break the mold with third thumbs, spikes and superhero skins | MIT Technology Review

Prosthetics designers are coming up with new ways to help people feel more comfortable in their own skin. (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

Figma - A New Collaboration with Adobe

Today, we’re announcing the exciting news that Figma has entered into an agreement to be acquired by Adobe. (2022)


Article

Mechanical Watch – Bartosz Ciechanowski

Interactive article explaining how a mechanical watch works. (2022)


Article

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

Documentation for the Tailwind CSS framework. (2021)


Article

Canva raises $200 million at a $40 billion valuation – TechCrunch

Canva is now valued at $40 billion following a fresh capital injection of $200 million (USD) in a round led by T. Rowe Price. New and existing inve... (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

Behind the painstaking process of creating Chinese computer fonts | MIT Technology Review

More than 40 years ago, designers drew and edited thousands of characters by hand to make it possible to type and print in Chinese. (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

Inside Figma: the product design team’s process

A look at the meetings, rituals, and exercises our product design team relies on to stay connected and efficient. (2020)


Article

Hurricanes destroy beachside homes, but not this one

On October 10, Hurricane Michael spun Category 4 winds around the upper reaches of the Sunshine State, but one structure withstood the storm, despi... (2020)


Article

Frank Lloyd Wright's Japanese education

When the young Wright moved to Chicago to work for the architect Joseph Silsbee, he was introduced to Japanese prints. It changed his career, and v... (2020)


Video

How It's Made: LEGO Sets

How It's Made: LEGO Sets (2023)


Video

TED - A Mysterious Design That Appears Across Millennia | Terry Moore

What can we make of a design that shows up over and over in disparate cultures throughout history? Theorist Terry Moore explores "Penrose tiling" -... (2023)


Video

NASA’s Next-Generation Spacesuits — A Behind-The-Scenes Look

NASA has been using the current spacesuits on the International Space Station for decades and they are showing their age. The agency has had issues... (2023)


Video

Figma's $20B, 10 Year Overnight Success -Garry Tan

Figma just sold to Adobe for $20 BILLION. Figma replaced Photoshop as the dominant design tool, and that’s what made this company so important Adob... (2022)


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

Top 5 Zaha Hadid Building Projects

The B1M 1.57M subscribers Zaha Hadid's top five greatest contributions to architecture (2021)


Video

The Man Who Created Settlers of Catan

YouTube - The Man Who Created Settlers of Catan... (2020)


Video

The golf ball that made golfers too good - Vox

Golf's distance debate, explained. Become a Video Lab member! http://bit.ly/video-lab These days, pro golfers are hitting the ball far. Really far.... (2019)


Video

Video games of the future will build themselves - The Verge

The Verge Published on Mar 6, 2019 AI in video games is very different than the AI in self-driving cars, smart home devices, and natural language... (2019)


Video

How Tall Buildings Tame the Wind

How do tall buildings withstand the wind? We've partnered with SimScale to explain. (2019)


Video

Salesforce Tower: Building San Francisco's Vertical Village

The B1M Published on Apr 11, 2018 San Francisco's "Salesforce Tower" is the first in a new generation of skyscrapers reshaping the city's skyline... (2019)


Video

Rams - Official Trailer on Vimeo

"Rams" is the new documentary film from Gary Hustwit (Helvetica) about legendary designer Dieter Rams. For over fifty years, Rams has left an indel... (2018)


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

Why cities are full of uncomfortable benches - Vox

That bench won't be yours forever. Subscribe to our channel! When designing urban spaces, city planners have many competing interests to... (2018)


Video

Superblocks: How Barcelona is taking city streets back from cars

Modern cities are designed for cars. But the city of Barcelona is testing out an urban design trick that can give cities back to pedestrians. Read ... (2018)


Video

d.school Crash Course in Design Thinking on Vimeo

Join us for a 90 minute introduction to design thinking (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

The Engineering of the Drinking Bird

engineerguy Published on Jan 30, 2018 Bill reveals the operation and engineering design underlying the famous drinking bird toy. In this video ... (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)


Podcast

Guggenheim Museum - Audio Guide to the Imperfections of a Perfect Masterpiece - 99% Invisible

To help celebrate its 60th anniversary, the Guggenheim Museum teamed up with 99% Invisible to offer visitors a guided audio experience of the museu... (2019)


Podcast

The Art of Product: 70: Refactoring UI: Concept to Launch

If you listen regularly to the Art of Product podcast, then you’re probably familiar with the ongoing joke: How long does it take before we mention... (2019)


Podcast

Depave Paradise - podcast - 99% Invisible

The largest city in North America, Mexico City, sits at the center of a high valley, 7,000 feet in the air, surrounded by volcanoes. Over a millenn... (2019)


Podcast

Gathering the Magic - 99% Invisible

Magic: The Gathering is a card game and your goal is to knock your opponent down to zero points. But Magic: The Gathering also has a deep mythology... (2019)


Podcast

What's at the Core of the Latest Apple Announcement? - 2018 - a16z Podcast

Stream a16z Podcast: What's at the Core of the Latest Apple Announcement? by a16z from desktop or your mobile device (2018)


Podcast

The Nut Behind the Wheel - 99% Invisible

In the past fifty years, the car crash death rate has dropped by nearly 80 percent in the United States. And one of the reasons for that drop has t... (2017)


Podcast

Built for Speed - 99% Invisible

I want you to conjure an image in your mind of the white stripes that divide the lanes of traffic going the same direction on a major highway. How ... (2017)


Book

Mismatch: How Inclusion Shapes Design by Kat Holmes, director of UX Design at Google

Mismatch book. Read 20 reviews from the world's largest community for readers. How inclusive methods can build elegant design solutions that work f... (2019)


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

Needfinding: Design Research and Planning by Dev Patnaik

For over fifty years, Needfinding has been one of the core classes in the design program at Stanford University. Its premise is that by studying ... (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

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

Noun Project: Free Icons & Stock Photos for Everything

Noun Project has the most diverse collection of free icons and stock photos. Download SVG and PNG. Over 5 million art-quality icons and free photos. (2023)


Website

GIPHY - Be Animated

GIPHY is your top source for the best & newest GIFs & Animated Stickers online. Find everything from funny GIFs, reaction GIFs, unique GIFs and more. (2023)


Website

Flaticon - Free Icons and Stickers - Millions of images to download

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats (2023)


Website

Nextjs - The React Framework for the Web

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web ap... (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

Dani Clode Design - prosthetics design

An augmentation designer exploring the future body (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

One Page Love - One Page Website Inspiration and Templates

One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources. (2022)


Website

Looka - Logo Design & Brand Identity Platform for Entrepreneurs

Logojoy is now Looka! Design a Logo, make a website, and create a Brand Identity you’ll love with the power of Artificial Intelligence. 100% free t... (2022)


Website

Create a website from a Figma design for free

Use Figment to convert your personal or business website design into a functional & beautiful website. (2021)


Website

Bootstrap · The most popular HTML, CSS, and JS library in the world.

The most popular HTML, CSS, and JS library in the world. (2021)


Website

Figma Resources

This is a community of designers creating and sharing design resources that can inspire and empower a quicker design process. This is a community ... (2021)


Website

MagicPattern Toolbox - Generate SVG & CSS patterns, gradients and organic shapes

Create Pro Visuals with MagicPattern. Generate SVG/CSS patterns, gradients and organic shapes to brand your product and social media posts. (2021)


Website

Bannerbear - API for Automated Image and Video Generation

The Bannerbear API helps you and your team auto-generate social media visuals, ecommerce banners, podcast videos and more (2021)


Website

Blender - Free and Open 3D Creation Software

Home of the Blender project - Free and Open 3D Creation Software Blender is the free and open source 3D creation suite. It supports the entire... (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

IconDuck: 100k+ free open source icons

IconDuck: 100k+ free open source icons (2021)


Website

Amadine - Vector Graphic Design Software for Mac

Amadine, intuitive vector graphic design software for Mac, iPad and iPhone–download free Trial now! (2020)


Website

Shutterstock - Stock Images - Photos, vectors & illustrations

Download the best royalty free images from Shutterstock, including photos, vectors, and illustrations. Enjoy straightforward pricing and simple lic... (2020)


Website

Video Game Curriculum Guide

Riot Games’ Game Design Curriculum is an entry-level course that teaches high school students the fundamental elements of game design using a frame... (2020)


Website

Unbounce Community - built on Discourse

Connect with savvy marketers from around the world to discuss landing pages, conversion rate optimization, a/b testing and all things marketing. (2020)


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

Happy Hues - Curated colors in context.

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of... (2019)


Note

Content Stats

161 Articles
21 Videos
8 Podcasts
7 Books
1 Notes
61 Websites
86 Chunks
1 Courses