Internationale Web News

  • Vanilla JavaScript, Libraries, And The Quest For Stateful DOM Rendering
    Donnerstag 18:00 at Articles on Smashing Magazine — For Web Designers And Developers
    It’s well-established that the web faces wide-ranging usability and performance issues, from user-hostile UI patterns and twisted search results to sluggish performance and battery-draining bloat. In this article, Frederik examines one small-but-significant aspect where developers take the reins: Painting pixels on the screen.
  • 15+ Free Display Fonts with a Creative Flair
    Dienstag 18:09 Nataly Birch at Speckyboy Design Magazine
    Download one of these highly creative free display font families and grab the attention of the viewer and make sure your message gets noticed! The post 15+ Free Display Fonts with a Creative Flair appeared first on Speckyboy Design Magazine.
  • A Practical Guide To Designing For Colorblind People
    Dienstag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people. An upcoming part of Smart Interface Design Patterns.
  • Mobile Accessibility Barriers For Assistive Technology Users
    Montag 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Accessibility goes beyond making products user-friendly. It can significantly impact the quality of life for people with disabilities. Kate Kalcevich shares lessons she learned from assistive technology users — challenges and barriers they encounter on mobile devices.
  • Fun Examples of SVG Shape Usage in Web Design
    Montag 4:51 Eric Karkovack at Speckyboy Design Magazine
    Scalable Vector Graphics (SVG) make for versatile design elements. They can be intricate or simplistic. You can combine them with animation and special effects. And they’re inherently responsive. It’s no… The post Fun Examples of SVG Shape Usage in Web Design appeared first on Speckyboy Design Magazine.
  • Weekly News for Designers № 730
    Freitag 19:55 Speckyboy at Speckyboy Design Magazine
    This week’s designer news includes design pattern guidelines, aesthetics vs. functionality, universal resume system, CSS variables generator, and more. The post Weekly News for Designers № 730 appeared first on Speckyboy Design Magazine.
  • How Accessibility Standards Can Empower Better Chart Visual Design
    Mittwoch 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Accessibility for data visualization extends well beyond web standards, at least if you’re trying to create an experience that’s actually useful. This article focuses on techniques for creating useful and accessible visualizations that extend well beyond compliance.
  • A Practical Guide To Designing For Children
    Dienstag 12:00 at Articles on Smashing Magazine — For Web Designers And Developers
    How to design for children aged 3–12, with insights into user behavior, considerations for parents, and practical UX guidelines.
  • 15+ Best Free Monospaced Fonts for Coding in 2024
    Dienstag 8:01 Paul Andrew at Speckyboy Design Magazine
    We share the best free fonts for coding and programming and also offer some pointers for selecting your perfect monospaced font. The post 15+ Best Free Monospaced Fonts for Coding in 2024 appeared first on Speckyboy Design Magazine.
  • Lessons Learned in 25 Years of Freelancing
    Montag 11:24 Eric Karkovack at Speckyboy Design Magazine
    I share some valuable lessons I’ve learned from my 25 years as a freelance web designers. Things that I hope will help you on your own journey. The post Lessons Learned in 25 Years of Freelancing appeared first on Speckyboy Design Magazine.
  • How To Draw Radar Charts In Web
    Freitag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    A radar chart — also commonly called a spider chart — is yet another way to visualize data and make connections. Radar charts are inherently geometric, making them both a perfect fit and fun to make with CSS, thanks to the `polygon()` function. Read along as Preethi Sam demonstrates the process and sprinkles it with a pinch of JavaScript to make a handy, reusable component.
  • Weekly News for Designers № 729
    Donnerstag 18:53 Paul Andrew at Speckyboy Design Magazine
    This week’s Designer News – № 729 – includes Google Bard is Now Gemini, Animating Font Palette, SVG Filter Maker, SVG Flag Icons, and more. The post Weekly News for Designers № 729 appeared first on Speckyboy Design Magazine.
  • Frequently Heard In My Beginning Front-End Web Development Class
    Donnerstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    What could we learn from entry-level students in front-end web development? As seasoned professionals, you might think you’ve seen it all, but the truth is that the newcomers are asking the most intriguing questions and making connections that those of us who have spent years on the front end may have never considered.
  • The 20+ Best Premiere Pro Transition Packs for Video Editors
    Mittwoch 13:26 Paul Andrew at Speckyboy Design Magazine
    A comprehensive and professional collection of Premiere Pro transitions for video editors. Includes dynamic, seamless, creative, and essential transitions. The post The 20+ Best Premiere Pro Transition Packs for Video Editors appeared first on Speckyboy Design Magazine.
  • Web Development Is Getting Too Complex, And It May Be Our Fault
    Mittwoch 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    An overwhelming number of frameworks and tooling available today gives the impression that web development has gotten perhaps too complex. Juan Diego Rodríguez explores if web development really is that complex and, most importantly, how we can prevent it from getting even more difficult than we already perceive it to be.
  • 25+ Best Flyer Mockup Templates for Designers
    Dienstag 16:41 Paul Andrew at Speckyboy Design Magazine
    A collection of stunning mockup templates for flyers. Share business offers, promotions, and news with your customers. The post 25+ Best Flyer Mockup Templates for Designers appeared first on Speckyboy Design Magazine.
  • Top 15 Transition Packs for DaVinci Resolve in 2024
    Dienstag 11:17 Paul Andrew at Speckyboy Design Magazine
    A collection of the best transition packs for DaVinci Resolve, including high-quality free options. Professional-grade transition effects. The post Top 15 Transition Packs for DaVinci Resolve in 2024 appeared first on Speckyboy Design Magazine.
  • Detect Caps Lock with JavaScript
    Dienstag 10:33 David Walsh at David Walsh Blog
    Anyone is capable of having their caps lock key on at any given time without realizing so. Users can easily spot unwanted caps lock when typing in most inputs, but when using a password input, the problem isn’t so obvious. That leads to the user’s password being incorrect, which is an annoyance. Ideally developers could […] The post Detect Caps Lock with JavaScript appeared first on David Walsh Blog.
  • A Guide To Designing For Older Adults
    Dienstag 8:00 at Articles on Smashing Magazine — For Web Designers And Developers
    With one billion people aged 60 or older worldwide, inclusivity is more important than ever. Learn how to create digital experiences that empower independence and competence for older adults while enhancing usability for all. An upcoming part of Smart Interface Design Patterns.
  • 25+ Best Free Logo Mockup Templates for Brand Designers
    Montag 16:30 Paul Andrew at Speckyboy Design Magazine
    A collection of the best professionally designed free logo mockup templates that will help you showcase your logo or brand beautifully. The post 25+ Best Free Logo Mockup Templates for Brand Designers appeared first on Speckyboy Design Magazine.
  • How to Override width and height HTML attributes with CSS
    Montag 11:28 David Walsh at David Walsh Blog
    One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics’ Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website’s score. But in a world where responsive design is king, we need […] The post How to Override width and height HTML attributes with CSS appeared first on David Walsh Blog.
  • When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
    Freitag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    As Artificial Intelligence evolves the computing paradigm, designers have an opportunity to craft more intuitive user interfaces. Maximillian Piras examines how the latest AI capabilities can reshape the future of human-computer interaction beyond conversation alone.
  • 29 Days Of Inspiration (February 2024 Wallpapers Edition)
    Mittwoch 12:30 at Articles on Smashing Magazine — For Web Designers And Developers
    With February just around the corner, how about a little inspiration boost? We might have one for you: desktop wallpapers created with love by the community for the community. Enjoy!
  • The Feature Trap: Why Feature Centricity Is Harming Your Product
    Montag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Most product teams commonly adopt a feature-centric mindset, finding them convenient for brainstorming, drafting requirement documents, and integrating into backlogs and ticketing systems. In this article, Andy Budd shows how fixation with features might be holding you back and how making a few small tweaks to your process could make an entire world of difference.
  • A Simple Guide To Retrieval Augmented Generation Language Models
    Freitag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Language models have shown impressive capabilities. But that doesn’t mean they’re without faults, as anyone who has witnessed a ChatGPT “hallucination” can attest. In this article, Joas Pambou diagnoses the symptoms that cause hallucinations and explains not only what RAG is but also different approaches for using it to solve language model limitations.
  • CSS Blurry Shimmer Effect
    Donnerstag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Taking inspiration from shadows, author Yair Even Or creates the same sort of thing, only with a blurring effect in place of the shadow. Read along for a step-by-step explanation of how it comes together using a combination of masks, gradients, and the good ol’ `backdrop-filter` property.
  • Fixing Cumulative Layout Shift Problems on DavidWalshBlog
    Mittwoch 11:56 Todd Gardner at David Walsh Blog
    Over 50 thousand developers visit DavidWalshBlog every month from around the world to learn JavaScript tricks and fix problems in their code. Unfortunately, some of them have a slow experience on the site. David tracks the performance of his Core Web Vitals and overall performance with Request Metrics. Recently, we noticed that his CLS performance […] The post Fixing Cumulative Layout Shift Problems on DavidWalshBlog appeared first on David Walsh Blog.
  • The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond
    Dienstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    AI promises a major upheaval in typography, with designers finding themselves navigating both opportunities and challenges. How will it impact quality, design roles, and our use of type in the future? As we explore this new frontier, we realise that we are at a juncture as significant as Gutenberg’s press, set to redefine how we interact with text and visual communication.
  • Date.now()
    Mittwoch 12:06 David Walsh at David Walsh Blog
    Ask any software engineer and they’ll tell you that coding date logic can be a nightmare. Developers need to consider timezones, weird date defaults, and platform-specific date formats. The easiest way to work with dates is to reduce the date to the most simple format possible — usually a timestamp. To get the immediate time […] The post Date.now() appeared first on David Walsh Blog.
  • The Complex But Awesome CSS border-image Property
    Dienstag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    The CSS `border-image` property is one of those properties you undoubtedly know exists but may not have ever reached for. In this article, Temani Afif demonstrates different approaches for using `border-image` to create clever decorative accents and shapes.
  • Extract a Number from a String with JavaScript
    Dienstag 11:48 David Walsh at David Walsh Blog
    User input from HTML form fields is generally provided to JavaScript as a string. We’ve lived with that fact for decades but sometimes developers need to extract numbers from that string. There are multiple ways to get those numbers but let’s rely on regular expressions to extract those numbers! To employ a regular expression to […] The post Extract a Number from a String with JavaScript appeared first on David Walsh Blog.
  • Thoughts on Streaming Services: 2024 Edition
    Montag 11:08 David Walsh at David Walsh Blog
    Streaming services have revolutionized content delivery, sending linear media companies into a panic as they watch traditional cable services decay. “Cutting the cord” is a common practice these days, but the streaming landscape isn’t perfect. We’re a decade into streaming so I wanted to share my thoughts on the state of new media: first impressions, […] The post Thoughts on Streaming Services: 2024 Edition appeared first on David Walsh Blog.
  • Top Front-End Tools Of 2023
    Donnerstag 18:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Useful front-end tools for CSS and JavaScript developers that were most popular last year and will help you speed up your development workflow. Let’s dive in!
  • SolidStart: A Different Breed Of Meta-Framework
    Montag 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Are you ready for a little exercise of pulling a framework apart and putting the pieces back together? In this article, Atila Fassina explains how meta-frameworks have evolved around core libraries in their own unique ways.
  • The View Transitions API And Delightful UI Animations (Part 2)
    Dienstag 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    The View Transitions API is a new — but game-changing — feature that allows us to do the types of reactive state-based UI and page transitions that have traditionally been exclusive to JavaScript frameworks. In the second half of this mini two-part series, Adrian Bece expands on the demos from the first article to demonstrate how the View Transitions API can be used to transition not just elements between two states but the transition between full views and pages in single-page and multi-page applications.
  • The Magic Of New Beginnings (January 2024 Wallpapers Edition)
    Sonntag 8:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Let’s start into the new year with a little inspiration boost: wallpapers created with love by the community for the community. Happy 2024!
  • Making Sense Of “Senseless” JavaScript Features
    Donnerstag 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    JavaScript may be the most popular client-side language in the world, but it’s far from perfect and not without its quirks. Juan Diego Rodriguez examines several “absurd” JavaScript eccentricities and explains how they made it into the language as well as how to avoid them in your own code.
  • The View Transitions API And Delightful UI Animations (Part 1)
    Freitag 13:00 at Articles on Smashing Magazine — For Web Designers And Developers
    The View Transitions API is a new — but game-changing — feature that allows us to do the types of reactive state-based UI and page transitions that have traditionally been exclusive to JavaScript frameworks. In the first part of this mini two-part series, Adrian Bece thoroughly explains why we need the API and demonstrates its basic usage.
  • New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem
    Mittwoch 10:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Since the introduction of CSS viewport units in 2012, many of us have been using `width: 100vw` as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, `100vw` does not always represent the full width of the viewport due to differences in how browsers handle scrollbars.
  • Building Components For Consumption, Not Complexity (Part 2)
    Montag 15:00 at Articles on Smashing Magazine — For Web Designers And Developers
    Part 2 concentrates on the key points from Luis’ framework and practical tips about managing a design system that should be both robust and easy to adopt.