#web-design

[ follow ]
LogRocket Blog
1 month ago
Web design

Symmetrical and asymmetrical balance in web design - LogRocket Blog

Good web design is built on fundamental principles like contrast, hierarchy, repetition, whitespace, and balance for cohesive and functional design. [ more ]
#seo
Entrepreneur
1 month ago
UX design

These Website Mistakes Could Be Costing You Thousands. Here's How to Maximize Your Return and Drive More Sales. | Entrepreneur

You may be losing money on your website due to poor user interface, slow speeds, and bad design practices impacting conversions. [ more ]
Forbes
3 months ago
Web design

Council Post: 10 SEO Tips For Beginners

SEO is crucial for more web traffic and business/sales. Website performance optimization is key for better search results. [ more ]
Entrepreneur
1 month ago
UX design

These Website Mistakes Could Be Costing You Thousands. Here's How to Maximize Your Return and Drive More Sales. | Entrepreneur

You may be losing money on your website due to poor user interface, slow speeds, and bad design practices impacting conversions. [ more ]
Forbes
3 months ago
Web design

Council Post: 10 SEO Tips For Beginners

SEO is crucial for more web traffic and business/sales. Website performance optimization is key for better search results. [ more ]
moreseo
#accessibility
LogRocket Blog
1 month ago
UX design

A guide to defending accessibility to skeptical stakeholders - LogRocket Blog

Advocacy for accessibility is crucial in design to benefit everyone, with a significant need highlighted by the high percentage of websites failing WCAG 2 standards. [ more ]
Elly Loel
3 months ago
Web design

Front-end development's identity crisis

Specializing in specific areas like web design and accessibility is valuable despite the trend towards full-stack development.
Different coding languages suit different people, and forcing expertise in all areas can lead to subpar work. [ more ]
Uxmatters
4 months ago
UX design

How to Design an Accessible Web Site for People with Color-Deficient Vision

Don't rely only on color
Use alternative shapes, patterns, textures, or labels for clarity in design [ more ]
LogRocket Blog
5 months ago
Web development

Build an off-canvas menu with and web components - LogRocket Blog

Off-canvas menus are a common pattern in web design, often seen on mobile websites
Creating an accessible off-canvas menu involves considering factors such as ARIA attributes and focus trapping [ more ]
LogRocket Blog
1 month ago
UX design

A guide to defending accessibility to skeptical stakeholders - LogRocket Blog

Advocacy for accessibility is crucial in design to benefit everyone, with a significant need highlighted by the high percentage of websites failing WCAG 2 standards. [ more ]
Elly Loel
3 months ago
Web design

Front-end development's identity crisis

Specializing in specific areas like web design and accessibility is valuable despite the trend towards full-stack development.
Different coding languages suit different people, and forcing expertise in all areas can lead to subpar work. [ more ]
Uxmatters
4 months ago
UX design

How to Design an Accessible Web Site for People with Color-Deficient Vision

Don't rely only on color
Use alternative shapes, patterns, textures, or labels for clarity in design [ more ]
LogRocket Blog
5 months ago
Web development

Build an off-canvas menu with and web components - LogRocket Blog

Off-canvas menus are a common pattern in web design, often seen on mobile websites
Creating an accessible off-canvas menu involves considering factors such as ARIA attributes and focus trapping [ more ]
moreaccessibility
Medium
1 month ago
UX design

5 New Amazing UX/UI tools and updates for UX designer

New tools and updates in UX design enhance product uniqueness. [ more ]
#user-experience
LogRocket Blog
1 month ago
JavaScript

Enhance CSS view transitions with Velvette - LogRocket Blog

Effective page transitions enhancing user experience and reducing cognitive load.
Velvette library simplifies complex view transition implementations. [ more ]
Brad Frost
3 months ago
UX design

Should designers code?

Designers should understand important web concepts and work with the medium they're designing for, like the web [ more ]
GitHub
3 months ago
JavaScript

GitHub - garronej/screen-scaler: One-size-fit-all web design: Screen-size agnostic development environment.

Design for specific screen size can enhance user experience
Screen-Scaler automatically adjusts app to fit any screen size [ more ]
Medium
3 months ago
Web design

3 Books to help you understand Web Minimalism in Design

Minimalism is a philosophy emphasizing simplicity, functionality, and clarity in web design.
Understanding minimalism in web design requires knowledge of principles and history. [ more ]
Uxmatters
3 months ago
Web design

How Web-Site Design and Social Media Work Together

Integrate social media into web design
Create seamless user experience [ more ]
eLearning
4 months ago
Web design

How to add an image to replace the grey section of learner login page? - eLearning

Adding image to replace the grey section of learner login page for visual appeal.
Current grey section background on login page is not customizable. [ more ]
LogRocket Blog
1 month ago
JavaScript

Enhance CSS view transitions with Velvette - LogRocket Blog

Effective page transitions enhancing user experience and reducing cognitive load.
Velvette library simplifies complex view transition implementations. [ more ]
Brad Frost
3 months ago
UX design

Should designers code?

Designers should understand important web concepts and work with the medium they're designing for, like the web [ more ]
GitHub
3 months ago
JavaScript

GitHub - garronej/screen-scaler: One-size-fit-all web design: Screen-size agnostic development environment.

Design for specific screen size can enhance user experience
Screen-Scaler automatically adjusts app to fit any screen size [ more ]
Medium
3 months ago
Web design

3 Books to help you understand Web Minimalism in Design

Minimalism is a philosophy emphasizing simplicity, functionality, and clarity in web design.
Understanding minimalism in web design requires knowledge of principles and history. [ more ]
Uxmatters
3 months ago
Web design

How Web-Site Design and Social Media Work Together

Integrate social media into web design
Create seamless user experience [ more ]
eLearning
4 months ago
Web design

How to add an image to replace the grey section of learner login page? - eLearning

Adding image to replace the grey section of learner login page for visual appeal.
Current grey section background on login page is not customizable. [ more ]
moreuser-experience
Codrops
1 month ago
Graphic design

A Selection of Fonts That Future-Proof Your Web Design | Codrops

Good font choices are timeless and can inspire web design projects. [ more ]
Forbes
1 month ago
Web design

Council Post: How To Optimize Your Law Firm's Contact Page: Do's And Don'ts

An optimized 'contact us' page can significantly impact client conversions on legal websites. [ more ]
Bestjquery
1 month ago
jQuery

Counter Style 282

Developing a website involves incorporation of various interactive features like 3D slider, autocomplete, barcode, blur effect, etc. for enhanced user experience. [ more ]
Speckyboy Design Magazine
1 month ago
Web design

Creativity Hasn't Left Web Design - It's Just Different

Creativity in modern web design may involve using premade elements and components, shifting from building sites from scratch. [ more ]
Bestjquery
1 month ago
jQuery

Link Hover Style 266

The article discusses how to create a 3D slider using HTML, CSS, and JavaScript. [ more ]
Bestjquery
2 months ago
React

Product Grid Style 299

The article discusses the importance of incorporating various web design elements, such as 3D sliders, color pickers, and cookies, to enhance user experience and functionality. [ more ]
Bestjquery
2 months ago
jQuery

Button Style 254

The article discusses the importance of improving user experience through various interactive elements and functionalities on websites. [ more ]
Bestjquery
2 months ago
Web development

CSS Text Effect Style 238

Implementing interactive elements like 3D slider, autocomplete, blur effect, etc., can enhance user experience on websites. [ more ]
Bestjquery
2 months ago
jQuery

Preloader Style 433

Websites have evolved to incorporate a diverse set of interactive features and functionalities to enhance user experience. [ more ]
Frontendmasters
2 months ago
JavaScript

Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers

Understanding how to use JavaScript to manipulate elements in the DOM with CSS selectors can greatly enhance a web designer's capabilities. [ more ]
Bestjquery
2 months ago
React

Product Grid Style 298

Creating a more interactive and engaging user experience on websites or applications by incorporating various dynamic elements and features. [ more ]
#css
CSS { In Real Life } | Shades of Grey with color-mix()
2 months ago
Web design

CSS { In Real Life } | Shades of Grey with color-mix()

Having a variety of grey shades in a website's design can be useful for creating subtle visual elements. [ more ]
Frontend Masters Boost
2 months ago
Web design

Things That Can Break aspect-ratio in CSS

CSS aspect-ratio property is useful for flexible designs without fixed dimensions, but can be overridden if both height and width are set on an element. [ more ]
Smashing Magazine
3 months ago
Web development

Infinite-Scrolling Logos In Flat HTML And Pure CSS - Smashing Magazine

CSS can replace deprecated HTML elements like <marquee> for auto-scrolling features.
Despite limited resources on auto-scrolling elements, CSS provides the tools needed for such effects. [ more ]
Sitepoint
3 months ago
Web design

Quick Tip: How to Add Gradient Effects and Patterns to Text - SitePoint

Adding gradient effects and patterns to text on a web page is achievable by setting text as transparent, using background-clip, and applying background effects.
Examples include creating gradient effects, striped patterns, and using background images clipped to text characters with CSS properties. [ more ]
Medium
5 months ago
Web development

10 CSS One-Liners to Transform Your Web App

Writing CSS code can be time-consuming and challenging, but using CSS one-liners can streamline the process.
Centering a div horizontally and vertically can be achieved using the display: flex property in CSS. [ more ]
CSS { In Real Life } | Shades of Grey with color-mix()
2 months ago
Web design

CSS { In Real Life } | Shades of Grey with color-mix()

Having a variety of grey shades in a website's design can be useful for creating subtle visual elements. [ more ]
Frontend Masters Boost
2 months ago
Web design

Things That Can Break aspect-ratio in CSS

CSS aspect-ratio property is useful for flexible designs without fixed dimensions, but can be overridden if both height and width are set on an element. [ more ]
Smashing Magazine
3 months ago
Web development

Infinite-Scrolling Logos In Flat HTML And Pure CSS - Smashing Magazine

CSS can replace deprecated HTML elements like <marquee> for auto-scrolling features.
Despite limited resources on auto-scrolling elements, CSS provides the tools needed for such effects. [ more ]
Sitepoint
3 months ago
Web design

Quick Tip: How to Add Gradient Effects and Patterns to Text - SitePoint

Adding gradient effects and patterns to text on a web page is achievable by setting text as transparent, using background-clip, and applying background effects.
Examples include creating gradient effects, striped patterns, and using background images clipped to text characters with CSS properties. [ more ]
Medium
5 months ago
Web development

10 CSS One-Liners to Transform Your Web App

Writing CSS code can be time-consuming and challenging, but using CSS one-liners can streamline the process.
Centering a div horizontally and vertically can be achieved using the display: flex property in CSS. [ more ]
morecss
#javascript-libraries
Jqueryscript
2 months ago
JavaScript

Weekly Web Design & Development News: Collective #551

A variety of new web design and development resources were released in the past week, including libraries for animation, financial dashboards, environment identification, and more. [ more ]
Jqueryscript
2 months ago
Artificial intelligence

Weekly Web Design & Development News: Collective #549

Discover new design and development resources for web projects from Week 16, 2024. [ more ]
Jqueryscript
3 months ago
Web design

Weekly Web Design & Development News: Collective #546

Magick.css is a minimal classless CSS framework for simple and enjoyable web development.
Various new web development resources like Easy Webpage Summarizer and InterpolateHeatmapLayer offer efficient solutions for developers. [ more ]
Jqueryscript
3 months ago
Web design

Weekly Web Design & Development News: Collective #544

UVCanvas - React.js component library for shaded canvas
Lettercrap - JavaScript library for dynamic ASCII art [ more ]
Jqueryscript
4 months ago
JavaScript

Weekly Web Design & Development News: Collective #542

Open-source project simplifying video creation with AI model
ESM and TypeScript rewrite of Google's diff-match-patch
PaneForge for creating resizable panes in Svelte apps [ more ]
Jqueryscript
2 months ago
JavaScript

Weekly Web Design & Development News: Collective #551

A variety of new web design and development resources were released in the past week, including libraries for animation, financial dashboards, environment identification, and more. [ more ]
Jqueryscript
2 months ago
Artificial intelligence

Weekly Web Design & Development News: Collective #549

Discover new design and development resources for web projects from Week 16, 2024. [ more ]
Jqueryscript
3 months ago
Web design

Weekly Web Design & Development News: Collective #546

Magick.css is a minimal classless CSS framework for simple and enjoyable web development.
Various new web development resources like Easy Webpage Summarizer and InterpolateHeatmapLayer offer efficient solutions for developers. [ more ]
Jqueryscript
3 months ago
Web design

Weekly Web Design & Development News: Collective #544

UVCanvas - React.js component library for shaded canvas
Lettercrap - JavaScript library for dynamic ASCII art [ more ]
Jqueryscript
4 months ago
JavaScript

Weekly Web Design & Development News: Collective #542

Open-source project simplifying video creation with AI model
ESM and TypeScript rewrite of Google's diff-match-patch
PaneForge for creating resizable panes in Svelte apps [ more ]
morejavascript-libraries
Bestjquery
2 months ago
jQuery

Preloader Style 432

Employing interactive elements like 3D sliders, auto-complete, and color pickers can enhance user experience and functionality on websites. [ more ]
Speckyboy Design Magazine
2 months ago
Web design

Why Do Web Design Projects Come to a Standstill?

Web designers face challenges when projects stall, impacting schedules and finances. [ more ]
tonsky.me
2 months ago
Web design

Hardest Problem in Computer Science: Centering Things

The article emphasizes the ubiquity of knowing how to center elements in web design but explores the disconnect in its implementation in various applications. [ more ]
#css-grid
Stuffandnonsense
2 months ago
Web design

Design deja vu

Designing a liquid three-column layout with fixed center column using CSS is less elegant in 2005 compared to modern approaches like CSS Grid. [ more ]
WebKit
2 months ago
Web design

Help us invent CSS Grid Level 3, aka "Masonry" layout

CSS Grid Level 2, aka Subgrid, introduced advancements but did not address masonry layout until recently. [ more ]
Speckyboy Design Magazine
3 months ago
Web design

8 CSS Snippets for Creating Bento Grid Layouts

Bento grid layouts are popular due to their symmetry and seamless look inspired by Japanese culture.
CSS Grid and Flexbox have made building Bento layouts easier, eliminating the need for hacks or workarounds. [ more ]
Stuffandnonsense
2 months ago
Web design

Design deja vu

Designing a liquid three-column layout with fixed center column using CSS is less elegant in 2005 compared to modern approaches like CSS Grid. [ more ]
WebKit
2 months ago
Web design

Help us invent CSS Grid Level 3, aka "Masonry" layout

CSS Grid Level 2, aka Subgrid, introduced advancements but did not address masonry layout until recently. [ more ]
Speckyboy Design Magazine
3 months ago
Web design

8 CSS Snippets for Creating Bento Grid Layouts

Bento grid layouts are popular due to their symmetry and seamless look inspired by Japanese culture.
CSS Grid and Flexbox have made building Bento layouts easier, eliminating the need for hacks or workarounds. [ more ]
morecss-grid
Speckyboy Design Magazine
2 months ago
Web design

Things That Keep the Grumpy Designer Awake at Night

Web designers struggle with work-life balance due to web-related concerns like security, leading to stress and sleep issues. [ more ]
#shopify
Shopify
3 months ago
Web design

How To Design a Shopify Store (2024) - Shopify

DIYing an online store with platforms like Shopify can be simple and cost-effective.
Lack of technical knowledge shouldn't deter newcomers from attempting to build their store themselves. [ more ]
Shopify
3 months ago
UX design

How Shopify Checkout's Built-in Accessibility Can Increase Conversion (2024) - Shopify

Shopify Checkout prioritizes accessibility for all users.
Web accessibility is crucial for building confidence and trust in digital products. [ more ]
Shopify
3 months ago
Web design

How To Design a Shopify Store (2024) - Shopify

DIYing an online store with platforms like Shopify can be simple and cost-effective.
Lack of technical knowledge shouldn't deter newcomers from attempting to build their store themselves. [ more ]
Shopify
3 months ago
UX design

How Shopify Checkout's Built-in Accessibility Can Increase Conversion (2024) - Shopify

Shopify Checkout prioritizes accessibility for all users.
Web accessibility is crucial for building confidence and trust in digital products. [ more ]
moreshopify
eLearning
3 months ago
Web design

Unleashing Creativity: Becoming a Web Designer with Adobe Suite - eLearning

Web design has evolved from simple HTML pages to dynamic websites, requiring a blend of technical expertise and creative skills.
Web designers play a crucial role in creating user-centric designs that not only look good but also function seamlessly. [ more ]
Sitepoint
3 months ago
Web design

A Complete Guide to CSS Logical Properties, with Cheat Sheet - SitePoint

Logical properties are based on the direction of text, allowing styles to adapt to changes in text direction.
Logical properties offer a new way to declare CSS properties, in contrast to traditional physical dimensions based on computer screen orientation. [ more ]
#tools
Medium
3 months ago
UX design

UI/UX Design: Framer vs Webflow vs WordPress in 2024

Designers are under pressure to deliver functional sites due to cost-effective website tools and rising demand.
Several tools are available to help bridge the gap between design and development with minimal coding. [ more ]
Sitepoint
3 months ago
Web design

15 Top Web Design Tools & Resources To Try in 2024 - SitePoint

A curated list of 15 web design tools and resources across 5 categories is provided, focusing on lesser-known options.
At least 50% of the mentioned web design resources and tools are available for free use. [ more ]
Web Design Ledger
4 months ago
Web design

10+ Excellent Web Design Tools & Resources to Use in 2024

There are numerous web design resources and tools available but finding the right ones can be challenging.
The 15 best web design tools and resources for designers and agencies offer premium, intuitive, and value-adding features. [ more ]
Medium
3 months ago
UX design

UI/UX Design: Framer vs Webflow vs WordPress in 2024

Designers are under pressure to deliver functional sites due to cost-effective website tools and rising demand.
Several tools are available to help bridge the gap between design and development with minimal coding. [ more ]
Sitepoint
3 months ago
Web design

15 Top Web Design Tools & Resources To Try in 2024 - SitePoint

A curated list of 15 web design tools and resources across 5 categories is provided, focusing on lesser-known options.
At least 50% of the mentioned web design resources and tools are available for free use. [ more ]
Web Design Ledger
4 months ago
Web design

10+ Excellent Web Design Tools & Resources to Use in 2024

There are numerous web design resources and tools available but finding the right ones can be challenging.
The 15 best web design tools and resources for designers and agencies offer premium, intuitive, and value-adding features. [ more ]
moretools
Speckyboy Design Magazine
3 months ago
Web design

Clients Are Demanding More Web Design Freedom

Web designers are adapting to increasing client interest in experimental design.
Clients are becoming more adept at identifying and desiring specific web design features. [ more ]
Nielsen Norman Group
3 months ago
UX design

Homepage Design: 5 Fundamental Principles

The homepage is crucial for engaging users and reflecting brand identity.
Practical guidelines include easy access to the homepage, simple URLs, and visually distinct design. [ more ]
dbushell.com
4 months ago
Web design

CSS Button Styles You Might Not Know - David Bushell - Freelance Web Design (UK)

Freelance web designer near Manchester working globally
Emphasizes reliability, flexibility, and effective communication for on-time project delivery. [ more ]
time.com
4 months ago
EU data protection

The Fundamental Flaw at the Heart of the Internet

The web is causing harm due to dysfunctional incentives. Fixing requires a foundational overhaul with new models. [ more ]
#web-development
Sitepoint
4 months ago
Web design

Exploring the Creative Power of CSS Filters and Blending - SitePoint

CSS filters offer a variety of visual effects like grayscale, blur, and contrast.
CSS filters can be applied to elements to enhance the aesthetics of web content. [ more ]
A List Apart
4 months ago
Web design

The Wax and the Wane of the Web

Change is constant in parenting and design/development
Web design and development has evolved over the years [ more ]
Sitepoint
4 months ago
Web design

Exploring the Creative Power of CSS Filters and Blending - SitePoint

CSS filters offer a variety of visual effects like grayscale, blur, and contrast.
CSS filters can be applied to elements to enhance the aesthetics of web content. [ more ]
A List Apart
4 months ago
Web design

The Wax and the Wane of the Web

Change is constant in parenting and design/development
Web design and development has evolved over the years [ more ]
moreweb-development
#social-media
Creative Bloq
4 months ago
Web design

Yes, YouTube has a new UI. Yes, it's terrible

YouTube's new desktop layout has received negative feedback for swapping comments and video suggest locations.
Users find the new YouTube layout overwhelming due to an endless scrollable table of video thumbnails. [ more ]
MarTech
5 months ago
Marketing

Greg Kihlstrom: Spotlight on the expert | MarTech

Greg Kihlstrom's career in marketing started in the creative realm, with a focus on web design in the late 1990s and early 2000s.
Kihlstrom started his own marketing agency, specializing in digital marketing, and witnessed the rise of social media as a marketing tool and the importance of personalization. [ more ]
Speckyboy Design Magazine
5 months ago
Web design

Learning to Appreciate Great Content

We are living in a golden age of content creation, with an abundance of articles, videos, podcasts, and newsletters available on the web.
The overwhelming amount of content can lead to a devaluation of content creators, as people often skim or like content without fully engaging with it. [ more ]
Creative Bloq
4 months ago
Web design

Yes, YouTube has a new UI. Yes, it's terrible

YouTube's new desktop layout has received negative feedback for swapping comments and video suggest locations.
Users find the new YouTube layout overwhelming due to an endless scrollable table of video thumbnails. [ more ]
MarTech
5 months ago
Marketing

Greg Kihlstrom: Spotlight on the expert | MarTech

Greg Kihlstrom's career in marketing started in the creative realm, with a focus on web design in the late 1990s and early 2000s.
Kihlstrom started his own marketing agency, specializing in digital marketing, and witnessed the rise of social media as a marketing tool and the importance of personalization. [ more ]
Speckyboy Design Magazine
5 months ago
Web design

Learning to Appreciate Great Content

We are living in a golden age of content creation, with an abundance of articles, videos, podcasts, and newsletters available on the web.
The overwhelming amount of content can lead to a devaluation of content creators, as people often skim or like content without fully engaging with it. [ more ]
moresocial-media
Bootstrap Creative
1 year ago
Web design

New Page Templates and Modules added to the Industrial Pro HubSpot Theme 2024 - Bootstrap Creative

Enhanced page templates for industrial companies
New custom modules to improve user experience [ more ]
#responsive-design
Medium
5 months ago
Web design

Figma Tutorial: Designing the Hottest Hero Trends of 2024

Starting with a simple hero web design layout, morph into 5 different layouts.
Designing popular hero layout trends of 2024 for web and mobile, focusing on responsive and adaptive design. [ more ]
Speckyboy Design Magazine
4 months ago
Web design

Examples of SVG Shape Usage in Web Design

SVG offers versatile design elements
SVG provides flexibility and responsiveness for modern design
SVG can be used for animations and special effects [ more ]
Medium
5 months ago
Web design

Figma Tutorial: Designing the Hottest Hero Trends of 2024

Starting with a simple hero web design layout, morph into 5 different layouts.
Designing popular hero layout trends of 2024 for web and mobile, focusing on responsive and adaptive design. [ more ]
Speckyboy Design Magazine
4 months ago
Web design

Examples of SVG Shape Usage in Web Design

SVG offers versatile design elements
SVG provides flexibility and responsiveness for modern design
SVG can be used for animations and special effects [ more ]
moreresponsive-design
Bestjquery
4 months ago
Web development

Pricing Table Style 307

User-friendly web design elements
Enhancing user experience [ more ]
Bestjquery
4 months ago
Web design

Link Hover Style 254

Innovative web design features enhance user experience.
Various interactive tools can be integrated into websites for improved functionality. [ more ]
Bestjquery
4 months ago
Web development

Product Grid Style 291

Design elements enhance user experience
Importance of visual appeal in web design [ more ]
Bestjquery
4 months ago
Web development

Counter Style 269

Cross-platform compatibility is crucial for web design.
Interactive elements can enhance user experience. [ more ]
Bestjquery
4 months ago
Web development

Button Style 242

The article discusses the use of 3D sliders, autocomplete, barcodes, blur effects, calculators, captchas, checkboxes, color pickers, confirm dialogs, context menus, cookies, countdown timers, coverflow, currency formats, DateTime pickers, dialogs, editable fields, event calendars, Facebook integration, file uploads, filters, fixed headers, flipbooks, form submission, form validation, form wizards, fullscreen, geolocation, grids, history, HTML5 audio players, and HTML5 canvas. [ more ]
Sitepoint
4 months ago
Web development

Building a 3D Card Flip Animation with CSS Houdini - SitePoint

Houdini is a collection of browser APIs that allow developers to extend and enhance the capabilities of the browser's rendering engine.
Houdini worklets are JavaScript modules that allow developers to define custom paint, layout, and animation behaviors in CSS. [ more ]
#inspiration
Medium
5 months ago
Web design

Where I find the most incredible web design inspiration | 2024 Trends

These ten website galleries are great sources for web design inspiration.
These galleries feature hand-curated examples of real websites that showcase the latest design trends and techniques. [ more ]
Codrops
7 months ago
Web design

Frontend Rewind 2023 - Day 01 | Codrops

'Frontend Rewind 2023' is a calendar that revisits the highlights of the year in frontend development and web design.
Each day, a curated selection of content will be unveiled, including articles, tutorials, freebies, and UI animations. [ more ]
Medium
5 months ago
Web design

Where I find the most incredible web design inspiration | 2024 Trends

These ten website galleries are great sources for web design inspiration.
These galleries feature hand-curated examples of real websites that showcase the latest design trends and techniques. [ more ]
Codrops
7 months ago
Web design

Frontend Rewind 2023 - Day 01 | Codrops

'Frontend Rewind 2023' is a calendar that revisits the highlights of the year in frontend development and web design.
Each day, a curated selection of content will be unveiled, including articles, tutorials, freebies, and UI animations. [ more ]
moreinspiration
Hollywood Life
5 months ago
Graphic design

Creative Director Jack Davidge: Taking the Social Media Landscape by Storm

Diversifying your skills across multiple domains can enrich your versatility as a creative professional.
Embracing a 'jack-of-all-trades' approach can be advantageous for those with varied interests and fields. [ more ]
#interactive-elements
Medium
5 months ago
Web design

UI elements are not so elementary

The complexity of interactive elements in web design is often overlooked.
The default appearance of interactive elements like checkboxes and radio buttons can be challenging to customize. [ more ]
Medium
5 months ago
Web design

UI elements are not so elementary

The complexity of interactive elements in web design is often overlooked.
Comparing and communicating about interactive elements can reveal hidden problems. [ more ]
Medium
5 months ago
Web design

UI elements are not so elementary

The complexity of interactive elements in web design is often overlooked.
The default appearance of interactive elements like checkboxes and radio buttons can be challenging to customize. [ more ]
Medium
5 months ago
Web design

UI elements are not so elementary

The complexity of interactive elements in web design is often overlooked.
Comparing and communicating about interactive elements can reveal hidden problems. [ more ]
moreinteractive-elements
tonsky.me
5 months ago
Web design

In Loving Memory of Square Checkbox

Checkboxes are traditionally square to distinguish them from radio buttons
The distinction between square checkboxes and round radio buttons has been followed by major operating systems [ more ]
#hero-layouts
Medium
6 months ago
Web design

2024 Design Trends | 5 Must Try Hero Layouts

The hero layout design trend for 2024 involves more creativity and showcasing specific parts of an app or software.
Designers are deconstructing the app to highlight certain features and then reassembling it in a way that tells the story and benefits of the product. [ more ]
Medium
5 months ago
Web design

Figma Tutorial: Designing the Hottest Hero Trends of 2024

The tutorial covers designing web and mobile hero layouts using Figma
The first layout explored is the Isolated Components Hero, where important elements are pulled out and highlighted. [ more ]
Medium
6 months ago
Web design

2024 Design Trends | 5 Must Try Hero Layouts

The hero layout design trend for 2024 involves more creativity and showcasing specific parts of an app or software.
Designers are deconstructing the app to highlight certain features and then reassembling it in a way that tells the story and benefits of the product. [ more ]
Medium
5 months ago
Web design

Figma Tutorial: Designing the Hottest Hero Trends of 2024

The tutorial covers designing web and mobile hero layouts using Figma
The first layout explored is the Isolated Components Hero, where important elements are pulled out and highlighted. [ more ]
morehero-layouts
Speckyboy Design Magazine
5 months ago
UX design

The Challenges of Building a Shared Experience on the Web

The web has replaced traditional shared cultural experiences with a focus on ensuring consistency for users.
There are many different ways to experience the web, including mobile devices, desktop/laptop devices, and other devices like televisions and smart appliances. [ more ]
Pimp my Type
5 months ago
UX design

Better Sales Pages with better Typography - Pimp my Type

Typography is often neglected in landing page design, but it plays a crucial role in delivering the message effectively
A well-structured and clear message is important before focusing on the visual design of a sales page [ more ]
Bestjquery
5 months ago
Web development

Counter Style 267

Takeaway 1
Takeaway 2 [ more ]
Bestjquery
5 months ago
Web development

Hover Effect Style 416

3D Slider
AutoComplete
Barcode [ more ]
Speckyboy Design Magazine
5 months ago
Web design

What's the Environmental Impact of Your Website?

The web has an impact on the environment through server farms, resource usage, and content creation.
Sustainable web design can be achieved by considering the environment in the web design process and making performant choices. [ more ]
Jqueryscript
5 months ago
Web development

Weekly Web Design & Development News: Collective #536

React Marquee is a marquee component for React.
ThumbmarkJS is a JavaScript library for creating browser fingerprint hashes. [ more ]
Kiplinger.com
5 months ago
Web design

Seven Website Issues That Can Get You in Hot Water

Failing to properly maintain a website can have negative consequences for a business, including loss of credibility and potential legal trouble.
Updating website design and functionality, hiring a professional web designer, and including sufficient text are all important for maintaining a credible and effective website. [ more ]
Jqueryscript
6 months ago
Web design

Weekly Web Design & Development News: Collective #535

css-inline is a high-performance library for inlining CSS into HTML 'style' attributes.
og-img is a framework agnostic package for generating Open Graph images using Satori and resvg. [ more ]
Bjango
6 months ago
Web development

Blur radius comparison

Gaussian blur is the most commonly used blur in web design, but its implementation and size can vary across different platforms and applications.
CSS box-shadow now has consistent blur amounts across browsers, making it easier to achieve consistency in web design. [ more ]
Abduzeedo
6 months ago
Web design

Mastering Web Design Aesthetics for Personal Portfolio

Igor Sokoltsov's portfolio website template blends aesthetics with functionality in web design and UI/UX.
The use of simple typography, strategic color schemes, and elegant dividers contributes to a sleek and visually appealing design. [ more ]
Jqueryscript
6 months ago
Artificial intelligence

Weekly Web Design & Development News: Collective #534

Developers can generate customizable snowflakes with the snowflakes.js library.
Vaul-Svelte is an unstyled drawer component for Svelte that can be used as a Dialog replacement. [ more ]
Medium
6 months ago
Design

2024 Design Trends | 5 Must Try Hero Layouts

Hero layouts are becoming more creative and dynamic in 2024
Isolated components and bento design are popular trends [ more ]
Maggie Appleton
6 months ago
Digital life

Ambient Co-presence

The web has traditionally been an asynchronous space, but technological advancements now allow for more synchronous, shared experiences.
Most of the web is still designed for slow-loading, single-player experiences and lacks the qualities of shared physical space. [ more ]
Theregister
6 months ago
Web design

PLACEHOLDER ONLY Someone please write witty headline here

A developer at a web design business learned the hard way about the importance of not putting placeholder text in front of the wrong eyes.
The developer had to cater to a client's unusual request by making a website compatible with Internet Explorer 5 for Mac. [ more ]
Jqueryscript
7 months ago
Web development

Weekly Web Design & Development News: Collective #530

StyleX is a JavaScript library for defining styles for optimized user interfaces.
TSDiagram is an online tool that helps you draft diagrams quickly by using TypeScript.
Full Stack AI is an open-source CLI tool for scaffolding full-stack Next.js web applications. [ more ]
10 Weird HTML Hacks That Shaped The Internet damn, friends, IE conditional comments, I totally forgot about those (by Ernie Smith)

https://t.co/xUG2ow85ea

#HTML #Nostalgia
https://t.co/xUG2ow85ea
Tedium: The Dull Side of the Internet.
7 months ago
Web design

10 Weird HTML Hacks That Shaped The Internet

HTML hacks were essential in the early days of web design to work around browser implementation gaps.
The Netscape Navigator 4.0 @import hack was one of the first HTML hacks used to prevent layout issues in older browsers. [ more ]
[ Load more ]