Release notes are the most undervalued pieces of growth bypassed by most teams. Most often seen as boring documents to write, they’re… Continue reading on UX Collective »
Emoji kitchen, Figma responsive cards, obsessive note-taking, CTA database
Today, Artificial Intelligence (AI) and, more specifically, Machine Learning are pervasive in our daily lives. From Facebook ads to YouTube recommendations; from Siri to Google Assistant; and from automated translation of device notice to marketing personalization tools; AI now deeply permeates both our work and personal lives. This article is a compilation of three small… Continue reading Emoji kitchen, Figma responsive cards, obsessive note-taking, CTA database
Best Instagram Story Templates (Birthday, Fall, Music and More!)
Looking for Instagram story layout ideas? Find the perfect Instagram story design in this inspiring collection. You’ll find cute Instagram story templates for a variety of occasions, like birthday story templates or a fall Instagram story template. Find your next favorite template for Instagram today. Instagram Story Layout Ideas (That You Can Download Now!) 1.… Continue reading Best Instagram Story Templates (Birthday, Fall, Music and More!)
How to create responsive cards with the help of auto-layout in Figma?
Auto Layout is one of the most powerful features of Figma and today we will be creating a card design inside Figma using Auto-Layout which will be fully responsive, i.e would respond to the screen size. demonstrates the responsive design of the card Before we get started, there are 3 main things we are talking about in… Continue reading How to create responsive cards with the help of auto-layout in Figma?
Service design as a mobile games development framework
Life is a permanent game. A game of decisions, paths and options with increasingly difficult choices to make. Gamification is one strategy used to design products and services in this complex reality. But what happens if we do the opposite? Using service design as a game development framework? Pawnshop negotiation feature, from the Mobile Game… Continue reading Service design as a mobile games development framework
How to Create a Sortable HTML Table with JavaScript
1. Placing Content With HTML The <table> tag is the semantic HTML tag used for displaying data on a webpage. We’ll be placing our <table> tag within a table-container div which will allow us include some responsive styling in CSS. <div class=”table-container”> <table class=”data-table”> </table> </div> Our table will contain the table header, thead and… Continue reading How to Create a Sortable HTML Table with JavaScript
8 Best Free JavaScript Graph Visualization Libraries
When working with large amounts of data, you are likely to come across situations where the data has to be represented visually with the help of graphs. A graph is a structure amounting to a set of objects in which some pairs of the objects are in some sense “related”. They are basically mathematical structures… Continue reading 8 Best Free JavaScript Graph Visualization Libraries
Should you use pagination or infinite scrolling? Your edge cases can help you decide
To solve an age-old design debate, consider what your user’s next step will be Continue reading on UX Collective »
Day in the life of an obsessive note taker
Starting the day on a good note. Illustration by author. When it comes to taking notes, some people might think a few key phrases jotted down on a scrap piece of paper is good enough. But for me — an obsessive note-taker — that would never cut it. I used to be a person who… Continue reading Day in the life of an obsessive note taker
WordPress Product Founders on What They’d Do Differently
Incredible as it sounds, WordPress was initially released back in 2003. And it has evolved quite a bit during that time. It has become a mature, if ever-changing, platform for building websites. Its massive theme and plugin ecosystem have also seen its share of changes. We’ve witnessed solo entrepreneurs launching products, nurturing their growth, and… Continue reading WordPress Product Founders on What They’d Do Differently
Incredible Indigenous Web Design From Around The World
To mark the day, we’re celebrating some incredible Indigenous designers from around the world, as well as sharing some interesting research carried out by the University of Newcastle which focuses on things to remember for Indigenous web design. But first… Did You Know? Globally, 47% of all employed Indigenous peoples have no education, compared to… Continue reading Incredible Indigenous Web Design From Around The World
How to Customize Your WooCommerce Pages with Elementor
There are 3 methods you can use to customize WooCommerce with Elementor. In this tutorial, we’ll break down these fast and intuitive customization options. WooCommerce is hands down the best WordPress plugin for setting up an online shop. The only problem is, while it gives you control over a good majority of store settings, and… Continue reading How to Customize Your WooCommerce Pages with Elementor
How to Etch Glass with Cricut
In this tutorial, you’ll learn how to etch glass with your Cricut machine, and we’ll also learn some fun uses for etched glass vinyl projects. This Cricut glass etching tutorial will teach you everything you need to know about what you need for your etching project as well as how to etch into glass. We’ll… Continue reading How to Etch Glass with Cricut
30+ Best Tri-Fold Menu Templates (PSD, InDesign and More)
Is your restaurant in need of a new, fresh, and modern tri-fold food menu? You’re in the right place! Maybe you work in the food business or you’re a graphic designer with multiple clients in the industry. Regardless, every restaurant needs a clear food menu with an outstanding design. And here’s where tri-fold menu templates… Continue reading 30+ Best Tri-Fold Menu Templates (PSD, InDesign and More)
12+ Best Adobe XD Wireframe UI Kits for Designers
There’s no doubt that Adobe XD is a powerful and versatile design tool. But like any other design software, it can be tricky to figure out where to start when you’re creating your first wireframe. That’s where UI kits come in handy! A UI kit collects all the necessary resources you need to create a… Continue reading 12+ Best Adobe XD Wireframe UI Kits for Designers
10 Great Places to Find Music for Videos
Creating videos for social media or to embed on your site can be a fun and creative way to promote your brand or business. More importantly, time spent on a page is a significant SEO ranking factor, so providing a video to watch is of enormous benefit. However, coming up with the music for your… Continue reading 10 Great Places to Find Music for Videos
Vector animations with Figma and SVG-Animate
Have you ever gotten frustrated because you couldn’t describe complex animations to your developers? Finding references, polishing details… Continue reading on UX Collective »
Thinking colors: Balancing between visual and abstract
In a digital world, colors are represented as coordinates in one of the color models: RGB, HSL, HCL, etc… Some are made for machines (RGB literally represents the way displays work) while others (HSL, HCL) try to be more designer-friendly by providing a more natural way to navigate the color space. For designers colors are… Continue reading Thinking colors: Balancing between visual and abstract
How to Create Your Website’s Homepage with Elementor
In this tutorial, we’re going to walk through the various ways you can create a homepage with Elementor. Then, we’ll take a look at some tips to help you get better results—with visitors and search engines—from your homepage. The homepage is arguably the most important page on a website. Even if visitors don’t initially land… Continue reading How to Create Your Website’s Homepage with Elementor
Making websites sharable on social media
A guide on how to include open graph tags to your website, and a svelte template to do so. Continue reading on UX Collective »
Understanding accessibility makes you a better [insert your name here]
Accessibility isn’t something that you can “add in at the end”. It’s not the icing on a cake, it’s the eggs that make the cake. Understanding what accessibility is, how you can create accessible digital experiences, and the fact that it impacts each of us in different ways, is an essential part of being a… Continue reading Understanding accessibility makes you a better [insert your name here]
What Is Adobe Illustrator?
What is Adobe Illustrator used for, and how can you use it in your design work? We’ll cover all of that in this comprehensive article. Illustrator is a very popular vector design program, with loads of powerful features to help you create illustrations, icons, patterns, logos, and much more. We’ll go through everything you need… Continue reading What Is Adobe Illustrator?
The Best CSS and JavaScript Carousel Tutorials on Tuts+
Interested in building a carousel but don’t know where to start? You’re in the perfect place! Today we’ll explore the best CSS and JavaScript carousel tutorials Envato Tuts+. What is a carousel on a website used for? Carousels are often found on the front pages of website. They serve a variety of purposes, from aesthetic… Continue reading The Best CSS and JavaScript Carousel Tutorials on Tuts+
The Best CSS and JavaScript Carousel Tutorials on Tuts+
Interested in building a carousel but don’t know where to start? You’re in the perfect place; today we’ll explore the best CSS and JavaScript carousel tutorials that are available on Envato Tuts+. 9 CSS and JavaScript Carousel Tutorials From tutorials explaining how to use the Bootstrap carousel component, various JavaScript carousel and slideshow libraries, and… Continue reading The Best CSS and JavaScript Carousel Tutorials on Tuts+