To function, components require a specific structure. To appear visually — they don’t. This has been breaking handoff processes for years. Dmitri Mendeleev’s periodic table looks simple, it doesn’t strike as if the elements are, in fact, significantly different from one another. But when you dig in and understand that just a ‘seemingly insignificant’ property of the number… Continue reading UI elements are not so elementary
Tag: Notice
11 Trending Figma AI Plugins Every Designer Should Try
There are hundreds of Figma AI plugins out there. But where should you start? We’ve made a time-saving selection and an intro guide for you to experiment with some of the best examples. Figma AI plugins can help you generate design elements, code, and other design assets automatically. Working with Figma plugins can enhance both… Continue reading 11 Trending Figma AI Plugins Every Designer Should Try
Designing for scalable Dynamic Type in iOS
Designing for scalable Dynamic Type in iOS for accessibility When we wanted to implement accessibility settings on our iOS mobile app, I had to figure out where to start. Looking online, I could only find engineering resources. It was all about code and how to implement it with UIKit or SwiftUI with plenty of great… Continue reading Designing for scalable Dynamic Type in iOS
How to Create Metal Textures in Photoshop
What You’ll Be Creating In the following tutorial, I’m going to teach you how to create a metal pattern in Photoshop. You’ll create five different textures with Photoshop filters, gradients, and Blending Modes. You’ll get a cool metal pattern in Photoshop to use in your photo manipulations and digital paintings. Looking to brush up on… Continue reading How to Create Metal Textures in Photoshop
How to Build a UIkit Lightbox With Dot Navigation
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation
Understanding Static Functions and Static Classes in PHP
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Static functions and static classes can be easily accessed without necessarily creating an instance of that class. This helps keep your code clean and organized. In this post, you’ll learn about the static keyword and how it is applied on functions and classes to make them static.… Continue reading Understanding Static Functions and Static Classes in PHP
How to Send Serverless Emails With Node.js
If you are running a Jamstack architecture, sometimes you will require additional functionality like sending transactional emails to your users. Sending emails requires a server, so you can make a simple serverless service with an endpoint that takes a few fields and sends off an email. It’s an excellent alternative that doesn’t require the maintenance… Continue reading How to Send Serverless Emails With Node.js
The Different Types of Serif Fonts With Serif Font Examples
What are the different types of serif fonts and why should you know them? In this tutorial, we’ll look at types of serif typefaces and explain the ins and outs with serif font examples. Learn how to identify different types of serifs and download some fresh, new modern serif fonts today. This modern serif font is… Continue reading The Different Types of Serif Fonts With Serif Font Examples
41 Best Farmhouse Fonts (Country & Farmhouse Style Fonts)
Love farmhouse-style fonts? Check out this inspiring collection of some of the best farmhouse fonts you can download right now. Whether you’re looking for a farmhouse script font or a farmhouse font alphabet with rustic, decorative serifs, there’s plenty to see. Download this farmhouse font and many others on Envato Elements. What Is a Farmhouse… Continue reading 41 Best Farmhouse Fonts (Country & Farmhouse Style Fonts)
Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS
Have you ever wanted to build a unique single-page scrolling website yet didn’t know where to start? If so, don’t worry! Today we’re going to create together such a website. To achieve this, we’ll take advantage of Locomotive Scroll, a small and easy-to-use JavaScript library for cool scrolling effects. Plus, to speed up the development… Continue reading Create a Unique Scrolling Website With Locomotive Scroll & Tailwind CSS
42 Cool Fonts to Draw (For Calligraphy and Handwriting!)
Looking for cool easy fonts to draw by hand? In this article, we’ll look at some simple fonts to draw and where you can find them. We’ll also look at what you need to know about using cool fonts to draw by hand. There are some easy, cool fonts to draw out there, but you’ll… Continue reading 42 Cool Fonts to Draw (For Calligraphy and Handwriting!)
How to Create and Customize Procreate Brushes
What You’ll Be Creating Have you ever wanted to create your own Procreate custom brushes? Maybe you’d like to customize some of your favorite brushes or just get more familiar with Procreate’s wealth of brush settings. In this tutorial, we’ll take look at some Procreate brush basics and settings, and you’ll learn how to create… Continue reading How to Create and Customize Procreate Brushes
Cartoon Fundamentals: How to Draw a Cartoon Face Correctly
In this easy cartoon drawing tutorial, you’ll learn how to draw cartoon characters. A good cartoonist is one who can extract the main details of an object or a human being and represent them with simple shapes. The goal is that a child can recognize the drawing and be attracted to what they’re looking at.… Continue reading Cartoon Fundamentals: How to Draw a Cartoon Face Correctly
20 Most Popular Sans Serif Fonts for 2021
Let’s take a look at some of the most popular sans serif fonts for 2021. What is a sans serif font? We’ll show you, with some inspiring sans serif font examples you can download now. So sit back, enjoy the type inspiration, and pick out the best sans serif fonts for your next design project. … Continue reading 20 Most Popular Sans Serif Fonts for 2021
38 Best Photo Collage & Polaroid Mockups (Using an Online Photo Collage Maker)
If you love the distinct look of polaroids and want to use them either on their own or combined with other elements to create terrific photo collage designs, then you’re going to love this article. Find Out How to Make a Photo Collage Online Today Today we’ll introduce you to the online photo collage maker from Placeit… Continue reading 38 Best Photo Collage & Polaroid Mockups (Using an Online Photo Collage Maker)
42 Best Geometric Fonts (Geometric Sans Serif Typefaces to Download)
Geometric sans serif fonts can be a versatile, timeless addition to any font library. They’re a popular choice for logo design, packaging, layout design, and so much more. Clean, elegant, and adaptable, a great geometric typeface can serve so many roles in so many projects. In this article, we’ll observe what makes a geometric typeface,… Continue reading 42 Best Geometric Fonts (Geometric Sans Serif Typefaces to Download)
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)
34 Best Slab Serif Fonts (Ready to Download Now)
If you’re looking for stylish, eye-catching fonts, then a slab serif typeface might be just what you’re looking for. What is the slab serif font classification? Stay tuned and we’ll break down what makes this classification such a well-loved addition to any designer’s font collection. We’ll also check out a collection of inspiring slab serif font examples… Continue reading 34 Best Slab Serif Fonts (Ready to Download Now)
How to Use Map, Filter and Reduce in JavaScript
Functional programming has been making quite a splash in the development world these days. And for good reason: Functional techniques can help you write more declarative code that is easier to understand at a glance, refactor, and test. One of the cornerstones of functional programming is its special use of lists and list operations. And… Continue reading How to Use Map, Filter and Reduce in JavaScript
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
The Latest Research for Web Designers, September 2020
In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like: Current freelancer demand Web designer earning potential A change in ecommerce shopping trends Unseen content rates 1. There’s Light At… Continue reading The Latest Research for Web Designers, September 2020
Is Change Positive for Web Designers?
As a web designer, you’re constantly being bombarded with messages that tell you to acquire new skills, try new tools, and keep on hustling. But if you’re constantly changing things up, does it do the opposite of what you originally set out to do? In other words, if you always have to start over, is… Continue reading Is Change Positive for Web Designers?
How to Optimize an Animated Gif: 10 Ways
In this tutorial, we will have a close look at all the available options to convert a video to a GIF animation, and how to optimize its file size. What is a GIF File? Before we start, let’s take a closer look at what is a GIF file. GIF is the standard format for compressing images… Continue reading How to Optimize an Animated Gif: 10 Ways
Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers
Imagine the public excitement when, in 1951, William Edmund Hick (“Hickey” to his friends?!) and Ray (with an “a”) Hyman published research about people’s responses to a bunch of flashing lights. I’m sure no-one could imagine how important this work would be for the information age since, of course, at that time, a bank of… Continue reading Less is (Almost) Definitely More: An Introduction to Hick’s Law for Web Designers