Build a JavaScript Dropdown Filter Component With Shareable URLs

In this new tutorial, we’ll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL. Once we filter for a specific option, the page URL will change. Then, if we grab that URL and open it in another browser/window, only the associated boxes will appear. What… Continue reading Build a JavaScript Dropdown Filter Component With Shareable URLs

90% of designers are unhirable?

Or why your cookie-cutter portfolio doesn’t cut it and how to fix it Image by Matej Latin (Author) Here’s the harsh truth: I’ve reviewed more than 1,000 portfolios in my design career so far, and I turned 90% of them down because of one thing — the linear design process. By “linear design process” I mean cookie-cutter case studies that… Continue reading 90% of designers are unhirable?

UX leadership is failing, multi-brand design systems, proxies in UX

Weekly curated resources for designers — thinkers and makers. “What is the effect of constant exposure to information on our attention? Who benefits from a dramatic change in our attention, and when and why has this happened? One hypothesis is that companies have created an ecosystem to encourage continual consumption of information, and they profit from our addiction… Continue reading UX leadership is failing, multi-brand design systems, proxies in UX

How to Build a Design System Repository

Design systems can actively make life easier for designers and developers alike. They’re like your favorite recipe book, but instead of lasagna and chocolate chip cookies, it’s packed with color palettes, typography, and UI components that everyone on the team can whip up into stunning interfaces. Having everything related to design in one place —… Continue reading How to Build a Design System Repository

Learn How to Build a Career as a Freelance Presentation Designer

What Is a Freelance Presentation Designer? What is a PPT designer, and what does it mean to be a freelance PowerPoint designer? Freelance presentation designers may offer their services for hire. They might also build presentation products for sale.  Many freelance PPT designers have left behind full-time presentation designer jobs. It’s common to “hang up… Continue reading Learn How to Build a Career as a Freelance Presentation Designer

Build a Simple YouTube App with Vanilla JavaScript

The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YouTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript

Build a Simple YouTube App with Vanilla JavaScript

The Tuts+ YouTube channel is fast approaching 1.5M subscribers. Let’s celebrate this great achievement by creating something YoutTube-oriented! We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript. The concept will be pretty straightforward; we’ll build a simple UI where we can enter the ID of a channel and our app… Continue reading Build a Simple YouTube App with Vanilla JavaScript

Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)

In this tutorial, I’ll show you a motion effect where a split-screen image grid layout will turn into a full-screen image. 1. Begin With the HTML Markup We’ll define three sections: The first and third sections won’t have any real value, but we’ll utilize them to prove that the effect can work inside any page content.… Continue reading Build a Grid-to-Full-Screen Image Animation With CSS (and a Touch of JavaScript)

Name/Role/Value – Whose Role Is It Anyway?

Welcome to the next edition of my Design Strategy blog series. Today, I’m sharing a client story with the hope that y’all will focus on thinking about WHY you should do things differently so that your program can rapidly mature and scale quickly. I will once again skip the “how-to” article formula and dry laundry… Continue reading Name/Role/Value – Whose Role Is It Anyway?

Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

In this new tutorial, we’ll learn how to create an infinite blinking/flashing text effect with CSS animations and a bit of JavaScript. Specifically, selected text parts will switch colors after a certain period. After that, the animation will reinitialize.  Our Text Effect Here’s what we’re going to create. It’s a great addition to a portfolio… Continue reading Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

In this new tutorial, we’ll learn how to create an infinite blinking/flashing text effect with CSS animations and a bit of JavaScript. Specifically, selected text parts will switch colors after a certain period. After that, the animation will reinitialize.  Our Text Effect Here’s what we’re going to create. It’s a great addition to a portfolio… Continue reading Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript

How to Build a Pricing Table With a Monthly/Yearly CSS Toggle Switch

Toggle button switches are a classic UX trend often met in different parts of a website or an app. In a previous tutorial, we discussed how to build a CSS-only switch component for a simple to-do checklist. Today, we’ll create another switch: a monthly/yearly switch that will let visitors go through different pricing plans.  Our… Continue reading How to Build a Pricing Table With a Monthly/Yearly CSS Toggle Switch

10+ Best HTML Templates for NFT Websites 2022

Everything related to cryptocurrency and NFTs are extremely popular right now, which has motivated a lot of people to jump into the industry quickly. Because of this, the desire to make a website for promoting or selling NFTs is strong. Perhaps you want to make your own NFT marketplace? Or maybe you simply wish to… Continue reading 10+ Best HTML Templates for NFT Websites 2022

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

How to Build a UIkit Lightbox With Dot Navigation

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation

30 Tutorials for Developing HTML5 Web Browser Games

September 30, 2021 by Jake Rocheleau Modern HTML5 specifications allow for a wide breadth of creativity. Web developers have always been toying around with JavaScript games. But, nowadays, it is so much easier to jump into the process and create something truly magnificent. This gallery is devoted to 30 tutorials you might use to learn… Continue reading 30 Tutorials for Developing HTML5 Web Browser Games

How to Build a Simple REST API in PHP

In this tutorial, I’ll teach you how to build a simple REST API with PHP and MySQL. REST has become the de facto standard when it comes to exposing data via APIs and building web services. In fact, most web applications these days access and expose data via REST APIs. With the popularity of front-end… Continue reading How to Build a Simple REST API in PHP

Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Posted · Category: Design, Uncategorized As a creative, you need a digital space to showcase your work to potential employers or clients, and for that matter to the world at large. That digital space, your website, works in both directions. It allows you to promote your work, and it enables your audience to get in… Continue reading Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

Posted · Category: Design, Uncategorized <!– –> As a creative, you need a digital space to showcase your work to potential employers or clients, and for that matter to the world at large. That digital space, your website, works in both directions. It allows you to promote your work, and it enables your audience to… Continue reading Creative or Developer? One or More of these 15 Awesome Pre-built Websites Could be Just Right for You

15 Free iOS Apps For Graphic Designers

August 12, 2016 by Veronika iPhone’s full HD retina and 3D touch display is the perfect canvas for creating enchanting designs. With these 10 free iOS design apps you can easily expand your portfolio on the go. Paper Source: https://www.pastemagazine.com/articles/2015/10/paper-by-fiftythree-app-review-ios-gotta-get-that.html Developed by: FiftyThree, Inc Category: Productivity Price: Free Paper is not your typical productivity app. It… Continue reading 15 Free iOS Apps For Graphic Designers