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

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 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

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

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

25 Best Brand Guidelines Templates Design

38 Shares Professional multipurpose Brand identity guideline templates for those who need a branding guide for a new business / company or rebrand. Guideline presentation templates gives you an effective way to introduce your brand and proposes a new project. The Brand guidelines template covers all aspects of design including logo, color, type, web, Social Media,… Continue reading 25 Best Brand Guidelines Templates Design

Example of How to Add Google reCAPTCHA v3 to a PHP Form

In this article, I’m going show you how to add Google reCAPTCHA v3 to a form on your PHP website. The latest reCAPTCHA is different than the previous versions—it doesn’t require user interaction at all. In this post, we’ll see how it works, and we’ll build a real-world example for demonstration purposes. As a website… Continue reading Example of How to Add Google reCAPTCHA v3 to a PHP Form

3 Reasons Why You Should Monetize Your Website

February 3, 2021 by Spyre Studios Whether you started your website as a fun hobby or a way to support an exciting business venture, monetization may be on your mind more now than ever. Times are tough, and everyone’s looking for more ways to put money in their pocket. Luckily, your website is a goldmine… Continue reading 3 Reasons Why You Should Monetize Your Website

How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)