482 Blog Posts To Learn About Design

Can you make it pop?

1. What is a Full Stack Developer and How Do You Become One?

A full stack developer is an engineer who can handle all the work of databases, servers, systems engineering, and clients.

2. 21 Best Developer Portfolio Examples

21 Awesome DEV portfolios for your inspiration

3. Turn your old useless laptop screen into an external monitor

For far too long I possessed an old Dell Studio laptop. It served me well for a good 5 years with a number of service centre visits, battery and hard disk replacements, formats and OS upgrades. From the past few years I have ditched the old laptop for a Macbook. Yet still, I never bothered to dispose of it. After all it still works (slow af but works!). <em>What if there is an ‘emergency’ situation where I need to use this ancient piece of technology?</em> I tried selling it, but the act itself and the price I get for it is honestly not worth it. Giving it to someone for free feels like a punishment to the person (most smartphones have better specs). Disposing it off just doesn’t feel right (yeah right! That’s the middle class in me speaking. Also not very good for the environment).

4. 7 Color Pattern Trends in Mobile App Design

You must have heard the words like trends of color schemes/patterns in mobile app development and designing because mobile phones are the best and most convenient way to connect yourself to the digital world.

5. Present Your Way to Success: Key Tips for Landing a Product Design Job

Every design job interview I’ve ever done or given has had one thing in common, and that’s the portfolio presentation.

6. Demystifying “Genius Design”: A Dive into Big Tech's Design Process

The tech industry is rife with romantic tales of "genius design" - a talented team huddled in a room birthing "eureka" moments. That's not the case in reality.

7. What is the difference between web design and web development?

I remember in my early stages of learning <em>web development</em>, that I found myself confused multiple times about the differences between design and development. What are the roles of a web designer? What is involved in working with web design? Are web design and web development the same? Are they interchangeable terms with the same meaning?

8. From San Francisco to London: A Designer's Tale of Two Tech Hubs

A designer's journey from big tech to small startups and working from San Francisco to London.

9. 9 Must Have Skills To Become An AR/VR Developer (With Course Recommendations)

XR encompasses augmented, virtual, and mixed reality technologies. This is an up-and-coming industry that may be good to get into.

10. 18 Awesome Linux Themes For Your Inspiration 🎨😍

11. Looking Back at Doubling the Twitter Character Count - Looking After Number One-forty

A description on how Twitter has changed the character count of its Tweets based on the density of a language.

12. Front-End Developers And Designers: Bridging The Void

I’ve come quite a long way as a web developer and happened to work in different teams and with different designers. Regardless of the number of people and type

13. As a builder of Wordpress websites, I need to speak my truth

This is why Wordpress sucks and you should probably stop using it

14. 🎨 Export a .svg file using Canva ⚛️

Create .svgs using Canva.com Pro by selecting SVG from the dropdown options menu.

15. 6 GUI Design Principles Every Designer Should Know

GUI design has become the best choice of user interface design. Nevertheless, in spite of the unpredictable popularity of GUI, few application programs have good interface design and live up to graphic user interface design principles. Additionally, it’s extremely difficult to use the expertise and existing documents to explain what an excellent and direct-viewing operation interface is.

16. Mastering Micro-Copy With ChatGPT

Writing good copy is hard. Using ChatGPT to write good copy can be hard too, but with a few tricks you can get some amazing results.

17. How Color and Fonts Influence a Company's Success and How to Use Them

Unlock the power of colors and fonts in branding. Learn how to use psychology, color theory, and typography to enhance your brand's impact and success. Read on!

18. How an AI Logo Generator Can Help Start-up Businesses

Discover how AI logo generator can help start-up businesses create distinctive logos quickly and affordably.

19. Tutorial: How to Turn Figma Files to SVG with Rect Elements

How to create SVG from Figma with rect instead of path elements

20. How To Create User Profile Page for E-Commerce Android App

We are going to create an android UI for our UserProfile backend API we are creating for our demo E-commerce tutorial

21. How to Design a Flexible Database Model

Handling these business changes at a data store level can be a nightmare for software engineers if the design of the underlying model does not account for adapt

22. A Designer’s Take: Soft Skills to Level Up Your Craft

Learn how product designers can structure their workflow, reduce chaos, and stay focused with four practical techniques for managing time and priorities.

23. The Factory Method pattern in TypeScript

The Factory Method pattern is a design pattern that is used to create objects without specifying the exact class of object that will be created.

[24. Ethereum.org's New Art:

Rethinking Identity as Community](https://hackernoon.com/rethinking-the-identity-of-ethereumorg-l718w347l) Today, I am excited to launch the first new artwork for the website of ethereum.org. Every few months, the website will be updated with new artwork that reflects a new aspect of Ethereum's identity. The concept of the work focuses on one of Ethereum’s major strengths: the community.

25. What I Learned in My First Year as a Product Manager

Expectations, surprises, and lots of learning.

26. Designing an On-Demand Video Streaming Service

The popular implementations of an on-demand video streaming service are the following: YouTube, Netflix, Vimeo, and TikTok. The video files are stored in a mana

27. The 💩 Poop Emoji's 10th Anniversary

The poop emoji was inspired by Dr.Slump, a Japanese anime from the 80s. The emoji project began in Japan in 1999.

28. How To Remember Design Patterns

Here's a list of some of the book's design patterns, their definition, and what made me remember them. Each one of those principles solves a particular problem.

29. How to Apply Psychology Of Colors In Marketing to Your Brand

This story is about how color is utilized in publicizing and marketing to summon enthusiastic responses. You can use this information to apply to your brand.

30. Short on Budget? Use These Design Methodologies to Build Your First MVP Without a Full-time Designer

An early-stage startup doesn’t always need a full-time designer. Product-oriented founders can often build their first prototypes on their own.

31. Top 10 Online Marketplaces to Sell Your Designs

Being a designer or web developer is a fabulous possibility to start working as a freelancer. I will bet anything you’ve been reflecting on it thousands of times, that is why you’re here. Don’t drain your energy on infinite searching of the most reliable and beneficial online marketplace to sell your designs, artworks or sell website templates.

32. How to Code Sloped Section Edges?

In the past, the only option to achieve this was using SVG images. Today, we can have multiple solutions and I’ll try my best to show you all possibilities.

33. Lightweight CSS Animations with Figma & Figmotion

How web designers and developers can collaborate in Figma to create lightweight animations in CSS, HTML, and SVGs.

34. How to Build a Design System

Semantics, syntax, accessibility, tone, and context that provide a base for a shared design language — benefits, drawbacks, and examples.

35. The next iPhone will determine the next laptop I purchase…. here’s why.

I love Apple. Really. Seriously. Love, Apple products. I currently use a full Apple line up; MacBook Air 11' and iPhone 6S Plus. Both products have been absolutely superb to date.

36. What "Made in China" Means Today

For a long time, "Made in China" was considered a sign of poor quality goods and services. Now everything changed. I discuss how this transformation took place

37. Key Design Principles for Startups: Things You Must Prioritize

Key Design principles that every startup must embed into its DNA from day one to build successful, intuitive and human-centred products

38. 13 Website Design Inspiration for UI/UX Designers

Regardless of whether you're an accomplished website designer or developer or simply a beginner, a website architecture venture's extension can rapidly limit the of assets accessible, making it extreme to track down the correct website design for motivation for your assignment.

39. Reinventing the Python Logo: Interview with a UI Designer

UI designer Jessica Williamson redesigns the Python logo and receives 7000 upvotes on Reddit.

40. Free & Premium Bootstrap Landing Page Templates for Your Project

Nowadays websites have become a popular marketing tool. People use them to promote almost everything, starting from products and finishing with services. The aim of the business defines the type of website that is necessary to build. It can be either a web page with a hierarchical structure and various pages or a landing page.

41. Design Patterns: WTF is a Shim?

During design meetings at my workplace and even during other conversations with friends, the term "shim" appeared to being placed offhand, with the context not being setup properly to indicate what it is exactly that the "shim" represented.

42. 5 Fun Ways Designers Can Help Product Teams Be More User-centric

Product designers and researchers are the voices of the users. Check out the 5 fun and inclusive ways to help product teams build more user empathy.

43. Reasons Behind Creating A Website with Black Background

Black has always been—if not the most popular design color—the color which designers talk about the most. It is sophisticated, energetic, mysterious, elegant, powerful, stylish, and the complete opposite of the default white.

44. My App Lets You Sort your Music by Mood [with some help from Spotify's Web API]

I just finished working on moooodify, a website which lets you sort your favourite Spotify music by different moods, and then save them as playlists.

45. The Best Way to Visualize Someone's Credit History

This is the best way to innovate credit history visualization for fintech applications.

Explore 2023's web design trends, from minimalism to 3D elements. Stay up to date with the latest innovations shaping web design.

47. Why SaaS Pricing Pages Fail

A feature on the table and then locking it behind ‘upgrade to unlock’ two days later is a hostage situation.

48. Web Design Principles That Will Take Centre Stage in 2023

A cursory look at the web design principles will become the norm in 2023.

49. A Comprehensive Guide to Working with Objects and Shapes in Fabric.js

Fabric.js is an open-source JavaScript library used for creating interactive and high-quality graphics for the web.

50. ADPList Matches Laid-Off Designers with Mentors for Free

ADPLIst is a free community that matches designers and mentors. The new platform has more than 5,000 designers and mentors.

51. Introduction to Design Patterns and Dependency Injection

A walk-through of dependency injection.

52. The Most Important Stages of SaaS Application Design

While every startup has their journey, SaaS application designing and development has their SDLC. Here's what you need to learn about them.

53. A Mobile App Concept For Nike’s Smart Shoes Adapt BB — Bluethers

The quick proliferation into wearable technology cannot be overlooked, as now the evolution is more rigorous and advanced in comparison to what is for mobile in the reigning realm of computers. We are in the age of innovations, that’s what most of the business blog convey today.

54. What Is Weaviate And How To Create Data Schemas In It

What is a Weaviate schema, why you need one and how to define one to store your own data.

55. Design and Data Science: From a Human-in-the-Loop Approach to Human-Centered Design

From “human-in-the loop” to human-centred design, a mindset shift that emphasises designing for users rather than simply using users to validate machine output.

56. Notion : A Product That Users Love, and VCs Can't Invest Into

If you somehow navigate the mysterious path to reach the Notion HQ at 1:00 PM PST on a Friday, you would find an empty office with two golden poodles and a mutt running around. The entire team would not be far though, just shy of a mile away sitting at Barzotto and eating Extra-Long Noodles pasta over a glass of sparkling white wine. Add some soft serve gelato to that. This is just one of the many idiosyncrasies you would find in this 20 member start-up that has captured over a million users with their sleek product.

57. UX Portfolio-Building Tips that Don't Get Old

5 UX portfolio tips from Meta & ex-Google designer. Upgrade your design portfolio and get the job you want.

58. What is a Color Picker Tool and How Does it Work?

A color picker tool is a software application or online tool that allows users to select colors from a digital display or image.

59. An Introduction to High Speed Printed Circuit Boards (PCB)

A high speed printed circuit board design provides the transmission of signals at high speeds. It's a device that transfers data at very high speeds.

60. Turn Code into Stunning Visuals With These 14 Code Snippet Image Generators

In this article, we’ll explore 14 code snippet image generators to transform your code into beautiful visuals.

61. My 45-min Product Design Interview Experience

What is Product Design interview, how it differs from system design interview, and how to pass it successfully.

62. The Future of Product Management is No-Code Development

Three months ago I decided to immerse myself in the rapidly growing world of no-code development. This is what I’ve learned.

63. Dark-Themed UI Design Tips

Here I have shared seven tips you must remember when designing a dark-themed UI.

6 tips for new grad and junior UX designers from a Staff Product Designer at Meta and Google.

[65. Animation/Motion Design Tokens

for Complex Design Systems](https://hackernoon.com/using-animationmotion-design-tokens-for-more-complex-and-sophisticated-design-zy3t33y5) Each Animation needs a Trigger, Duration, Easing, and Property element. Design systems also play a part in creating Motion Design and Animation.

66. Stop “Running” your Design Sprints: Prioritizing Results Over Process

5 tips on how to run result-focused design sprints from a designer at Meta & Google. Take your design sprints to another level.

67. How to Make a Wireframe in 2019

Need help hacking your first wireframe? Here are a few first principles to remember.

68. A Frontend Developer's Perspective on UI Design Tools

Hey there 👋Thanks for checking my first Hackernoon article. My name is Vova and I'm a self-taught front-end engineer. I started learning front-end two years ago and was lucky to land my first job in a tech startup. Getting the first job is (very) challenging but the startup I applied to wanted to give equal chances to the professionals of all levels.

So the last 1.5 years I was playing with React, Redux, Webpack, fetch, Node.js, Express.js Backend, Webhooks.…You know, in a startup you are wearing different hats. I was making 20+ landing pages, setting up A/B tests, helping the marketing team to make automation and eventually doing some design tasks.

That's fun and I always enjoyed design tasks, even if they were small. So it became asking myself, what other people are using for making design tasks?

Here is what I got from a small Twitter research:

69. Three Design Principles Your CSS Needs

Coming from a design background, as I make my way into the tech world, I constantly hear friends, fellow students, and even successful web developers claim that they “just don’t have an eye for design”. Let’s try to do something about that.

70. A CSS Property That Every Web Designer must Know

I am Javier, a guy starting in this world of web development. My background is the filmmaking business, especially the video edition. I am writing this article to help guys like me that are learning web development or everyone that considers the design or the “look” of a webpage one of their passions. Back in my days of video-editor, one cool thing that I found in the software video and design editors was the ability to blend two images or more in order to display better. So if you just put an image in a given color background you can start to discover how the different values can make interesting looks.

71. On Building HackerNoon's Pixel Icon Library

HackerNoon’s free-to-use Pixel Icon Library is an open-source collection of 120+ Pixelated Icons, inspired by HackerNoon’s retro design vibe.

72. Contract Testing: Practical Comparison of PACT, Spring Cloud

Contract testing checks each app in isolation to ensure contracts comply with agreements. Tools: PACT, Spring Cloud Contract

73. One Would Think The World Was Built Just as Much for Women as It Is For Men

Research has revealed that a shocking amount of modern design was created with only half the population in mind.

74. Dark UI: Advantages and Use Cases

The dark UI feature that you have witnessed recently in Android and iOS apps is a good thing; large number of studies have shed some light on the benefits of a dark background.

75. Tracking the Evolution of Emoji Skin Tones

Five years ago, everyone used the same yellow-coloured emojis (which looked like the Simpsons or the LEGO, or just someone suffering from jaundice).

76. The No-Code Movement And What It Means For Agencies

Building things online without any coding skills is barely a new thing - Shopify, Wix, Squarespace and many others have been around for years, allowing users to create e-commerce websites, personal portfolios, and corporates homepages all within the browser, only with basic tech knowledge.

77. The Design Checklist: Keeping AI Products Alive After Week One

A field-tested design checklist to keep AI products alive after week one: task IDs, failure logging, reads vs writes, and verification workflows.

78. Avoid These Mistakes to Monetize Internet Products Profitably

Internet products often fail to monetize for various reasons. As a full-time product builder, I've learned valuable lessons from my own failures.

79. Creative Automation is Shaking Up the Digital Marketing Game

Creative automation is the idea of using technology to customize video or banner ads into thousands of variations in minutes. It removes repetitive manual work.

80. Having (More) Fun Creating Components with the Lightning Design System for React

Check out how easy it is to create a custom component using the Lightning Design System for React and some very detailed blueprints

81. The Seven-Step Hostage Situation You Call Onboarding

Users clicking Next so fast the cursor blurred. One opened the console to force-skip. What I learned about interfaces that teach themselves.

82. Women in Tech: Interview with Anastasia Mironova, Product Designer at WhatsApp London

Interview with Anastasia Mironova: sharing her career journey, perspectives on women in tech, and insights into design leadership

83. I Built a Neuralink App Concept After Elon Musk’s Latest Joe Rogan Podcast

I decided to design a Neuralink concept app after watching Elon Musk’s latest chat on Joe Rogan’s podcast. Context: Neuralink is one of the companies Elon Musk works on. They're developing skull implants that connect to the brain to restore certain body functions that were lost through injury or health complications.

84. New Inline Emoji Reactions on Hacker Noon

The traditional comment box at the end of a blog post is not a sufficient way to facilitate reader and writer communication. It falls short in a number of ways:

85. A Guide To Industrial Design For Mechanical Engineers. Is The Transition Worth It?

Industrial design’s popularity has skyrocketed lately. Let's figure it out and try to understand what its captivation and relevance are.

86. "When You’re Humble and Have Humility - You Rise to the Top"

Michael Gaizutis is the Founder of RNO1 – Experience Design Agency for Tech & Web3 Brands of the Future.

87. Modern Front End Architecture

When you join the Front End world or you have a lot of years on this side, some questions appear for example: What is the best way to build the front end? How can I keep a front end cleaned and organized? Should I add unit testing? That's difficult to answer but I think I can share some good tips and articles about the Front End side so, let's go!!!

88. Why Designers Should Understand How Developers Work

As designers it’s easy to get annoyed with developers. Perhaps they can’t get the alignment of a button right; or that feature you deemed critical to your UX is just too far down the backlog for your comfort.

89. Complexity is the enemy of software engineering

The key to long-lived, maintainable software is simpler than you think.

90. How Intelligent Systems and Robots Will Be Designed In The Near Future

As of now, designing parts for an intelligent system involves building up the parts from the ground up. From 2D sketches to a feasible and robust part that can be manufactured based on given constraints of cost, material, and maximum weight. This often takes days to weeks, depending on the complexity of the parts that comprise the intelligent system.