To mark International Women’s Day 2019 we’ll be creating an animated SVG version of the event’s logo you can use along with this year’s hashtag #BalanceforBetter. In the process we’ll be learning about using Figma and its boolean operations, as well as inline SVG animation via the animateTransform element. This is what we’ll be creating:… Continue reading Create an Animated SVG Logo for International Women’s Day 2019
Tag: left
14 Firefox Developer Tools You Might Not Know About
In this roundup we’re going to be checking out some of the awesome tools Firefox has in its collection of Developer Tools. Even if Google Chrome is your primary development browser, Firefox has some tools that Chrome doesn’t. In fairness the reverse is also true–Chrome has some tools that Firefox doesn’t, but the tools in… Continue reading 14 Firefox Developer Tools You Might Not Know About
International Artist Feature: Guatemala
Welcome back to our International Artist Series. Today, we’re catching up with five incredible artists from Guatemala, a Central American country that is home to Mayan cities and a long history of artistic production. I asked each artist how their country and culture influenced their work, and they delivered great responses. Wilker Velásquez… Continue reading International Artist Feature: Guatemala
How to Make a Personal Resume Website: From a WordPress Theme
What You’ll Be Creating In the modern work world, a simple resume is often not enough. Sure, it’s imperative to send it along with any job application, but if you truly want to stand out you need to go a step further. And nothing makes you stand out more than a personal website that showcases your education… Continue reading How to Make a Personal Resume Website: From a WordPress Theme
How to Make a Valentine’s Dinner Restaurant Menu Flyer Template
What You’ll Be Creating Do you have a fascinating dinner event in mind and wish to kick off the celebration with a catchy restaurant menu design? Great! There are many software packages available to enable you to design flyer templates, but today we will be using Adobe Illustrator in a step-by-step guide to custom designing a… Continue reading How to Make a Valentine’s Dinner Restaurant Menu Flyer Template
How to Make a Beating Heart Animation for St. Valentine’s Day With SVG
* { 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
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