UX Collective

JANUARY 4, 2022

Carbon Design System (IBM) Documentation and use of related scales for different system components (grids, typography, spacing, etc.); Backpack (Skyscanner) Definitions and examples of using the tone of voice; Detailed inventory of all system design tokens; Availability of several versions of components (web, react, etc.);

Theme 94

Theme Consulting Publication Architecture 94

UX Collective

FEBRUARY 13, 2024

Elevating user experience through intelligent content enhancement and personalization. When devising features that involve either content generation or presentation, it’s crucial to consider the potential role of Generative AI. Yet, many products could benefit from similar innovations.

Production 91

Production Presentation Illustration Illustrator 91

Inkbot Design

FEBRUARY 24, 2024

The layout directly impacts how easy and engaging your content is to read and navigate. Grids establish alignments, proportions and spacing to organise content logically and flexibly. Modules – Modules are divisions within the grid columns, e.g. main content vs sidebars. Turn off for final designs.

Layout 81

Layout Fonts Typography Print 81

UX Collective

MARCH 22, 2024

Table of contents Multi-select matching layers Multi-edit text Multi-edit variants Rename layers in bulk Use Smart Animate prototype settings Prototype with sections Customize your home page’s sidebar View a component’s playground Min & max width / height for parent frames Use ‘big nudge’ to edit auto-layout, padding values, etc.

Layout 100

Layout Animation Publishing Publishing 100

Inkbot Design

NOVEMBER 28, 2023

Optimise your Website Speed Site speed is a critical component of the user experience. Most content management systems and hosting providers offer built-in caching options. Here is how to optimise navigation: Include Search Functionality On-site search allows quick access to find products, pages, and content.

Coding 81

Coding Education Templates Architecture 81

Smashing Magazine Graphics

OCTOBER 1, 2021

Giving users the ability to quickly search through and navigate our content easily comes with great benefits. We’ll be using Nuxt Content, “Git Based Headless CMS” which allows us to create and manage content using Markdown, XML, JSON files, and so on. Install Nuxt Content Separately. Miracle Onyemna.

Templates 106

Templates Coding Client Fonts 106

Inkbot Design

JULY 19, 2023

Regardless of what kind of business you're running, your website is a crucial component you must pay attention to. Conversely, if your objective is to attract more registered users, you should emphasise the components of your website that facilitate user sign-ups and engagement. It's like the face you show to the world on the internet.

Web Design 127

Web Design Web Design Internet and Software Development Arts and Crafts 127

Noupe

MARCH 19, 2024

We’ll explore how particular web design components might be enhanced in this post to draw in visitors and turn them into quality leads. This is the point at which text and visual components come together to encourage users to interact with your content or services, emphasize important offerings, and tell the story of your brand.

Web Design 62

Web Design Web Design Color Schemes Color 62

SpeckyBoy

JUNE 3, 2022

A Perfect Table of Contents With HTML + CSS – How to craft an attractive and easy-to-read table of contents with some clever CSS. Building a button component – How to build color-adaptive, responsive, and accessible <button> components. WordPress 6.0

Arts and Crafts 96

Arts and Crafts Photoshop Web Design Web Design 96

HONGKIAT

APRIL 26, 2022

It comes with the essential tools to create a functional website such as automatic code splitting, routing, and components with everyting pre-configured so you can focus on being productive. Components AI. It is a tool to develop and test components. For example, you can use MasonryGrid component to show content in Masonry grid.

Web Design 111

Web Design Web Design Layout Animation 111

HONGKIAT

SEPTEMBER 22, 2023

You can pick one, copy its code, or customize it by adjusting individual UI components. The tool offers various customization options for tailoring sitemap structure and content. It includes an array of popular libraries like React Testing Library, styled-components, React Query, Axios, and Prettier.

Web Design 101

Web Design Web Design Coding Templates 101

Graphic Design Junction

APRIL 17, 2023

With the increasing use of mobile devices to access the internet, responsive design has become an essential component of modern website design. In contrast, modern websites often feature simple, uncluttered designs that allow users to focus on the content. Use a legible font size and typeface to ensure readability.

Web Design 127

Web Design Web Design Color Schemes Fonts 127

Inkbot Design

AUGUST 11, 2023

It involves structuring, organising and labelling content and functionality intuitively that fulfils user needs and goals. IA informs the creation of site maps, wireframes, taxonomies and content inventories. Skilled information architects uncover user insights and thoughtfully connect content to business goals.

Architecture 90

Architecture Production Digital Patterns 90

HONGKIAT

MARCH 29, 2023

These kits will not only boost your creative flow but also provide valuable insights and let you tweak components in minutes. Free News and Blog Responsive Template We open up the list with a clean magazine concept that offers many possibilities for establishing content in a modern way. Grab a cup of coffee and enjoy! What’s inside?

Production 100

Production Fonts Layout Templates 100

Inkbot Design

FEBRUARY 23, 2024

The Components of a Web Development Team Building a website or web application takes a coordinated effort from various professionals. The following sections explore effective group dynamics for aligning all these components. A web dev team brings people with complementary skill sets to meet project needs.

Project Management 86

Project Management Coding Architecture Production 86

Designs.Ai

JULY 18, 2023

In today’s digital age, video content is king. With video content becoming a non-negotiable component of most marketing strategies, the need for an efficient, effective, and innovative video […] The post Transform Video Production with Designs.ai’s Videomaker appeared first on Designs.ai.

Production 52

Production Marketing Marketing Digital 52

Inkbot Design

FEBRUARY 7, 2024

Let's explore how Material Design philosophies manifest across these three critical elements of digital interfaces: Material Design Surfaces Surfaces in Material Design refer to the canvas and components where content and actions live. Premium aesthetics preview content. Familiar Material surfaces like cards sort topics.

Layout 77

Layout Animation Production Graphic 77

Inkbot Design

APRIL 5, 2024

We'll cover research, positioning, brand architecture, visual identity, content strategy , and more—everything you need to craft a standout brand that represents the heart and soul of your company. Key components: Brand Essence : 3-5 words or traits that capture the brand's essence. Where do you even start?

Brand 84

Brand Branding Arts and Crafts Architecture 84

SpeckyBoy

JUNE 16, 2023

WordPress has a new AI tool that will write blog posts for you – Jetpack AI Assistant can generate content within the WordPress block editor. Flowbite React – An open-source UI component library built on top of Tailwind CSS with React components. Rewind UI – Explore this customizable React-Tailwind CSS component library.

Web Design 79

Web Design Web Design Patterns Coding 79

UX Collective

FEBRUARY 22, 2022

Even if you are only responsible for the design library in Figma, it is very important from the very beginning to build it as a system, not just a set of components and styles. Take a lot at this article, to check how to use effectively use tokens in Figma for spacing components. Crafting Component API, Together 4.

Production 89

Production Coding Color Brand 89

UX Collective

NOVEMBER 14, 2022

A card is a UI component that creates a visually distinct group of logically related information. summarising the content of the resulting page?—?and Product Catalogs pages : big e-commerce websites such as Amazon, Alibaba, Walmart, and eBay use card components to represent each product item. That’s very time-saving!

Fonts 86

Fonts Layout Production Color 86

SpeckyBoy

APRIL 7, 2023

Visually Hidden Content is a Hack that Needs to be Resolved, not Enshrined – The downside of hiding content via CSS. Fighting Inter-Component HTML Bloat – How component authors can encourage “good markup hygiene” CSS Masking – Learn the secrets behind CSS masking, complete with use cases.

Web Design 90

Web Design Web Design Coding Templates 90

Inkbot Design

NOVEMBER 29, 2023

UX writers employ tools like simplicity, clarity, empathy, and strategic messaging to create compelling content that supports the overall user experience. UX Writing Best Practices Now that we’ve covered the importance of UX writing, what are some best practices for creating compelling content?

Arts and Crafts 88

Arts and Crafts Production Digital Marketing 88

SpeckyBoy

NOVEMBER 15, 2021

It is relatively easy to customize mobile-first framework that includes ready-made design patterns and comes packaged with a vast library of components and widgets. Table of Contents. Now, powered by Bootstrap 5, the free template comes bundled with a multitude of layouts, widgets, components, and so much more.

Templates 145

Templates Color Schemes Theme Coding 145

SpeckyBoy

OCTOBER 13, 2023

Table of Contents: The Ultimate Design Guide When designing a table of contents, carefully compare different placement and styling options to maximize usability. mobilecn Ui Kit A UI library of customizable and easy-to-use components for building mobile apps quickly. Don’t take your 404 page for granted!

Photoshop 83

Photoshop Animation Freelance Freelance 83

SpeckyBoy

OCTOBER 23, 2023

See the Pen error, success, warning and alert Messages by Swarup Kumar Kuila Info, Warning, and Alert Site Components by Dom Jay These notification components are a fit for long-form content. Use them to display important details in an online course. Or as a call-out box within a blog post.

Animation 87

Animation Color Media Web Design 87

Inkbot Design

FEBRUARY 23, 2024

If the design is clean, intuitive, visually appealing, and aligns with the brand, visitors are more likely to explore further, interact with site content, and convert to customers. Optimise Page Speed Site speed is a foundational component of the overall user experience.

Web Design 78

Web Design Web Design Fonts Brand 78

HONGKIAT

MARCH 30, 2023

Read more Docus Docus is a framework that allows you to write documentation using Markdown and Vue components. It’s built on top of Nuxt architecture and comes with over 50 components for building pages, navigation, and table of contents. Kitchen Kitchen provides customizable styled-components in React or React Native.

Web Design 94

Web Design Web Design Coding Layout 94

SpeckyBoy

MARCH 17, 2023

Atomize 3.0 – This design system for Figma includes 150+ styles and 3,000+ components. Simple Ways to Make Content Look Good – Tips for dressing up basic textual content. Free Brochure Templates for Adobe InDesign – Explore a wide variety of templates suitable for a range of businesses and projects.

Templates 89

Templates Web Design Web Design Theme 89

Inkbot Design

SEPTEMBER 30, 2023

Several Key Components of SaaS SEO Include: 1 – Thorough Keyword Research It implies identifying relevant phrases that potential customers use when searching online. These keywords are incorporated into your website content and metadata to enhance visibility.

Marketing 87

Marketing Marketing Brand Branding 87

Noupe

AUGUST 4, 2022

Finding the ideal balance between the title, content, photos, and design is crucial. Following that, you may experiment with color, alter forms, modify background textures, and apply stylish typography in order to complement the content. The title, subtitle, and body content of the poster should be arranged according to size.

Color 109

Color Fonts Color Schemes Production 109

SpeckyBoy

AUGUST 31, 2021

Right out of the box, you have a set of UI elements and components that cover just about every use case. It’s built with customization in mind, making it a fairly straightforward process to change various components to meet your needs. Creating your own components is also possible. It also extends to theme developers.

Web Design 122

Web Design Web Design Theme Coding 122

SpeckyBoy

AUGUST 12, 2022

Large Image to Content Page Transition – Follow along as this tutorial demonstrates a simple scroll effect and page transition. Minimal UI Kit – A free React admin dashboard with Material UI components. How to Effectively Critique a Client’s Ideas – Ways to share your opinion without offending clients.

Templates 94

Templates Theme Animation Client 94

Inkbot Design

NOVEMBER 29, 2023

HTML: The Bones of Web Content HyperText Markup Language (HTML) provides the basic structure and content that forms the backbone of websites and web apps. Consider HTML the “bones” that give shape, contain content, and establish semantics. Why Learn HTML? It is very beginner-friendly to learn.

Internet and Software Development 93

Internet and Software Development Coding Layout Programming 93

We And The Color

SEPTEMBER 4, 2023

We will explore the key components of a successful branding strategy tailored to the unique demands of outdoor trend sports. Content Strategy : Create content that speaks to your audience’s interests and needs. Encourage user-generated content and foster a sense of belonging.

Sports 111

Sports Brand Branding Graphic Design 111

Inkbot Design

DECEMBER 12, 2023

Overview of Mobile UI Design Considerations When designing mobile UIs, there are some key considerations to keep in mind: Limited Screen Real Estate – Mobile screens are much smaller than desktop screens, so content needs to be concise, and space must be used wisely. Overlays enhance context and continuity.

Production 87

Production Media Layout Gallery 87

We And The Color

DECEMBER 28, 2022

Uncover the strategies for producing compelling content to attract more followers and develop your brand. With this course, he is imparting his knowledge and secrets on how to craft videos with captivating content that resonates with your specific niche audience. Unlock the power of TikTok today! Take the course at Domestika.

Arts and Crafts 114

Arts and Crafts Media Brand Branding 114