How to create responsive cards with the help of auto-layout in Figma?

Auto Layout is one of the most powerful features of Figma and today we will be creating a card design inside Figma using Auto-Layout which will be fully responsive, i.e would respond to the screen size. demonstrates the responsive design of the card Before we get started, there are 3 main things we are talking about in… Continue reading How to create responsive cards with the help of auto-layout in Figma?

I’m not a robot (but, are you?)

The case for authenticating humans, reclaiming our identities, and defending against the coming swarm of bots. It’s 2022 and we are living in the opening scene of a dystopian Black Mirror episode. The line between what is real and what is fake has already blurred. The line between who is real and who is fake is now… Continue reading I’m not a robot (but, are you?)

Gestalt psicology for dataviz

Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz

3 Essential Design Trends, June 2022

Are you bored with some of your current design projects? This month’s collection of website design trends can help break you out of that rut with some fun and funky alternatives. And all of these options are anything but boring. From visual display to technique, these trends present a different set of challenges. Here’s what’s… Continue reading 3 Essential Design Trends, June 2022

Brochure Templates

What is a brochure? Wondering how to make a brochure or where to find the best brochure templates? You’ll learn the answers to all those questions in this comprehensive guide. Let’s get started! What Is a Brochure? When a company wants to advertise its products and services, print brochures are a great option. They give… Continue reading Brochure Templates

How to Paint Watercolor in Procreate

This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch.  We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate

Accessibility week, low-tech UI, how to ask for a promotion, dark mode

Weekly curated resources for designers — thinkers and makers. “What do we even mean by web3? We have NFTs (non-fungible tokens), cryptocurrencies, the metaverse, blockchain and DAOs (decentralized autonomous organizations). It’s not just one thing we don’t understand. It’s a lot of things we don’t understand. What’s in? What’s out? And how do all of these pieces fit… Continue reading Accessibility week, low-tech UI, how to ask for a promotion, dark mode

10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

Images are crucial, whether you’re running an e-commerce or portfolio website. How many sales you make or new clients you get depends a lot on the quality of the images of your products and services that you can showcase through your images. So it makes sense to highlight your images with a lightbox. Lightboxes make… Continue reading 10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

How to Auto Align in Photoshop

Today, we’ll be looking at how to use the auto align tools in Photoshop, as well as guides and snapping! Photoshops auto align tools are simple but powerful, and they’ll keep you from sending out a design with the always annoying uncentred text or misaligned words.  If you’re looking to speed up your workflow, try… Continue reading How to Auto Align in Photoshop

How to Customize the WooCommerce Checkout Page

The checkout page is one of the most important pages on any eCommerce website. All the effort that you put into your website content, design and marketing will amount to nothing if your customers keep abandoning their carts and never complete the checkout process. Some statistics show that cart abandonment rate can vary in range… Continue reading How to Customize the WooCommerce Checkout Page

How to Create a Brochure Mockup in Photoshop

If you’re looking to present your latest design project or establish a portfolio of your work, a good square trifold brochure mockup is a fantastic start! You’ll learn everything you need to know in this easy-to-follow square brochure mockup tutorial and will walk away with design skills that you can apply straight away. In this… Continue reading How to Create a Brochure Mockup in Photoshop

How to Make the Background Transparent in Photoshop

There are several different ways to make a background transparent in Photoshop. And when multiple different tools do the same thing, it can be a pain to figure out which to use and when. Follow along as we go through four of the easiest ways you can quickly remove a background in Photoshop.  In a… Continue reading How to Make the Background Transparent in Photoshop

Choosing a WordPress Website Builder and Why You Should Use One

There are a lot of tools and services for creating websites today. However, none of them are as popular as WordPress. In fact, WordPress powers around 43% of all websites: that include hobby sites, official government websites, and the biggest news websites. Some examples of websites built with WordPress are The White House, Rolling Stone,… Continue reading Choosing a WordPress Website Builder and Why You Should Use One

Advanced File Upload and Content Management With Filestack

We live in the information age. From communication to shopping to finances to work, we handle most of our interactions digitally through websites and apps. Yet even though the bulk of our information is digital, the sites and apps we use still need to access our data to manage it. As a developer, the thought… Continue reading Advanced File Upload and Content Management With Filestack

How to Crop or Resize an Image With JavaScript

It’s very easy to show a resized or cropped version of an image on a website using CSS. However, this doesn’t change the original image data. What if you want to create an actual cropped or resized version of an image for your visitors or clients? We’ve already published a couple of tutorials on how… Continue reading How to Crop or Resize an Image With JavaScript

8 Best Free and Open-Source JavaScript Image Editors

The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors

15+ Best Shopify Themes for Selling Coffee and Tea

The tea and coffee market is booming. Expected to be worth US$135.9 Billion by 2027 and growing at a CAGR of 2.3% over 2020-2027, it’s a great time to be investing in the industry. With Shopify templates, all you need to do is choose which template is your cup of tea, edit it to make… Continue reading 15+ Best Shopify Themes for Selling Coffee and Tea

8 Best WordPress Forum Plugins

Do you want to add a forum to your WooCommerce website? Forums can create a high level of engagement for users of your site.  Example of forums include:  question and answer platforms discussion boards peer to peer support, especially for software  To add a forum to your website you will need a… Continue reading 8 Best WordPress Forum Plugins

How to Customize the WooCommerce Shop Page

People who have created WordPress websites know that there are different kinds of pages that you can create in WordPress. WooCommerce follows a somewhat similar structure. There are single product pages like single post pages and then there are archive type pages to show a list of products. The WooCommerce shop page falls in the… Continue reading How to Customize the WooCommerce Shop Page

Customize a WooCommerce Product Page for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free

How to Remove Green Screen in Photoshop

Today we will be looking at how to remove green screen in Photoshop! Using only built-in auto-select tools and a few adjustment layers, you can perform a quick and simple background swap on any green screen photo. In a hurry? Swap backgrounds, automate your workflow, and chroma key in Photoshop using one of the thousands… Continue reading How to Remove Green Screen in Photoshop

Top 5 Web Design Trends That Will Stick in 2022

Posted · Category: Best Collections, Design Web design trends don’t just appear out of the blue. They arise in response to people’s thinking in terms of their needs and comfort zones. We tend to welcome change, as long as its for the better and doesn’t create chaos during a transition from one condition to the… Continue reading Top 5 Web Design Trends That Will Stick in 2022

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

Best 7 Icon Maker Software

0 Shares These days you can create icons within minutes. These can be used as logos, for infographics and to communicate without any words. For this you will need an icon to make software. There are a lot of options out there but we were able to find 7 that are just amazing. These are… Continue reading Best 7 Icon Maker Software