UX/UI Design Trends Going Into 2024
Take a look at some of the trends that are here to stay and are taking over the web.

Preparing For Interaction To Next Paint
Next year, Interaction to Next Paint will replace First Input Delay as a Core Web Vital metric.

2024 Icon Design Trends
Discover the latest icon design trends to level up your mobile UI and product branding.

Free Slab Serif Fonts for Creatives
Explore the striking aesthetic and functional power of free slab serif fonts.

BrandGuide
A curated collection of brand guidelines from around the world.

Scroll Fading 101
Scroll fading can improve brand perception, optimize load time, and make content more digestible.

Aileron Free Font
Free font avaible in UltraLight, Thin, Light, Regular, SemiBold, Bold, Heavy, Black, and Italic styles.

How to Create an Interactive Mouse Effect
Learn the fundamentals of Three.js Instancing in this Codrops tutorial.

Getting Started with Web Performance
Gained knowledge, confidence, understanding, and resources to test, diagnose and make websites perform better.

What’s Slowing Down Your WordPress Website?
Here are a few simple tips to help identify and address performance issues.

Wanted Sans Free Font
A new, free sans-serif font from Wanted.

Front Tips
Collections of short video tips covering all areas of web development.

SVG Tutorial
Learn how to code images in HTML with SVG.

Evolving the Infinite Canvas

A Recap of the State of the Word 2023

The post Weekly News for Designers № 724 appeared first on Speckyboy Design Magazine.

CSS & JavaScript Snippets for Gradients
A collection of code snippets for creating amazing gradients.

On-Scroll Sliced Text Animation Tutorial
Discover how to craft a scroll-triggered sliced text animation, in which segmented elements come together as you scroll.

Does Web Design Matter?
Dan Mall discusses the direction web design is taking and whether the old ways of doing things are still worthwhile.

Is the Flat Design Trend Finally Over?
Designers may find themselves at a crossroads, torn between the simplicity of flat design and the allure of more intricate and three-dimensional design elements.

User Interface Typography
A free eBook that delves into the art of effective user interface typography. It covers everything from fundamental principles to constructing layouts and incorporating diverse design elements.

Psychology of Speed
A detailed guide to perceived performance in web design.

Double Exposure & Duotone Photoshop Action Sets
Transform your photos with stunning duotone or double exposure effects using these fully customizable and easy to use Photoshop actions.

The hanging-punctuation Property in CSS

You Don’t Need JavaScript for That
Just because you know something needs JavaScript, doesn’t mean it still does.

CSS Wrapped 2023
Significant advancements were made in CSS this year. Explore the latest features and updates that were introduced in Chrome and across the web this year.

Retool State of AI Report 2023
Discover how many are actually using and building with AI.

10 Weird HTML Hacks That Shaped The Internet
These HTML code quirks may seem unlikely to function, yet they manage to do so.

The State of UX in 2024
What to expect for User Experience (UX) Design in the next year.

The Lack of Compensation in Open Source Software is Unsustainable

CSS Hooks
Hook into advanced CSS features from native inline styles.

Deceptive Patterns in UX: How to Recognize and Avoid Them

The post Weekly News for Designers № 723 appeared first on Speckyboy Design Magazine.

A Faster Web in 2024
An article that highlights some of the performance progress we’ve seen this year, and the room for improvement.

aisplash
A free AI-generated stock photo resource.

Emailspiration
A collection of beautifully designed emails and newsletters for inspiration.

What to Look For in Maintenance-Only Clients
Are you looking for maintenance-only web design clients? Here are some things to consider, along with how to determine your business goals.

Getting Started with CSS Container Queries
What are they, and how can you use them to build more robust, flexible layouts?

State of JavaScript 2023

Ark UI
A new headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks.

Free Watercolor Brush Sets for Photoshop
A collection of free Photoshop brushes for creating watercolor-styled designs. Delicate flowers, delicate splashes, and more.

NeoBrutalismCSS
A new design framework that embraces the aesthetics of neo-brutalism in web design.

NinjaBootstrap
A collection of SCSS utilities that configure and extend Bootstrap 5, to add the missing utility classes you really need.

CSS Nesting
A major feature that will enhance how you write CSS.

Introducing Twenty Twenty-Four
A behind-the-scenes look at Twenty Twenty-Four, the most expressive and capable WordPress default theme yet.

The post Weekly News for Designers № 722 appeared first on Speckyboy Design Magazine.

10,000 Years Saved
Discover how Core Web Vitals saved users 10,000 years of waiting for web pages to load.

Using CSS content-visibility to Boost Rendering Performance
Discover the benefits of content-visibility and those situations where it might not be suitable.

Cookie Permissions 101
These cookie permission design guidelines will help you develop long-term relationships with your users and improve brand loyalty.

Dynamic Tooltip Reveal Animations
A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.

Hideo Free WordPress Theme
A new free portfolio WordPress theme from Anders Norén.

Designing Web Design Documentation
This article covers some considerations for designing documentation, as well as shares some useful resources and at your disposal.

Ad Banner Mockup Templates
A collection of photorealistic ad banner mockup templates. All are easy to edit and will quickly help turn your designs into reality.

State of the Designer 2023
Figma have surveyed designers in Europe and APAC to explore whether changes in working patterns, collaboration, and relationships with other departments have left designers in a good place.

HTML First
A set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable.

Why You Should Use PX Units for Margin & Padding

A Web Designer’s Secrets to Longevity
Being a web designer for 25+ years is hard to fathom. So much has changed, and achieving longevity in web design is really not easy.

The Web Can Do What!?
Created by the Chrome for Developers team, this is a showcase of some of the incredible capabilities of the modern web.

Letter & Spirit of Web Development
Jens Meiert discusses the benefit of thinking of letter and spirit in more than just law, but in web development, too.

The post Weekly News for Designers № 721 appeared first on Speckyboy Design Magazine.

Open-Source RadiantKit
A new development framework for building graphics applications in Figma and Canva. It’s free and open source.

The Pros & Cons of Customizing WooCommerce
It’s great that you can make WooCommerce your own. But customization comes with risks, so here are some tips to help you along the way.

Animotion
A new web-based visual CSS animation editor.

Monaspace Type System
A new monospaced type family that consists of five variable axis typefaces.

The New CSS Math: rem() and mod()
This series aims to look at each function with common use cases and the less common as well.

Develop Processes for These Web Design Tasks
Small web design tasks can become inefficient, especially at scale. Developing new processes for these tasks can help.

Understanding Accessibility
This new website has been created to address the lack of accessibility knowledge and understanding.

Buttons.cool
A collection of copy and paste CSS buttons. All buttons have been sourced from CodePen.

UI Considerations for Designing Large Data Tables
Data powers our world but the user interface often gets in the way. Learn design techniques to build better data tables.

Creating Accessible UI Animations
How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion?

Web Design When a Logo Is Your Only Brand Asset
Smaller organizations and clients may only have a basic logo and no other brand assets. But is that enough to build a web design around?

Surprising Facts About New CSS Selectors

Introducing the Twenty Twenty-Four WordPress Theme
Learn all about the new default WordPress theme, and how it can be used on any type of site.

The post Weekly News for Designers № 720 appeared first on Speckyboy Design Magazine.

State of Brand Report 2023
Discover key insights into the trends, challenges and strategies of branding this year.

Internet Artifacts
Explore artifacts from the early days of the internet right up until the present day.

Naming Variables In CSS
Some collected thoughts from Jonathan Dallas related to naming CSS Custom Properties.

The Negative Impact of Mobile-First Web Design on Desktop
Mobile-first web designs cause significant usability issues when viewed on desktop.

Free T-Shirt Mockup Templates for Photoshop
These free realistic iPhone mockup templates are perfect for showcasing the UI or UX of your mobile app design or responsive website.

Introducing Learn Performance Course
This is new and free course is intended for those that care about web performance, but may be just beginning to get familiar with it.

It’s 2023, Here is Why Your Web Design Sucks
Heather Buchel explores the reasons why we no longer have web designers.

State of React 2023

Let’s Reinvent the Wheel

The 2023 Design Tools Survey
This survey gathers usage data from thousands of designers each year and many of the design companies you know use this data to better understand and improve the design tools industry.

CSS & JavaScript Snippets for Creating Notification UIs
A collection of CSS and JavaScript code snippets for creating unique notification and alert systems and UIs.

Image Layer Animations with Clip-Path
Some ideas for speedy page transition animations with layered images using clip-path.

Common Questions About Interpreting Page Speed Reports
Take a closer look at how various performance tools audit and report on performance metrics, such as core web vitals.

Geist Font
A new and free typeface that has been specifically designed for developers and designers.

Photoshop Action Sets for Cinema & Movie Effects
A collection of one-click cinema & movie effect Photoshop action sets that will take your photos to the next level.

The post Weekly News for Designers № 719 appeared first on Speckyboy Design Magazine.

Protomaps Open-Source World Map
A new, free, open source map of the world, deployable as a single static file on cloud storage.

Ideas for Image Motion Trail Animations
Some examples for mouse or touch responsive animations where images are shown along the path of the user motion.

2023 Design Collaboration Report
370+ designers across different industries contribute their thoughts on design collaboration

The Grumpy Designer Ponders What It Means To ‘Learn’ AI
What should web designers be learning about AI? Do we need to learn anything at all? The Grumpy Design has a few unscientific ideas to share with you.

CSS Findings From Photoshop Web Version
Ahmad Shadeed dives into the CSS of the new web version of Photoshop.

The Three Cs
When serving and storing files on the web, there are a number of different things we need to take into consideration: Concatenate, Compress, Cache.

Introduction to Web Sustainability
Learn how you you can contribute to building a greener and sustainable web.

Scroll-Driven State Transfer

Best Photographer Logo Templates in 2023
A collection of templates for creating a stunning logo for photographers, or inspiration for designing your own.

Design Books for Non-Designers
A collection of books to give non-designers a better understanding of design.

Solid.js Creator Outlines Options to Reduce JavaScript Code
Ryan Carniato, the mind behind Solid.js, believes it’s time for a leaner JavaScript. Here’s his guide to trimming the code.

Burn Your Toast
When using a toast component, the key question is: Is the content necessary?

The post Weekly News for Designers № 718 appeared first on Speckyboy Design Magazine.

Best Practices for an Intuitive Mobile Dashboard UI

Tips for navigation, tables and charts, button UX, and interactivity to create a smooth mobile dashboard experience.

Get into the Halloween Spirit with These Spooky Snippets

Creative examples of how you can turn CSS, HTML & JS into something spooky. Turn the lights down and prepare yourself for some Halloween fun!

The Secret Formula for Apple’s Rounded Corners

Arun Venkatesan delves into the hidden formula that determines the roundness of each Apple product.

When to Nest CSS

CSS nesting is a great addition to the language, but it should be used with caution.

Unstock SVG Icons

Free AI generated SVG icons.

Where Does Dreamweaver Fit in Modern Web Design?

It’s worth asking whether the popular code editor Dreamweaver still has a place in modern web design. Has it become irrelevant?

Scrollbars are Becoming a Problem

Scrollbars are getting smaller and this is increasingly becoming a problem.

Styling External Links with Attribute Selectors

Learn how to use attribute selectors to style external links.

Why WordPress Theme & Plugin Demos Aren’t Easy

Both users and product makers could benefit from demos. But there are challenges involved. Here’s a look at what stands in the way.

The Unpredictable Life of a Freelance Web Designer

Sometimes web designers need to shift gears faster than a Ferrari. How do we cope with it? And what can we do to lessen the need?

Preparing for the End of Third-Party Cookies
If your site uses third-party cookies it’s time to take action as we approach their deprecation.

What is Design-Driven Development?

State of the Woo 2023

The post Weekly News for Designers № 717 appeared first on Speckyboy Design Magazine.

The Problem With WordPress Is Positioning, Not Plugins

Geoff Graham explores a divide between WordPress.org and WordPress.com, shedding light on the blurred lines between open-source ideals and commercial interests.

Animating Multi-Page Navigations with Browser View Transitions & Astro

A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience.

Here’s What It Was like to Build a Website in the 90s

Building a website in the 90s was undeniably different. There were mistakes, but that’s OK, as the lessons learned have brought us to the present.

Photoshop is Now on the Web!

Bringing Photoshop to the web represents an enormous milestone in bringing highly complex and graphically intensive software to the browser.

Limit the Reach of Your Selectors with the CSS ‘@scope’ at-rule
Learn how to use @scope to select elements only within a limited subtree of your DOM.

Building Motion for the Web: Recipes for Design Success

Explore how to borrow ideas from the animation industry, adapt them to the unique challenges of the web, and find the perfect balance between creativity and efficiency.

How Long Does It Take to Build a Website?

We look at the many factors that can impact a web design project’s launch date and share tips for determining its length more accurately.

Table of Contents: The Ultimate Design Guide

When designing a table of contents, carefully compare different placement and styling options to maximize usability.

The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

Learn how you can now use the CSS utility function named light-dark() to switch between Light and Dark modes.

10 Principles for a Worthy Design Career

Dan Mall shares his freelance experience into ten pieces of advice for tackling complex tasks, preventing burnout, and fostering continuous learning.

How to Build a 404 Page with the WordPress Site Editor

We show you how the WordPress Site Editor can help you build a custom 404 page. Don’t take your 404 page for granted!

mobilecn Ui Kit

A UI library of customizable and easy-to-use components for building mobile apps quickly.

An Anchored Navbar Solution

The Frustrating State of the Word

The thoughts of William Bay on WordPress leadership, community, development process, and the resulting product lately.

The post Weekly News for Designers № 716 appeared first on Speckyboy Design Magazine.

Fullscreen Image Slideshow Animations – A collection of ideas for designing slideshow animations on fullscreen images from Codrops.

Lightroom Mobile Presets – A collection of free presets for Lightroom Mobile that will allow you to enhance your mobile photos with just a few clicks.

Responsive Type Scales with Composable CSS Utilities – Create truly fluid type scales, with composable and responsive type utilities that let your type resize to the viewport.

Branding Identity Mockups – A collection of branding identity mockup templates. Business cards, coffee cups, stationery, and much more.

Influence the Future of WordPress – Take the 2023 WordPress annual survey and help influence the future of WordPress.

WordPress Plugins for 2023 – This collection features eight essential WordPress plugins for small business owners and web designers.

25 Years of Google Search – Celebrate 25 years of developer trends and the history of Google Search.

Micro Tips for Remarkably Better Typography – Eight micro tips in less eight minutes to help make your typography stand out.

Is the Fast & Cheap Website Still Realistic? Should fast and cheap website design be tossed into the dustbin of history?

GitHub Repositories for JavaScript Mastery – A list of GitHub repositories that are super-useful to JavaScript developers of all experience levels.

In-Page Links for Content Navigation – Research shows increased user familiarity with in-page links, but carefully consider content structures before implementation.

Naming Things Needn’t be Hard – Find inspiration for naming things (HTML classes, CSS properties or JavaScript functions) using these lists of useful words.

The Difference Between Cheap & Budget Clients – A cheap client will expect you to bend to their needs. While a budget client will be happy to compromise. Choose wisely.

There’s No such Thing as a Desktop Screen – Next time you think “this is a desktop-only app,” think again. Responsiveness is a bit more nuanced than that.

The post Weekly News for Designers № 715 appeared first on Speckyboy Design Magazine.