From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing
Tag: image
Photostockeditor Now Includes AI-Generated Images in 4k
Everyone needs high-quality stock images; they’re essential for breaking up text-heavy websites, creating an emotional connection with your users, and for reinforcing your brand. They say images are worth 1,000 words, but with the way users tend to scan and read online, it’s more like 10,000. So the next time you’re looking for high-quality stock… Continue reading Photostockeditor Now Includes AI-Generated Images in 4k
HTML & CSS for Beginners (MEGA Free Course!)
In this free course, you’ll learn how to code with modern HTML and CSS, the main building blocks of any website. If you want to become a successful web developer, this is where you need to start! At the end of 32 lessons (more than eight hours of learning) where we cover everything from basic… Continue reading HTML & CSS for Beginners (MEGA Free Course!)
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