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
Tag: left
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
How to Trim Strings in PHP
There are a lot of times when we want to work with strings but they are padded with unwanted characters either at the beginning or the end. PHP has defined specific functions that we can use to trim such strings easily. In this quick tip, we will discuss to common string trimming situations that you… Continue reading How to Trim Strings in PHP
Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
In this tutorial, you’ll learn how to transform an HTML list into a wall of “sticky notes” that look and work like the following: The effect is built up gradually and works on all the up-to-date browsers like Chrome, Safari, Firefox and Opera. Older browsers simply get some yellow squares. Step 1: The HTML and… Continue reading Create a Sticky Note Effect in 5 Easy Steps with CSS3 and HTML5
20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
If you want to give your Discord account an update and are wondering how to get custom Discord themes, try out Placeit’s Discord theme maker. It’s simple and easy to use, and you can customise any of the wonderful Discord theme ideas on offer in no time at all. How to Get Custom Discord Themes Using… Continue reading 20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
How to Use Variable Fonts on the Web
.jpg)
Are you wondering, “What are variable fonts?” Variable fonts were developed as the joint effort of the four biggest tech companies involved in type design—Apple, Google, Microsoft, and Adobe. Download this and all the best variable fonts from Envato Elements As the name suggests, variable fonts allow designers to derive an unlimited number of font… Continue reading How to Use Variable Fonts on the Web
Examples of Great Looking Landing Pages that Just Work
Landing pages are all over the place. To the average person, they are just another content page on the internet. To a site design, it’s all about the first impression, looks and conversions. For marketers, they are the gateway to generating leads and turning cold traffic into real revenue. With so much focus on creating… Continue reading Examples of Great Looking Landing Pages that Just Work
Create Beautiful Scrolling Animations With the CSS Clip-Path Property
In a previous tutorial, we learned how to create a grayscale-to-color effect on scroll. To implement it, we took advantage of modern front-end features like CSS Grid, the clip-path property, and the Intersection Observer API. Today, we’ll use these tools and the knowledge gained from that tutorial to build another cool scroll effect. As we scroll, page… Continue reading Create Beautiful Scrolling Animations With the CSS Clip-Path Property
What’s New in Ecommerce, January 2021
Ecommerce design may seem fairly straight-forward; you build an online store that showcases a company’s products or services and gives customers a quick and pain-free way to purchase them. While that formula will always hold true, ecommerce is undergoing some big changes, and web designers need to be prepared to keep up with them. This… Continue reading What’s New in Ecommerce, January 2021
How to Create a Simple Web-Based Chat Application
In this tutorial we will be creating a simple web-based chat application with PHP and jQuery. This sort of utility would be perfect for a live support system for your website. Otherwise, learn how to build one yourself in this tutorial. This tutorial was updated recently to make improvements in the chat app. Introduction The… Continue reading How to Create a Simple Web-Based Chat Application
Working With Tables in React, Part One
.png)
One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One
How to Create a Pastel Gradient Background
What You’ll Be Creating In the following steps, you will learn how to create a pastel gradient background in Adobe Illustrator and Adobe Photoshop. Cool and warm, this timeless trend will give a soothing effect to any design. All you have to do is look for the best gradient combinations. Looking to download some pastel… Continue reading How to Create a Pastel Gradient Background
How to Fix Videos Not Playing in iPhone
You love your iPhone for everything it is. It won’t be wrong to say that watching high-quality videos on it is incredible. But imagine if your iPhone stops playing videos suddenly. It is annoying when YouTube, Instagram, Facebook, Snapchat or videos from the Camera Roll don’t play, keep on buffering, or display error. However, you… Continue reading How to Fix Videos Not Playing in iPhone
How to Use Figma’s Inspect Panel
What You’ll Be Creating We’re going to design a scheduling app in Figma! In doing so we’ll work with Figma’s Inspect panel, explaining how to export a Figma design to code, how to inspect a Figma design system, and how to use Figma to inspect any element from a design. What You Will Learn in… Continue reading How to Use Figma’s Inspect Panel
How to Customize Contact Form 7 for WordPress: Floating Labels
You might have seen forms where the placeholder text is animated when you start typing into that input. This pattern isn’t new, yet still remains a popular trend in UX form design. Today, we’ll learn the steps needed for adding this behavior into a form built with Contact Form 7 (CF7), one of the most… Continue reading How to Customize Contact Form 7 for WordPress: Floating Labels
5 Ways to Boost Engagement With Animation
Animation is a fun and interesting way to bring life to a website. Used correctly, it can capture audience attention, make your website more engaging, and even improve your chances of delivering conversions for your clients. Unfortunately, like many things in the web design world, it’s also easy to get too carried away with animation.… Continue reading 5 Ways to Boost Engagement With Animation
Creating a Future-Proof Responsive Email Without Media Queries
What You’ll Be Creating Using this method you can create an email that has responsiveness baked in to the layout, without any need for CSS or media queries in the <head>, so that even in the worst case scenario of email rendering, your layout will remain intact. Is Developing HTML Email Still Hard? HTML email has… Continue reading Creating a Future-Proof Responsive Email Without Media Queries
How to Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)
Your YouTube thumbnail is often the first thing a potential viewer sees when browsing YouTube, so it’s critical that it grabs their attention and tells them exactly what they’ll get when they watch your video. Just one of the many terrific YouTube thumbnail templates you can find at Placeit.net If you want to know everything… Continue reading How to Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)
3 Essential Design Trends, December 2020
The end of the year tends to be busy for a variety of reasons and it can limit some of the freshness we see in designs during much of the year. Regardless, there are a few trending design elements. What we are seeing right now is rooted in deep simplicity with a focus on the… Continue reading 3 Essential Design Trends, December 2020
How to Use Figma’s New Auto Layout Features
In this video I’ll show you how Figma’s new and improved Auto Layout features make designing responsive components and layouts easier than ever! Figma’s original Auto Layout features were introduced in December 2019–and now, almost a year later, Auto Layout has been completely reimagined, rebuilt and is (in my opinion) much better. Watch the Video… Continue reading How to Use Figma’s New Auto Layout Features