So, really, you’re in the business of designing websites for your clients’ audiences. But how do you ensure you get it right? You could take what your client tells you at face value, but that’s only going to scrape the surface of who their audience is. What you need to do is figure out how… Continue reading 15 Psychology Principles Every Designer Should Know
Tag: last
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
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 Check if a String Contains Another Substring in PHP
A lot of times when I am working with strings in PHP, it becomes important to check if a string contains another substring. PHP has a lot of functions to help you manipulate strings any way you like. We will be using some of these functions today to learn how to check if a string… Continue reading How to Check if a String Contains Another Substring in PHP
How To Create A Great Ad To Showcase Your Web Design Skills
More often than not, web designers tend to create ads assuming that those who see their ads will immediately hire them for their services. It may work in the past, but times have changed, and there are many more web designers now. Web design services are no longer scarce. In fact, the internet has an… Continue reading How To Create A Great Ad To Showcase Your Web Design Skills
15 Clever Valentine’s Day Ad Designs
Ah, Valentine’s Day! Some love it, others don’t, but in the end, Valentine’s Day is still one of the most popular holidays all over the world. The approach of the world’s sweetest holiday is a great time for us to gather some inspiration and showcase a collection of the Web’s best Valentine’s Day advertisements. In Case… Continue reading 15 Clever Valentine’s Day Ad Designs
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
The role of the UX designer in an Agile product team
[unable to retrieve full-text content] 2020 was a hard year. It drove home something I’ve always known but had been taking for granted: good UX Design relies on an environment, process and team that support good UX Design. If the environment, process and team aren’t quite in place, I would argue that it’s the job… Continue reading The role of the UX designer in an Agile product team
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 Are Web Fonts?
If you’re new to web fonts, you might be wondering: what are web fonts? Don’t worry. Here we’ll cover what web fonts are and how to install web fonts. We’ll also show you some of the best web fonts from Envato Elements. Web fonts are fonts especially created for websites. They’re usually on a web… Continue reading What Are Web Fonts?
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 Websites of 2020
2020 has been one of the most memorable years in our history. Few of us have been alive long enough to experience a more turbulent time. But throughout the year, we saw design respond to challenging events with positivity, color, and a desire to elevate those people and projects working to make the world better.… Continue reading 50 Best Websites of 2020
The Rise of the Sans Serif
In this article, we’ll take a look at the history of sans serif typefaces. You’ll learn what makes them great and discover some wonderful options to consider for your next project. In the last few years, there has been a big shift in branding. Many high-profile companies have redesigned their logos and replaced classical serifs… Continue reading The Rise of the Sans Serif
Uploading Files With AJAX
I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we’ll see how to upload files using vanilla JavaScript. And later on, I’ll show how you could use the DropzoneJS library to implement drag-and-drop file uploads. Looking… Continue reading Uploading Files With AJAX
CSS Charts: How to Create an Organizational Chart
In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart
10 Reasons Your WordPress Site Will Get Hacked (and How to Stop It)
A hacked WordPress site is as damaging as having your home burgled. It can completely shatter your peace of mind and adversely impact your online business. Why do hackers target WordPress sites? The answer is relatively simple: WordPress is the single biggest platform for website creation these days, so there’s a larger base to attack;… Continue reading 10 Reasons Your WordPress Site Will Get Hacked (and How to Stop It)
What is Section 508 and why does it matter?
In 1990, the signing into law of the Americans with Disabilities Act (ADA) provided a real foundation for accessibility in the U.S. and across the world as a model. Similarly, Section 508 of the Rehabilitation Act and its subsequent refreshes serve as major milestones for accessibility by defining the scope of responsibilities for accessibility in… Continue reading What is Section 508 and why does it matter?
20 Best Free Bifold & Tri-Fold Brochure Template Designs (Download 2021)
Working on a bifold or tri-fold brochure project? Working with a professionally designed template could be the jump start you need to get your project started, going, or even completed! Make your content stand out with a professionally designed brochure design template. I like to keep and collect a bank of tools, assets, and resources… Continue reading 20 Best Free Bifold & Tri-Fold Brochure Template Designs (Download 2021)
The ABCs of attitude-based archetypes in design
[unable to retrieve full-text content] Much of our work as user experience designers is understanding the whys and why nots of our audiences’ decision making. In a previous post, I explored why people decide to switch or stay with products, focusing mainly on circumstances, the “where” and “when” of a job. The circumstances in which… Continue reading The ABCs of attitude-based archetypes in design
A Guide to Overriding Parent Theme Functions in Your Child Theme
If you’ve had any experience working with parent and child themes in WordPress, you’ll know that the template files in your child theme override those in your parent theme. For example, if your parent theme has a page.php file and you create a new one in your child theme, WordPress will use the one in the child… Continue reading A Guide to Overriding Parent Theme Functions in Your Child Theme
5 Website Localization Ideas for Design and Content
The world steadily becomes digital, a little bit at a time. Indeed, with internet users accounting for more than half of our planet’s population, considering the audience on the internet becomes vital regardless of what you do. Reaching greater audiences around the world is a win situation today, yet it requires some additional effort and… Continue reading 5 Website Localization Ideas for Design and Content
Working With PHP Arrays in the Right Way
In this tutorial, I am going to make a list of common PHP array functions, with examples of usage and best practices. Every PHP developer must know how to use them and how to combine array functions to make code readable and short. Also, there is a presentation with given code examples, so you can… Continue reading Working With PHP Arrays in the Right Way
Design with the web in mind
[unable to retrieve full-text content] Back button, URL design, keyboard shortcuts, and other things we often forget about. When designing an application, there are 3 major variations — mobile app, web app, and desktop app. *It’s actually more complicated than this, but we’ll ignore that for now. Check out my other post to find out more about the different… Continue reading Design with the web in mind
The 30 CSS Selectors You Must Memorize
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. CSS Selectors So you learned the base id, class, and descendant selectors—and then called it a day? If so, you’re missing out on an enormous level of flexibility. You… Continue reading The 30 CSS Selectors You Must Memorize