Skip to main content

Mind Catching Design

Search This Blog

Using CSS Grid: Supporting Browsers Without Grid

November 16, 2017

Get link
Facebook
X
Pinterest
Email
Other Apps

Smashing Magazine

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Post a Comment

Popular Posts

Frictionless UX: How to Create Smooth User Flows

Almost two decades ago Steve Krug first advised us not to make users think. Today designers strive to create experiences that require no extra effort on the user’s part. Frictionless interaction has become a popular qualifier for evaluating user experiences. As designers and developers, it’s beneficial to familiarize yourself with methods that allow you to create frictionless interactions. In this article, I’ll analyze steps in user flow that often cause friction and propose solutions on how to optimize them. But before that, it’s important to define what exactly friction is: Friction is anything that prevents users from intuitively achieving their goals while they interact with a product. Friction is everything people complain about when they find technology difficult. No wonder why high-friction tools are quickly abandoned and replaced with more user-friendly tools. Creating a Frictionless Experience Ultimately, end-users want simplicity when interacting with a product. Frictio...

Creating Tables In Figma

Creating Tables In Figma Sasha Belichenko 2019-09-25T12:30:59+02:00 2019-09-25T10:50:00+00:00 In this tutorial, we will talk about how tables can be created in Figma by using components and Atomic Design methodology. We will also take a look at the basic elements of the table layout and how components can be included in the component library so that they can become part of the design system you are using. To make it easy for you, I’ve prepared a mockup example that uses all of the components we need for this tutorial. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. However, if you’re new to Figma and working with table data, I recommend watching the “ Getting Started ” video to help you better understand Figma end-to-end, as well as the article “ How To Architect A Complex Web Table ” that was published not too long ago here on Smashing Magazine. To simplify the scope of this...

How To Build Your Own Comment System Using Firebase

How To Build Your Own Comment System Using Firebase Aman Thakur 2020-08-24T10:30:00+00:00 2020-08-24T11:13:40+00:00 A comments section is a great way to build a community for your blog. Recently when I started blogging, I thought of adding a comments section. However, it wasn’t easy. Hosted comments systems, such as Disqus and Commento, come with their own set of problems: They own your data. They are not free. You cannot customize them much. So, I decided to build my own comments system. Firebase seemed like a perfect hosting alternative to running a back-end server. First of all, you get all of the benefits of having your own database: You control the data, and you can structure it however you want. Secondly, you don’t need to set up a back-end server. You can easily control it from the front end. It’s like having the best of both worlds: a hosted system without the hassle of a back end. In this post, that’s what we’ll do. We will learn how to set up Firebase with Gatsb...

Powered by Blogger