Tag: left

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

From our sponsor: Guide customers along the path to purchase with our award-winning platform. Starting at $14.99/mo. It’s fascinating which magical effects you can add to a website when you experiment with vertex displacement. Today we’d like to share a method with you that you can use to create your own WebGL shader animation linked to… Continue reading Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

Building micro-interactions in Adobe XD

[unable to retrieve full-text content] The beauty about micro-interactions is that it’s a digital conversation users can initiate with the system or the system can initiate with the user. Let’s start with what they are Micro-Interactions are a heuristic approach to meaningful feedback responses that let users know when an action is performed. Simply put, the user… Continue reading Building micro-interactions in Adobe XD

How to React to Touch Events in Flutter

Almost every app will need some sort of user input. Usually, your app will need to respond to touch events. This is a small guide to touch events, especially for starting Flutter developers. When it comes to gesture recognition and reaction to touch events, Flutter offers incredible widgets for new developers. You can make any… Continue reading How to React to Touch Events in Flutter

4 Quick Steps to Make a Website Responsive

Responsive web design as a concept has been around a long time now; in fact, it’s the de facto way of building websites nowadays. Right now people are accessing websites with mobile phones more than any other device, so it’s really important to ensure that your website is suited to small and large screens. It’s… Continue reading 4 Quick Steps to Make a Website Responsive

How to Make Android Apps for Beginners

Are you a new developer learning Java? Read ahead to learn how to make your first Java Android app as a beginner. Creating a mobile application is a big step towards turning your idea into reality. But the primary concern among new developers is how to make an Android app with all the resources at… Continue reading How to Make Android Apps for Beginners

Is It Time to Reset HTML?

HTML is one of the foundational building blocks of the Web. But just as web design best practices and techniques change over time, so does the code we use. As HTML evolves, some of its older markup has been deprecated while other parts have been repurposed. Does that create more problems for us, though? Would… Continue reading Is It Time to Reset HTML?

A Comprehensive Guide to Flexbox Alignment

Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why. However, if you know what to pay attention to, alignment is less complicated than it first… Continue reading A Comprehensive Guide to Flexbox Alignment

SVG Viewport and viewBox (For Complete Beginners)

In this quick SVG viewport and viewBox tutorial, we’re going to break down exactly what viewport and viewBox are in SVG for the web. You’ll learn: The difference between the viewport and viewBox The aspects of your SVGs you can control with each How they are each applied Let’s begin! SVG Viewport  If you literally… Continue reading SVG Viewport and viewBox (For Complete Beginners)

Create Beautiful WordPress Pages with Optimized Images Using Elementor and ImageEngine

WordPress powers nearly 40% of all websites, thanks to its commitment to making publication possible for everyone, for free. Combined with premium plugins and themes, it’s possibly the ultimate tool for building attractive, unique, and feature-rich websites without any coding or design experience. However, you do pay the price for this experience, with WordPress and… Continue reading Create Beautiful WordPress Pages with Optimized Images Using Elementor and ImageEngine

How to Make a Horror Movie Poster

What You’ll Be Creating Today, we will be looking at how to make a horror movie poster using just two images in Photoshop! We’ll look at effective movie poster composition as well as your new go-to for horror movie poster typography. Did you know that horror movie posters are most effective when they are simple… Continue reading How to Make a Horror Movie Poster

How to Make a Digital Brochure

What You’ll Be Creating In this tutorial, we’ll look at how to make a digital brochure in InDesign. Working with a digital brochure format could be preferable for remotely distributing your info. So if you’ve ever wanted to try making your own digital trifold brochure, check out this walkthrough. We’ll also check out some digital… Continue reading How to Make a Digital Brochure

Hand Lettering: How to Vector Your Letterforms

What You’ll Be Creating I remember a year ago I was having so much trouble vectoring my letterforms. I had a decent understanding of the Pen Tool, but had no idea that learning just a few minor techniques would do wonders for my type and help create those smooth curves I was looking for.  This… Continue reading Hand Lettering: How to Vector Your Letterforms

Why Do Data Breaches Happen Despite Tight Cybersecurity Measures

No business wants to experience a data security breach. Beyond the immediate financial impact, a loss of customer faith can cripple a business. Just one data breach can impact the viability of a whole organization which is why many businesses are spending more on cybersecurity tools and technologies today. However, many of them are not… Continue reading Why Do Data Breaches Happen Despite Tight Cybersecurity Measures

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

A to Z of Illustrator: Tips, Tricks, & Hacks!

Get ready for some rapid-fire tips and tricks on how to use Adobe Illustrator! In this tutorial, we’ll take a look at 26 tips, tricks, and hacks, from A to Z. For all the featured images and resources, check out Envato Elements! With one subscription, you’ll have unlimited access to assets such as graphics, video templates,… Continue reading A to Z of Illustrator: Tips, Tricks, & Hacks!

How to Fix SD Card Not Showing Up Mac

Mishaps occur at any moment, and we don’t have any idea about them. For instance: When you insert an SD card, nothing happens on Mac. If your SD card is not showing up, you cannot open or view files saved on your SD card. As you can see that your Mac SD card is not accessible,… Continue reading How to Fix SD Card Not Showing Up Mac

Mastering Calligraphy: How to Write in Gothic Script

In this “Mastering Calligraphy” lesson, we’ll be learning what is by far the hardest font but also the most impressive: Gothic Script. This font is a bit different than the others because it’s made up of so many small strokes. However, the letters are very similar in construction so once you have a few down,… Continue reading Mastering Calligraphy: How to Write in Gothic Script

Mastering Calligraphy: How to Write in Cursive Script

In this lesson of “Mastering Calligraphy”, we’re going to learn how to write in cursive script. Flowing, cursive calligraphy is still seen today on wedding invitations and menus at fancy restaurants. While it looks extremely difficult to ink, it’s actually made of a few basic strokes. Better yet, with the Cursive Script, you hardly ever… Continue reading Mastering Calligraphy: How to Write in Cursive Script

CSS Charts: How to Create a Horizontal Organizational Chart

In a previous tutorial, we learned how to create a CSS-only vertical organizational chart. Today, as some folks requested, we’ll go through the process of building its corresponding horizontal one.  CSS CSS Charts: How to Create an Organizational Chart George Martsoukos And here’s the twist; we’ll create this new chart without changing a single line… Continue reading CSS Charts: How to Create a Horizontal Organizational Chart

How to Make a Propaganda Poster

What You’ll Be Creating In this tutorial, you’ll learn how to make your own propaganda poster in Photoshop, using a vintage propaganda style and giving it a contemporary twist for International Women’s Day. Suitable for Photoshop beginners, this tutorial is a great way to learn more about poster design and discover how to create a… Continue reading How to Make a Propaganda Poster

Starting your project on the right foot

[unable to retrieve full-text content] Many times I’ve been asked by friends, mentees and design students: “What should I ask on the first kickoff meeting with my client?”. In this article, I will note all the questions that have made my design projects successful over the last few years, and hopefully, it will serve you… Continue reading Starting your project on the right foot

32 Best Custom Beer Bottle Labels (Using a Beer Bottle Label Maker)

Craft beer and microbreweries have exploded on the scene in recent years, and with them has grown the need for cool and unique beer bottle labels that match the contents inside the bottle.  Just one of the cool custom beer labels you will find at Placeit.net If you’re launching or relaunching your own craft beer… Continue reading 32 Best Custom Beer Bottle Labels (Using a Beer Bottle Label Maker)

String Concatenation in PHP

String concatenation is a very common and useful operation in PHP. There are many ways in which you might want to join strings together like prepending, appending, or combining them at some other point. In this quick tip, I’ll teach you string concatenation in PHP. You’ll learn how to prepend or append strings in PHP… Continue reading String Concatenation in PHP