* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Let’s get into the spirit of St. Valentine’s day, getting all pink and smooshy in the process, and code ourselves a simple beating heart animation with SVG. Here’s what we’re going to create: This is a great exercise for familiarizing yourself with SVG syntax and authentic animation.… Continue reading How to Make a Beating Heart Animation for St. Valentine’s Day With SVG
Tag: left
How to Make a Sticky Menu in WordPress
What You’ll Be Creating Navigation menus are changing. Instead of just throwing one into a site without considering what form it’ll take, designers are taking the time to consider the design of navigation menus, the space they take up on the page, and how users interact with them. One growing trend is for sticky menus.… Continue reading How to Make a Sticky Menu in WordPress
7 Best Tips To Master Portrait Photography
Portrait photography is quite unique compared to other fields of photography. It is one of the toughest fields of photography because a photographer has to capture emotions, get lighting right and bring out the features of his or her subject. In portrait photography, it is important that you as a photographer get your techniques to… Continue reading 7 Best Tips To Master Portrait Photography
Create a PHP Email Script and Form
Forms on websites can be used for a lot of purposes besides being a place to contact the website administrators. In previous posts, I covered how to create a fully functional contact form in PHP and how to build your own Captcha and integrate it in your contact forms. In this tutorial, our focus will… Continue reading Create a PHP Email Script and Form
Top 8 Presentation Design Trends in 2019
Every year, new trends are introduced in video presentation designs. Some trends that are good have been adapted into the standard for video presentation while those that only add aesthetics are usually the ones that change every year. It is important to consider these design trends if you want to use your presentation as a… Continue reading Top 8 Presentation Design Trends in 2019
How to Make a Bi-Fold Brochure in InDesign
What You’ll Be Creating In this quick and simple tutorial, you’ll learn how to make a bi-fold brochure template using Adobe InDesign. You’ll create the basic structure and style for your brochure template, using an on-trend color palette and stylish fonts. An adaptable pamphlet template for any creative business, this bi-fold brochure can be customized… Continue reading How to Make a Bi-Fold Brochure in InDesign
How to Make a Banner With an Online Banner Maker
What You’ll Be Creating Need to create a banner design but don’t have the required tools or skills? Well, what if I told you that you can use an online banner maker that comes with a large selection of banner templates that you can choose and customize? If that sounds interesting, follow me in this… Continue reading How to Make a Banner With an Online Banner Maker
20+ Online Ad Banner (Maker) Template Designs to Customise Now
If you’re just getting into online advertising or hoping to boost your online traffic with better advertisements, ad banners are the way to go. Ad banners are currently one of the most ubiquitous forms of marketing used on the internet. Companies use them for everything from raising their brand profile to increasing engagement, announcing discounts,… Continue reading 20+ Online Ad Banner (Maker) Template Designs to Customise Now
How to Create a Menorah Illustration in Adobe Illustrator
What You’ll Be Creating In this tutorial we’ll be creating a Hanukkah holiday card and illustrating one of the most popular Jewish symbols, the Hanukkah Menorah. The Menorah is one of the oldest symbols in Judaism. Sometimes called the ‘Chanukiah’, the Menorah is a nine-branched candelabrum that is used on Hanukkah. It stands for light, wisdom,… Continue reading How to Create a Menorah Illustration in Adobe Illustrator
Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out! Here’s what we’ll be creating: A Little Background Recently, Rachel McCollin wrote a… Continue reading Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
How to Create a Vintage Photo Effect in a Sergey Prokudin-Gorsky Style
What You’ll Be Creating This week is dedicated to Russian culture, so I would like to introduce you to the artworks of the famous Russian photographer Sergey Prokudin-Gorsky. He made a large number of color photographs of the early 20th century using his three-image method of photography. He was able to capture in his photos not… Continue reading How to Create a Vintage Photo Effect in a Sergey Prokudin-Gorsky Style
Building a Legal Website: 5 Major Mistakes to Avoid
If you are a website designer, you probably already know that every niche is different and there are certain rules to follow if you want to meet the users’ expectations. Some designers have already learned from their own mistakes but if you have almost no experience designing legal websites, it is better to be safe… Continue reading Building a Legal Website: 5 Major Mistakes to Avoid
Figma Project, Page & Artboard Tips
Welcome to the next in our series of Figma tips and tricks! This time we’ll be improving the way you work with Figma projects, pages, and artboards. Watch Tips 1. Customize Project Thumbnails It’s perfectly possible to create custom project thumbnails which will show up in your dashboard drafts area. Make sure that the first page… Continue reading Figma Project, Page & Artboard Tips
Draw with CSS: Using CSS To Draw Elements
With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how… Continue reading Draw with CSS: Using CSS To Draw Elements
An Introduction to Photoshop Selection Tools
Your Photoshop selection tools are perhaps the most powerful part of the application. By making effective selections, you unlock the power of the rest of the application. This includes localized image adjustments, compositing, and accurate mockups and object placement. Sloppy selections always show in the final product, so it pays to learn to make a… Continue reading An Introduction to Photoshop Selection Tools
How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop
What You’ll Be Creating Although mental health is just as important as physical health, it’s often misunderstood and treated too lightly. After all, a person suffering from depression or anxiety looks completely fine on the outside, and nobody can tell what they’re really feeling. That’s where art can help—it allows the artist to show their… Continue reading How to Create a Mental Health Themed Photo Manipulation in Adobe Photoshop
Monstroid Revamped: New Features and Possibilities
Web designers, coders, and entrepreneurs, we have exciting news for you! The multipurpose Monstroid template got revamped and updated! Our loyal customers know that this theme had been our flagman for a long time (before Monstroid2 came out). You may be wondering: Why would anyone remake Monstroid if there is a bestselling successor – Monstroid2?… Continue reading Monstroid Revamped: New Features and Possibilities
Create Custom Maps With the MapSVG Plugin
What You’ll Be Creating If you’re like me, you’ve been using Google Maps to add maps to your WordPress sites for years, but you sometimes get a little frustrated about the lack of customization options. In this tutorial, I’m going to show you how to use an alternative—a WordPress plugin called MapSVG that lets you… Continue reading Create Custom Maps With the MapSVG Plugin
11 Quick Tips to Skyrocket Your Ecommerce Marketplace Conversion Rates
Currently there are many sites for selling and providing services in the world market of Ecommerce. Each marketplace in the competitive struggle tries to get the attention of potential customers, but, unfortunately, not everyone not everyone succeeds in this. Growth of the marketplace can only be ensured by knowing secrets of the conversion of site… Continue reading 11 Quick Tips to Skyrocket Your Ecommerce Marketplace Conversion Rates
Resize and Manipulate Images in PHP (With Examples)
In my previous tutorial, we discussed basic image manipulation using the PHP GD library. In that tutorial, I gave a brief introduction to the library and showed you how to load images from a file or create them from scratch in PHP. After that, we learned how to crop, rotate, scale and flip an image… Continue reading Resize and Manipulate Images in PHP (With Examples)
Your Guide to InDesign’s New Rival
Adobe InDesign has long been the market leader in publishing software. But rival layout design programs are starting to make waves in the market, with Affinity Publisher being the latest to offer a competitive alternative to InDesign. If you’re a seasoned print designer or are looking to dip a toe into publishing design, you’ll want… Continue reading Your Guide to InDesign’s New Rival
Save time on image design with graphic editor Crello
Are you looking for a professional tool for your digital designing needs that helps making your marketing strategies better? Then, Crello is perfect for you. There are many visual graphic design tools out there in the market. Some of them are quite expensive. Other free tools need a forced sign up to use few of… Continue reading Save time on image design with graphic editor Crello
How to Create a Glowing, Fireflies Photo Manipulation in Adobe Photoshop
What You’ll Be Creating Have you ever caught fireflies on a warm summer night? When I was a kid we used to call them “lightning bugs.” I was always fascinated by how they would shine and glow against the sky, and loved releasing them back into the night. So in this tutorial, I’ll show you… Continue reading How to Create a Glowing, Fireflies Photo Manipulation in Adobe Photoshop