Tag: UI

Exciting New Tools For Designers, Holidays 2021

The year’s winding down as everyone segues into a much-needed holiday R&R. But that doesn’t mean there aren’t some awesome new tools and resources for website design projects. Check them out, and hit the ground running in January. Here’s what’s new for designers this holiday period. Enjoy!   Fancy Border Radius Generator Fancy Border Radius… Continue reading Exciting New Tools For Designers, Holidays 2021

10 Smartphone & Tablet Mobile Apps for Prototyping

Digital prototyping is a popular activity for creating simple interface mockups. The UI design process starts with an idea, which is then fleshed out into a mockup. But, most of the time, the initial mockup(s) will be styled in low-fidelity wireframes, which are then improved through color and texture. The following mobile apps are perfect… Continue reading 10 Smartphone & Tablet Mobile Apps for Prototyping

How to Create Mobile App Animations With SVGator

Designing animations by coding is both a complex and time-consuming undertaking that can hinder creativity. This is why designers are looking for a no-code solution to create scalable animations for mobile apps. Finding a way to easily create and export these types of engaging branding assets can also make the designer-to-developer handoff a frustration-free exchange.… Continue reading How to Create Mobile App Animations With SVGator

A Look at Its Impact on the Web

In the web design industry, it’s rare that a tool stays relevant for a decade or more. Things tend to change so quickly that the useful life of an app or framework usually isn’t very long. However, Twitter’s Bootstrap has defied those odds. Now in existence for over 10 years, the self-described “front-end open source… Continue reading A Look at Its Impact on the Web

Zone: UI kit for mobile app design

Zone is a UI kit for building beautiful mobile apps, built by Piqo Design. This free demo resource is part of a bigger premium pack which contains 100+ screens, 200+ components, and it’s available for Figma, Sketch, and Adobe Xd. Free sample is currently available if Figma file format, and includes 20 beautifully designed mobile… Continue reading Zone: UI kit for mobile app design

10 Website Design Must-Haves For Any Small Business

0 Shares Having a website is essential for small businesses. It helps build an online presence and expand your reach. However, to maximize the website’s potential, website owners need to understand must-have web elements. If your website misses important features, you may lose out on potential customers and revenue. It’s also worth mentioning that not… Continue reading 10 Website Design Must-Haves For Any Small Business

22 Exciting New Tools For Designers, June 2021

This month’s new tools and resources collection is a mixed bag of elements for designers and developers. From fun little divots to tools that can speed up development, you are sure to find something usable here. Here’s what new for designers this month: June’s Top Picks Codewell Codewell is a service to help you learn,… Continue reading 22 Exciting New Tools For Designers, June 2021

The Ultimate Guide to Creating a Socially Conscious Web Design

June 10, 2021 by Sangalang Kristine Leave a Comment A socially conscious web design prioritizes the experiences of users over aesthetics. Design working hand-in-hand with social responsibility is a fairly new concept. It is only in the recent decades that we have started to call out stereotypes reflected in conceptualizing web design. Web design, or… Continue reading The Ultimate Guide to Creating a Socially Conscious Web Design

Is It Time to Reset HTML?

HTML is one of the foundational building blocks of the Web. But just as web design best practices and techniques change over time, so does the code we use. As HTML evolves, some of its older markup has been deprecated while other parts have been repurposed. Does that create more problems for us, though? Would… Continue reading Is It Time to Reset HTML?

Type traps, design maxims, new Figma, UI tips collection

[unable to retrieve full-text content] Weekly curated resources for designers — thinkers and makers. “One of the fundamental forces behind my journey is the opportunity to connect and collaborate with other designers. Building relationships is a crucial part of what we do. I’ve always been a people person myself. That’s just part of my nature. I’m a strong believer… Continue reading Type traps, design maxims, new Figma, UI tips collection

Four Free Flutter Widgets You Should Know About

Flutter development has experienced unprecedented growth in the last year. Not only has it expanded as a channel for developers to expand their skillset in Dart, but it has also allowed them to enjoy the perks of a single codebase. Whether you are making a widget on Flutter or looking for a Flutter widget that could make a… Continue reading Four Free Flutter Widgets You Should Know About

System Fonts: All You Need to Know

In this tutorial, we’ll be taking a look at system fonts. We’ll be going over what exactly system fonts are and what they aren’t! We’ll be looking at them from a design perspective, discussing the pros and cons of system fonts. We will also be exploring system fonts in popular culture, and we’ll touch briefly… Continue reading System Fonts: All You Need to Know

SWM Icon Pack: 300 ready-to-use vector icons for UI

SWM Icon Pack is an incredible collection including 300 vector icons that might come in handy when building user interfaces. Icons are based on 24px grid, and provided in 3 different styles (outline, broken, duotone). In addition, you can download the freebie from the Figma Community, or get the sliced SVG and import them into… Continue reading SWM Icon Pack: 300 ready-to-use vector icons for UI

Android Essentials: Creating Simple User Forms

Android applications often rely upon data supplied by users. This tutorial walks you through the creation and use of a number of the most common controls used to collect data from the user. Getting Started For this tutorial, you will design and implement a membership registration form. Whether you’re in charge of recruiting members for… Continue reading Android Essentials: Creating Simple User Forms

Working With Tables in React: Part Two

In this two-part series, you will learn about the ins and outs of working with tabular data in React using the React Bootstrap Table2 component. You’ll be able to create sophisticated and professional-looking tables with little effort and yet be able to customize every aspect. In this part, we’ll continue the journey by expanding rows,… Continue reading Working With Tables in React: Part Two

How to Make a Live Chat Script in PHP

In this article, we’ll discuss how you can make a live chat script in PHP. Although there are different ways you could achieve this, we’ll use a socket-based implementation. If you’re building a community site which involves user engagement, it’s useful to provide a way for users to discuss ideas in real time. When it… Continue reading How to Make a Live Chat Script in PHP

Pixel Lite: Free Bootstrap 5 UI kit

Pixel Lite is a free UI kit based on Bootstrap 5, that you can use for building websites and landing pages. This kit also provides a ready-made HTML template featuring 80 fully coded UI elements, Sass source files, and much more. Among nice-looking modular section, it includes a lot of components such as accordions, alerts,… Continue reading Pixel Lite: Free Bootstrap 5 UI kit

InVision hype, card game in Figma, how to estimate design work

[unable to retrieve full-text content] Your weekly list of curated design resources, brought to you by your friends at the UX Collective. Things were still good on the InVision train, at least for us designers. But for InVision, the writing was on the wall. Or, it should have been. These new design tools were a… Continue reading InVision hype, card game in Figma, how to estimate design work

6 Tools for Rapid Cross-Device Website Testing

When creating a website, it’s vital to remember that not only does it need to work and look great on the device you are creating it on, but on all the other devices, it might be used on too. Mobile and tablet optimization is important not only for the user journey but from an SEO… Continue reading 6 Tools for Rapid Cross-Device Website Testing

Free dashboard UI kit

The first freebie of 2021 is a dashboard UI kit designed by Tran Mau Tri Tam. It’s a Sketch file including a bunch of appealing ready-made widgets that you can use to get inspired, and bootstrap your admin dashboard design! Download freebie

UX challenge: Teaching a person who is blind to design

[unable to retrieve full-text content] Designing a system for the visually impaired to recognize color. It’s been a year since I published my very first article and it was about solving a problem in accessibility. This problem bothered me for a good half of my life. I finally think that I’ve opened a door to… Continue reading UX challenge: Teaching a person who is blind to design

Play Clash of Clans on PC with the Best Emulator

Clash of Clans is one of the most played and oldest games, which is about to complete nine years in August 2021. Supercell is behind this famous and trending game, which has been famous for not just one year. The game somehow still attracts a lot of new and old players. The game has a… Continue reading Play Clash of Clans on PC with the Best Emulator