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
Tag: Create
23 Best Boys T-Shirt Mockups
27 Shares Best t-shirt mockups to showcase your kids t-shirts design, boys t-shirt designs and adults t-shits designs in a beautiful realistic apparel textures. T-Shirt mockups are very easy to use just place your design anywhere on the t-shirt and your photo-realistic t-shirt image is ready. In this mockup collection you will find T-Shirt Mockups,… Continue reading 23 Best Boys T-Shirt Mockups
Example of How to Add Google reCAPTCHA v3 to a PHP Form
In this article, I’m going show you how to add Google reCAPTCHA v3 to a form on your PHP website. The latest reCAPTCHA is different than the previous versions—it doesn’t require user interaction at all. In this post, we’ll see how it works, and we’ll build a real-world example for demonstration purposes. As a website… Continue reading Example of How to Add Google reCAPTCHA v3 to a PHP Form
How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
In the past, we’ve discussed various Bootstrap 4 extensions. Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the desktop layout and a dropdown for mobile screens. Note: for this exercise, I’m going to use Bootstrap 4 latest… Continue reading How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu
30+ Best Fancy Fonts With Decorative Alphabet Letters (2021)
Need fancy text fonts? Check out this inspiring list of premium resources! How do you stand out from the crowd in design? Though many are drawn to the popular minimalist trends, other designers are learning the incredible benefits of bucking trends and going for fancy letter fonts. Use an awesome fancy letter font like this… Continue reading 30+ Best Fancy Fonts With Decorative Alphabet Letters (2021)
23 Exciting New Tools for Designers, February 2021
We’re going to try something a little different this month; with this roundup of tools and resources for designers, we’re going to pick a few of our favorites and group everything else in a manner that makes it even easier to find elements that will work for you, and your projects, right now. Here’s what’s… Continue reading 23 Exciting New Tools for Designers, February 2021
How to Create a Vintage Type Postcard
What You’ll Be Creating In the following steps, you will learn how to design a vintage postcard in Adobe Illustrator. Harken back to an era when postcards were all the rage with this friendly type style. The tutorial will delve into clipping masks, using bitmap images, working with layers, effects, and blends. What You’ll Learn… Continue reading How to Create a Vintage Type Postcard
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
How to Create a Thumbnail Image in PHP
Today, we’ll discuss how you could create thumbnail images in PHP with the help of the GD library. When you’re working on projects that are related to media, more often than not you will need to create thumbnails from the original images. Also, if you’ve enabled image uploads on your website, it’s essential that you… Continue reading How to Create a Thumbnail Image in PHP
How to Create a Portfolio Site that Well Represents Your Brand
No matter what it is someone might be looking for, the first place they are going to look is the internet. This means it’s extremely important for all freelancers, professional experts and business owners to have a website or blog of their own. However, more often than not, a single page About Me site or… Continue reading How to Create a Portfolio Site that Well Represents Your Brand
20 Professional Retouching Photoshop Actions for Photographers
40 Shares High quality retouching Photoshop actions set has been developed for photographers, graphic designers and photo editors. These are best skin retouching actions that will help to achieve magical results in few seconds. These actions let you retouch portraits in a fraction of the time with only a basic knowledge of Photoshop. You can… Continue reading 20 Professional Retouching Photoshop Actions for Photographers
The 4 Secrets of a Successful Website Redesign
The beginning of a new year is a great time to go over your old website and refresh your brand. After all, your website is at the center of your online presence, and an excellent first impression is key for driving sales and boosting engagement. According to a recent study, up to 94% of first… Continue reading The 4 Secrets of a Successful Website Redesign
How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)
The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)
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
50 Best Adobe Illustrator Tutorials Of 2020
36 Shares Best of 2020, Adobe Illustrator tutorials for vector graphic designers and illustration lovers. New Year 2021 countdown have already begun and we wish you happy New Year and please stay home and stay safe. Adobe Illustrator is best and the most popular software for vector artists and tutorials are the best and easiest… Continue reading 50 Best Adobe Illustrator Tutorials Of 2020
Why is WHM cPanel the Best Control Panel for Hosting a Website
December 28, 2020 by Spyre Studios cPanel’s is a crucial part of web hosting. It would be easy to manage or host a website when you do not have a control panel. WHM cPanel makes this complex task further easy with its many advanced features. This suite of tools makes the management of servers and… Continue reading Why is WHM cPanel the Best Control Panel for Hosting a Website
50 Best Adobe Photoshop Tutorials Of 2020
43 Shares Huge list of 50 best Photoshop tutorials of 2020 for beginners and advanced Adobe Photoshop users. Before I start, wishing you happy New Year 2021 and please stay home and stay safe. Adobe Photoshop is arguably the most popular software for Professional Graphic Designer and photo editors and tutorials are the best and easiest… Continue reading 50 Best Adobe Photoshop Tutorials Of 2020
How to Install and Use Procreate Brushes
What You’ll Be Creating Found some of the best Procreate brushes, but not sure how to install or use them? In this tutorial, we’ll look at installing and utilizing Procreate brushes, as well as some customization basics. We’ll wrap up with a demo of a newly installed brush set. Please keep in mind that Procreate and… Continue reading How to Install and Use Procreate Brushes
34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)
Looking for new Didone typefaces to add to your font library? In this article, we’ll look at what makes a Didone font, as well as a collection of fonts similar to Didot, fonts similar to Bodoni, and other Didone-inspired typefaces. This stylish fashion magazine design features Didone type and is available to download on Envato… Continue reading 34 Best Modern Didone Typefaces (Fonts Similar to Bodoni & Didot)
30 Modern Business Branding / Stationery Templates Design
26 Shares Professionally designed branding stationery templates for your business corporate identity. Colorful 2021 is almost here, if you are thinking to update your brand stationery design please have a look. There are thirty best branding stationery packs included Business Cards, Letterhead Design (A4 & US Letter), Invoice Design, Envelope Design (Front & Back Sides), … Continue reading 30 Modern Business Branding / Stationery Templates Design
What Fonts Are Trending Now and Font Trends for 2021
With the end of the year fast approaching, it’s time for some fresh font trends. Next year looks set to be an eclectic and eccentric melting pot of type trends, with kinetic typography, distorted fonts, and Alpine display styles being just a few of the diverse and exciting font categories set to make their mark… Continue reading What Fonts Are Trending Now and Font Trends for 2021
Popular Design News of the Week: November 23, 2020 – November 29, 2020
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: November 23, 2020 – November 29, 2020
Top 5 Best WordPress SEO Plugins
SEO is the abbreviation of Search Engine Optimization. It is the process of improving quality and quantity of website traffic from search engines like Google, Bing or Yahoo search etc. In the WordPress content management system there are dozens of SEO plugins but we have selected the 5 of the best WordPress SEO plugins. So,… Continue reading Top 5 Best WordPress SEO Plugins
Top 5 Best WordPress SEO Plugins
SEO is the abbreviation of Search Engine Optimization. It is the process of improving quality and quantity of website traffic from search engines like Google, Bing or Yahoo search etc. In the WordPress content management system there are dozens of SEO plugins but we have selected the 5 of the best WordPress SEO plugins. So,… Continue reading Top 5 Best WordPress SEO Plugins