New Course: Website Accessibility With ARIA Roles
Learn how to make your websites accessible to as many people as possible by watching our new short course, Website Accessibility With ARIA Roles.What You’ll LearnThe ARIA specification provides us with...
View ArticleDesigning Accessible Content: Typography, Font Styling, and Structure
Creating and designing accessible content means more than just choosing accessible typography. Even with “perfect” font families in place on your website, people with low vision, cognitive, language,...
View ArticleKeyboard Accessibility Tips Using HTML and CSS
Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML and...
View ArticleA Guide to Selecting Email Templates for eCommerce
One of the biggest challenges of eCommerce is driving traffic to your website; the “simple” idea being to get people to browse your site and convert their visits into sales. Email marketing can be an...
View ArticleLanding Page vs. Website Homepage: When Do You Use Which?
If you’re like most business owners, you’ve probably spent a lot of time working on your website. You’ve created all the important pages, making sure your homepage has several calls-to-action that...
View ArticleFigma Layer Stacking Tips
In this episode of our series on Figma tips and tricks we’ll look at ways to speed up your layer stacking. Let’s dive in!Watch Tips1. Move Layers Up and DownTo quickly move an object up or down the...
View ArticleNew Course: Essential JS Libraries for UI
If you design user interfaces, you can make your life a lot easier by using some lightweight JavaScript plugins that are designed to solve common user interface problems. Learn all about them in our...
View ArticleFigma On Canvas Tips
Welcome to more Figma tips and tricks! This time we’ll be looking at five things to help you when you’re working directly on Figma’s canvas.Watch Tips1. Navigate Nested LayersYou can navigate nested...
View ArticleFigma Frame Tips
Frames allow you to combine layers together under a single parent. Unlike groups, frames in Figma have explicitly set dimensions (much like an HTML iframe). Here are some great tips and tricks for when...
View Article10+ Tips: How to Design High-Converting Landing Pages
Landing pages are a valuable marketing asset that can be used to promote your services, products, webinars, lead magnets, and more. They can help you grow your email list as well as increase sales,...
View ArticleHow to Create Responsive SVG Images
In this tutorial I’ll explain how to create responsive SVG images; more specifically, I’ll explain how to create SVG logos, icons, and images, which change depending on the screen they’re displayed...
View ArticleFigma 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 Tips1. Customize Project ThumbnailsIt’s...
View ArticleLearn CSS by Creating These 5 Image Hover Effects
Want to improve your CSS skills and create some amazing image hover effects at the same time? Try our new short course, 5 CSS Projects: Image Hover Effects.What You’ll LearnCreating a hover effect for...
View ArticleBest Selling UX and UI Kits For Sketch, Photoshop, Illustrator, XD, and Figma
UX and UI Kits help designers in all kinds of ways, and at different stages in the design process. In this roundup I’ll show you some of the best-selling UX and UI kits available from Envato, to get...
View Article15+ Best WooCommerce Themes: To Make a Better Online Store
Adding an online store is a big step toward expanding your customer base and increasing your revenue. WooCommerce has many benefits that make it an ideal solution for small business owners who want to...
View ArticleHow to Create a Landing Page in WordPress Quickly
While a website is a great way for your business to get noticed, a WordPress landing page is an even better way to promote a specific offer. When you create a landing page in WordPress, you can easily...
View ArticleFigma Properties Tips
Objects in Figma can have a range of properties applied to them. In this part of our Figma tips and tricks series we’ll look at ways to work with properties, better and faster!Watch Tips1. Copy Single...
View ArticleFigma Image Tips
Figma offers a range of shortcuts and controls for importing images, placing them on the canvas, and modifying them once they’re in position. Let’s take a look!Watch Tips1. Use Fill Settings on Images...
View ArticleHow to Easily Animate SVGs With SVGator
SVG animation is a great alternative to using animated GIFs on the web, but it’s not always easy. In this tutorial I’m going to explain how you can easily animate SVGs using an online tool called...
View ArticleThe Best Free Figma Resources: Templates, Icons, UI Kits, and More
Figma came out as a strong new player in 2016 allowing design and software development teams to collaborate on any platform.This browser-based application eliminated problems such as updating software,...
View Article