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
Tag: last
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
Get Inspired by These Clever Social Media Ads
Let’s all admit it, the ads is one of the most important parts of a website. The addition of an advertisement in any website creates a chain of benefits. First, advertisements are helpful for consumers. It helps them make decisions regarding their purchases. Second, advertisements are helpful for the brand or product. An ad creates… Continue reading Get Inspired by These Clever Social Media Ads
How to Make Effective Video Landing Pages
As a web developer, if you chance upon a comparison of the landing page and video landing page, what would be your first reaction? Both have all the characteristics of an excellent landing page. So, what sets them apart? Why does the subconscious choose the video landing page? It’s simple. It’s the video on the… Continue reading How to Make Effective Video Landing Pages
20 Freshest Web Designs, August 2020
In this month’s collection of the freshest web designs from the last four weeks the dominant trend is attention to detail. You’ll find plenty of animation, in fact, almost every one of these sites uses animation to a greater or lesser degree. Let’s dive in: Globekit Globekit is a tool that allows developers to quickly… Continue reading 20 Freshest Web Designs, August 2020
'Knowing what you're looking at' – JS tips for new React developers
August 17, 2020 I have a confession to make. While I have been a professional web developer for over 6 years, I didn’t feel comfortable with JavaScript until a year and a half ago. I still don’t feel like I know a lot of things. There’s a lot that still confuses me. But I’ve grown… Continue reading 'Knowing what you're looking at' – JS tips for new React developers
All About the Futura Font and Its History
The Futura font is one of the most famous geometric fonts, and it’s still popular to this day. In this article, we tell you all about the Futura font history and its impact on the design world. What Is Futura? Designed in 1927, Futura is still considered a modern font that conveys progress. We’ve seen… Continue reading All About the Futura Font and Its History