# web design Web design is the creation and maintenance of websites, encompassing disciplines such as web graphic design, user interface design, authoring, user experience design, and search engine optimization. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## How First Impressions Shape Client Choices and Views of the Web Industry DevFeed: [How First Impressions Shape Client Choices and Views of the Web Industry]() Original publisher: [Read original article]() Author: L. Jeffrey Zeldman Published: 2026-09-01T13:10:32Z Content type: opinion Language: en Sources: [Jeffrey Zeldman]() Topics: [web design](), [Web Development](), [CSS](), [web-standards]() Tags: [css](), [design](), [glamorous](), [my-glamorous-life](), [post](), [tech](), [technofascism](), [web](), [web-design](), [web-standards]() ### AI overview Jeffrey Zeldman reflects on encounters with rude or exploitative people in the web industry and argues that early impressions can foreshadow later conduct. He connects a past website-design negotiation to a former partner's role in changing Twitter's verification system. ### Source excerpt Why first impressions are often correct. Today's jerk is tomorrow's techno-fascist. The post Tales o' Tech: Suffering Fools appeared first on Jeffrey Zeldman Presents. ## The Infinite Scroll Was a Design Crime. Now Meta is Paying for It. DevFeed: [The Infinite Scroll Was a Design Crime. Now Meta is Paying for It.]() Original publisher: [Read original article]() Author: Simon Sterne Published: 2026-08-25T11:30:00Z Content type: opinion Language: en Sources: [Web Designer Depot]() Topics: [web design](), [User experience (UX)](), [Usability](), [Front end](), [Web Development](), [Web](), [Document Object Model (DOM)](), [Software Engineering](), [browser](), [browsers](), [CSS]() Tags: [addictive-design](), [behavioral-design](), [browser](), [browsers](), [css](), [dark-patterns](), [design](), [design-ethics](), [digital-detox](), [digital-wellness](), [dopamine-loops](), [ethical-design](), [front-end-development](), [infinite-scroll](), [meta](), [meta-lawsuit](), [meta-trial](), [social-media-lawsuit](), [software](), [tech](), [tech-ethics](), [tech-industry](), [tech-news](), [ui-ux](), [usability](), [user-experience](), [ux](), [ux-design](), [ux-usability](), [web-design](), [web-development]() ### AI overview The article argues that infinite scroll prioritized addictive engagement and advertising over usability, accessibility of stopping cues, and front-end integrity. It discusses legal scrutiny of Meta's Instagram and Facebook feeds, performance and state-management problems, and calls on web professionals to abandon the pattern. ### Source excerpt The infinite scroll was never a UX feature--it was a slot machine disguised as code. Now, as Meta faces a historic trial over algorithmic addiction, web designers must finally confront the ugly truth: we sacrificed basic usability and human willpower just to keep users trapped in a bottomless pit. ## Ebb, Meet Flow: Intrinsic Design in a Nutshell DevFeed: [Ebb, Meet Flow: Intrinsic Design in a Nutshell]() Original publisher: [Read original article]() Author: L. Jeffrey Zeldman Published: 2026-08-18T17:24:50Z Content type: opinion Language: en Sources: [Jeffrey Zeldman]() Topics: [Responsive Design](), [web design](), [Front end](), [web-standards]() Tags: [authoring](), [best-practices](), [css](), [design](), [essentials](), [responsive](), [responsive-design](), [responsive-web-design](), [rwd](), [standards](), [state-of-the-web](), [the-essentials](), [the-profession](), [type](), [typography](), [usability](), [user-experience](), [ux](), [w3c](), [web-design](), [web-design-history](), [web-standards](), [webdesign](), [webtype]() ### AI overview This article explains intrinsic or fluid responsive design: define type scales for small and large screens, then let the browser interpolate between them according to viewport width. It connects the approach to earlier ideas about designing for the web's natural ebb and flow and to the development of Responsive Web Design through improved web standards and browser support. ### Source excerpt In 2020, the gifted makers of websites at Clearleft shared methods to achieve fluid responsive design. "Utopian" web design was (and still is) their half-kidding name for this approach, which Apple's Jen Simmons, working indendently, called "intrinsic design." Instead of chasing an ever-changing number of fixed breakpoints, utopian or intrinsic design follows the web's intrinsic [...] The post Ebb, Meet Flow: Intrinsic Design in a Nutshell appeared first on Jeffrey Zeldman Presents. ## What's content modeling? A guide to structured web design DevFeed: [What's content modeling? A guide to structured web design]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-08-07T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [web design](), [Web](), [Frameworks](), [Forms]() Tags: [content](), [design](), [errors](), [forms](), [framework](), [guide](), [types](), [validation](), [web](), [web-design]() ### AI overview This guide explains content modeling for structured web design. It shows how to define reusable content types, fields, relationships, validation rules, taxonomies, and tags so client websites remain consistent and easier to expand. ### Source excerpt Learn what content modeling is, how this model organizes digital content, and how to create a clear structure that helps you expand client sites quickly. ## Essential legal requirements for websites and how to meet them DevFeed: [Essential legal requirements for websites and how to meet them]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-08-07T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [web design](), [Security, Privacy and Abuse Prevention](), [tenant data protection](), [data](), [Software as a service]() Tags: [article](), [b2b](), [compliance](), [enterprise](), [legal](), [privacy](), [strategy](), [web-design]() ### AI overview This article explains how website legal requirements vary by site type, audience, industry, and publication location. It introduces privacy, data protection, accessibility, and jurisdiction-specific compliance considerations, including CCPA, GDPR, and HIPAA. ### Source excerpt Learn how to navigate legal requirements for websites, which ones apply to your type of site, and what you'll need to stay ready for future legal changes. ## Website as a service: Benefits and platforms for providers DevFeed: [Website as a service: Benefits and platforms for providers]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-08-07T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Software as a service](), [web design](), [hosting](), [Web]() Tags: [design-systems](), [guide](), [hosting](), [inspiration](), [management](), [operations](), [optimization](), [saas](), [subscriptions](), [support](), [web-design](), [workflows]() ### AI overview This guide explains the website as a service (WaaS) model, in which providers deliver professionally managed websites through recurring subscriptions instead of one-time projects. It covers ongoing hosting, maintenance, updates, support, reusable design systems, centralized management, and continuous optimization, and compares WaaS with traditional web design. ### Source excerpt Explore how website as a service differs from traditional site design, and learn to build client relationships using the right service model and platform. ## The "Pixel Police" are Retired: Why AI Agents are the New Mediators of Web Design DevFeed: [The "Pixel Police" are Retired: Why AI Agents are the New Mediators of Web Design]() Original publisher: [Read original article]() Author: Noah Davis Published: 2026-07-20T12:17:00Z Content type: opinion Language: en Sources: [Web Designer Depot]() Topics: [AI Agent](), [Artificial Intelligence](), [web design](), [Web Development](), [Figma](), [Tailwind CSS](), [vs-code](), [Code]() Tags: [ai](), [ai-agent](), [ai-agents](), [ai-agents-in-design](), [ai-driven-ux](), [ai-in-frontend-development](), [ai-tech](), [ai-web-design](), [collaborative-design-tools](), [contextual-scaffolding](), [creative-automation](), [css](), [design](), [design-dna-systems](), [design-to-code-tools](), [designer-developer-handoff](), [developer-as-architect](), [figma](), [figma-to-code-automation](), [future-of-web-design](), [low-code-design-systems](), [no-code-evolution](), [parallel-workspaces](), [product-design-workflows](), [tailwind](), [tailwind-automation](), [ui-automation](), [vs-code](), [web](), [web-design-workflow-2026](), [workflow]() ### AI overview The article argues that AI agents are transforming web design by replacing the traditional designer-developer handoff with shared, real-time workflows. Designers provide contextual rules from Figma, while agents generate much of the implementation using established Tailwind tokens, allowing teams to focus more on creative and problem-solving work. ### Source excerpt The designer-developer handoff is officially dead--and AI just pulled the trigger. Instead of wasting weeks translating pixels into code, teams are now building live, together, in real time with AI agents doing the grunt work. ## 7 of the best AI-powered website builders for 2026 DevFeed: [7 of the best AI-powered website builders for 2026]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-07-14T00:00:00Z Content type: comparison Language: en Sources: [Webflow Blog]() Topics: [Artificial Intelligence](), [Web](), [web design](), [Content Management System](), [Scalability](), [User Experience](), [hosting]() Tags: [ai](), [design](), [design-patterns](), [digital-experiences](), [features](), [generate](), [guide](), [hosting](), [how-to](), [integrations](), [launch](), [platform](), [scalability](), [user-experience](), [web](), [web-design](), [website-builders]() ### AI overview A comparison of seven AI-powered website builders for 2026, covering ease of use, features, applications, design quality, scalability, content management, hosting, and the role of human review. ### Source excerpt Compare seven of the best AI-powered website builders for 2026. Learn about their ease of use, key features, and applications, then choose the right fit. ## How to build user-friendly mobile websites for small screens DevFeed: [How to build user-friendly mobile websites for small screens]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-07-11T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Responsive Design](), [User Experience](), [web design](), [Web]() Tags: [best-practices](), [building](), [design](), [how-to](), [learn](), [mobile](), [responsive-design](), [user-experience](), [web](), [web-design](), [website-design]() ### AI overview A guide to building user-friendly mobile websites through mobile-first and responsive design. It explains why mobile browsing matters, how mobile-first layouts prioritize essential content and actions, and how responsive and adaptive approaches differ. ### Source excerpt Learn why building a mobile experience is important, then explore examples and best practices that show how to optimize your mobile website. ## Meet Kirki: WordPress's First Visual Builder With An Infinite Canvas DevFeed: [Meet Kirki: WordPress's First Visual Builder With An Infinite Canvas]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Zareen Tasnim) Published: 2026-07-07T10:00:00Z Content type: comparison Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [WordPress](), [Canvas](), [No-code](), [Content Management System](), [web design]() Tags: [building](), [design](), [frameworks](), [no-code](), [performance](), [review](), [tools](), [web](), [web-design](), [wordpress](), [workflow]() ### AI overview Kirki is presented as a freeform, no-code visual website builder for WordPress that uses an infinite canvas, an integrated CMS, and built-in features to reduce reliance on third-party plugins. The article reviews and compares it with traditional WordPress builders, focusing on pricing, performance, usability, design flexibility, features, theme compatibility, and layout customization. ### Source excerpt We have been building websites inside boxes for years on WordPress. Let's take a closer look at [Kirki](https://kirki.com/), the first freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner performance, full design freedom, and zero plugin dependency. ## 10 best AI tools for content creation across digital formats DevFeed: [10 best AI tools for content creation across digital formats]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-07-01T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [Artificial Intelligence](), [webflow](), [web design](), [hosting](), [Optimization]() Tags: [ai](), [ai-tools](), [article](), [content](), [guide](), [marketing](), [strategy](), [tools](), [web-design]() ### AI overview A guide to 10 AI tools for content creation, organized by workflow and use case. It covers tools for brainstorming, drafting, editing, web design, marketing content, and related digital formats, emphasizing the use of specialized platforms alongside human expertise. ### Source excerpt Compare 10 AI tools for content creation and find out which ones work best for popular use cases, including text, audio, video, marketing, and web design. ## Best UX design courses: Top options for beginners and professionals DevFeed: [Best UX design courses: Top options for beginners and professionals]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-06-20T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [User Experience](), [Learning](), [web design]() Tags: [beginners](), [career](), [certifications](), [courses](), [design](), [fundamentals](), [google](), [guide](), [information-architecture](), [interaction-design](), [prototyping](), [udemy](), [ux]() ### AI overview This guide compares eight UX design courses for beginners and career changers, covering options from Udemy, Google, SuperHi, Envato Tuts+, Designlab, IxDF, Springboard, and General Assembly. It outlines course focus, learning format, and suitability for different goals. ### Source excerpt Explore eight of the best UX design courses that cover fundamentals, career advice, advanced concepts, and resources for learners of all skill levels. ## How to start a successful freelance web design business DevFeed: [How to start a successful freelance web design business]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-06-19T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [web design](), [Web](), [Website](), [User experience (UX)](), [Software as a service]() Tags: [business](), [freelance](), [freelance-web-design](), [guide](), [how-to](), [services](), [strategy](), [web-design](), [work]() ### AI overview This eight-step guide explains how to start a freelance web design business, including defining a niche, setting services and rates, building a portfolio, managing finances and client work, handling legal requirements, creating contracts, and marketing the business. ### Source excerpt This eight-step guide covers everything you need to start a web design business, turning one-off freelance projects into a stable, scalable brand. ## Improve your UX with scroll animations: 5 examples DevFeed: [Improve your UX with scroll animations: 5 examples]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-06-15T00:00:00Z Content type: tutorial Language: en Sources: [Webflow Blog]() Topics: [scroll-triggered animations](), [User experience (UX)](), [web design]() Tags: [animation](), [design](), [examples](), [guide](), [scroll-triggered-animations](), [ux](), [web-design]() ### AI overview A tutorial on using scroll animations to improve website user experience. It explains several animation types, their use cases, and how to guide visitors' attention without overwhelming them, while noting that excessive animation can slow pages and reduce intuitiveness. ### Source excerpt Learn how to use scroll animations to enhance your user experience. Check out practical examples that add more than just visual flair. ## 9 website prototyping tools for UX and UI designers DevFeed: [9 website prototyping tools for UX and UI designers]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-06-12T00:00:00Z Content type: comparison Language: en Sources: [Webflow Blog]() Topics: [User experience (UX)](), [ui](), [web design](), [Website](), [Web]() Tags: [collaboration](), [compare](), [compatibility](), [design](), [prototyping](), [tools](), [ui](), [usability](), [ux](), [web-design](), [website-design](), [workflow]() ### AI overview This guide compares nine website prototyping tools for UX and UI designers. It explains how interactive prototypes support user-journey testing, client feedback, usability checks, and developer handoff, and outlines criteria including ease of use, features, compatibility, collaboration, and device previews. ### Source excerpt Explore nine website prototyping tools that help you move from wireframes to developer handoff. See which platform suits your budget and workflow best. ## 8 mega menu examples: Create user-friendly site navigation DevFeed: [8 mega menu examples: Create user-friendly site navigation]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-06-03T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [web design](), [User Experience](), [Website](), [webflow]() Tags: [design](), [examples](), [navigation](), [user-experience](), [webflow]() ### AI overview This article explains what mega menus are, when they are useful, and how they can organize large numbers of links, categories, images, and descriptions. It presents eight examples from different industries, including Webflow, to illustrate ways mega menus can improve website navigation and user experience. ### Source excerpt Explore the best mega menu examples. Learn how to improve website navigation so visitors can compare options, find high-intent pages, and browse faster. ## Why Developers Should Avoid Reimplementing Browser Features in Website Design DevFeed: [Why Developers Should Avoid Reimplementing Browser Features in Website Design]() Original publisher: [Read original article]() Published: 2026-05-23T00:00:00Z Content type: opinion Language: en Sources: [Susam Pal]() Topics: [web design](), [Website](), [browsers](), [User Experience](), [Development]() Tags: [browsers](), [developers](), [modern-web-design](), [web-design](), [website]() ### AI overview This opinion article argues that web developers should avoid reimplementing browser-provided behaviors such as scrolling, link navigation, text selection, context menus, copy and paste, password fields, and date pickers when users depend on the native behavior. It compares this practice with the cryptographic principle of avoiding private, unreviewed implementations. ### Source excerpt This is going to be a rant about modern web design practices. But before I get to that, let me begin with a familiar principle from the world of cryptography. Among software developers, and especially among those who work on security-sensitive systems, there is a well-known maxim: Don't roll your own crypto. This does not mean that nobody is allowed to write cryptographic code. Someone has to. It means that, for ordinary production software that protects sensitive data of users, we should not rely on a private, unreviewed implementation that has not been vetted by the wider software development community. We should use established, vetted software packages or tools wherever possible. Fortunately, it is now standard industry practice to avoid rolling your own crypto and instead use cryptographic algorithms and packages that have been peer reviewed and stood the test of time. It wasn't so some twenty years ago. I have seen several flawed home-grown RC4 implementations early in my career, with issues like improper initialisation vectors, predictable keystreams and partial leakage of plaintext into ciphertext, putting sensitive data of users at risk. But today, major e-commerce websites or banks typically do not use home-grown cryptography for its web services. In fact, in regulated domains such as payments, healthcare and personal data processing, doing so could violate requirements for strong cryptography, possibly leading to hefty financial penalties. Website design is obviously not cryptography. A broken scroll bar is not the same kind of failure as a broken encryption scheme. But I wish there were a similar maxim for website design as well. There are many aspects of websites where, I think, developers should not be rolling their own X, especially when X is something browsers already do well and something users depend on every day. Here I present a list of such X. Don't roll your own page scrolling. Don't roll your own link navigation. Don't roll your own text selec ## Web Accessibility Myths: Can a Font Choice Violate the ADA? DevFeed: [Web Accessibility Myths: Can a Font Choice Violate the ADA?]() Original publisher: [Read original article]() Author: Alexa Published: 2025-12-21T07:45:00Z Content type: article Language: en Sources: [Blog-Main]() Topics: [Web Content Accessibility Guidelines](), [Web Accessibility (a11y)](), [Font](), [Accessibility](), [web design]() Tags: [accessibility](), [accessibility-guidelines](), [accessibility-requirements](), [accessibility-ux](), [accessible](), [color](), [fonts](), [legibility](), [sans-serif-fonts](), [serif-fonts](), [wcag](), [web-accessibility](), [web-content-accessibility-guidelines]() ### AI overview This article explains that WCAG and the ADA do not require a specific font family. It distinguishes typeface choice from accessibility requirements involving text resizing, color contrast, and avoiding images of text. ### Source excerpt On December 9th, 2025, U.S. Secretary of State Marc Rubio ordered diplomats to stop using Calibri -- a sans serif font -- and to switch back to Times New Roman. Normally, a change in typeface wouldn't make headlines, but Rubio's department took the unusual step of decrying Calibri as both unprofessional and wasteful. ## Responsive and fluid typography with Baseline CSS features DevFeed: [Responsive and fluid typography with Baseline CSS features]() Original publisher: [Read original article]() Author: Miriam Suzanne GitHub Bluesky Homepage Published: 2025-12-16T08:00:00Z Content type: article Language: en Sources: [web.dev: Articles]() Topics: [CSS](), [Accessibility](), [modern web development](), [web design]() Tags: [accessibility](), [article](), [css](), [developer](), [how-to](), [learn](), [typography](), [user-control](), [web-design]() ### AI overview This article explains how responsive and fluid typography can adapt to browser viewport size while preserving user control over font preferences and zoom. It presents Baseline CSS features and emphasizes testing responsive typography for accessibility. ### Source excerpt Learn how to use Baseline CSS features to create typography that responds to the user with accessibility and developer ergonomics in mind. ## ethereum.org Cycle 1 Roadmap Adopts Six-Week Shape Up Development Cycles DevFeed: [ethereum.org Cycle 1 Roadmap Adopts Six-Week Shape Up Development Cycles]() Original publisher: [Read original article]() Author: Digital Studio Published: 2025-01-23T00:00:00Z Content type: article Language: en Sources: [Ethereum Foundation Blog]() Topics: [Website](), [Development](), [Documentation](), [ui](), [Shadcn UI](), [web design]() Tags: [cycles](), [design](), [development](), [documentation](), [ethereum-org](), [shadcn-ui](), [ui](), [ui-components](), [web-design](), [website-design]() ### AI overview ethereum.org describes its first Shape Up cycle, using six-week build periods followed by two-week cooldowns. The roadmap covers interactive educational content, audio support, native Web3 features, documentation updates, translation improvements, Shadcn UI migration, server components, and related ecosystem projects. ### Source excerpt We're evolving how we build ethereum.org. Starting January 20th, we've adopted Shape Up cycles - focused 6-week build periods followed by 2-week cooldowns. For Cycle 1, each project below will ship by the end of February - no automatic rollovers to next cycle. Quick point of clarification: this is... ## Updating our web system for a new era DevFeed: [Updating our web system for a new era]() Original publisher: [Read original article]() Author: Becca Ramos Published: 2024-11-13T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [web design](), [Web](), [Script]() Tags: [components](), [design](), [ecosystem](), [figma](), [latest-features](), [library](), [typography](), [web](), [web-design](), [workflows]() ### AI overview Figma describes how its Web Experience team audited and refreshed the web design system for figma.com during the company's brand refresh. The work addressed redundant components, a less flexible color system, and typography needs, using a script to examine component usage across pages and identify opportunities to simplify the system. ### Source excerpt Want to see how we used Figma's latest features to audit and refresh our web system? Here's a behind-the-scenes look at how we streamlined our components, improved our workflows, and built for the future. ## Svelte launches a unified website for Svelte, SvelteKit, and related resources DevFeed: [Svelte launches a unified website for Svelte, SvelteKit, and related resources]() Original publisher: [Read original article]() Author: Rich Harris Published: 2024-10-21T00:00:00Z Content type: release Language: en Sources: [Svelte blog]() Topics: [Website](), [Svelte](), [Red](), [User interface design](), [web design](), [navigation]() Tags: [dark-mode](), [links](), [modern-web-design](), [navigation](), [svelte](), [sveltekit](), [ui](), [ui-design](), [web-design]() ### AI overview Svelte launched a unified website that brings its main site, SvelteKit, documentation, and tutorial resources under the svelte.dev domain. The consolidation addresses cross-site search, navigation, link validation, shared preferences, and page reload issues. ### Source excerpt Launching Svelte 5 and the brand new sv CLI wasn't enough: we've also released a brand new website. You're looking at it. Up until now, we've maintained multiple different sites under the svelte.dev domain -- the main site, for Svelte itself, along with kit.svelte.dev and learn.svelte.dev. This had some minor benefits, but was mostly a nuisance: inability to search across sites subtly different navigation potential for broken links (at build time, SvelteKit automatically validates that every internal link is correct, but links to other sites are a different matter) preferences such as dark mode are not shared between sites navigating between (for example) documentation and the tutorial involves a full page reload From an implementation perspective, keeping multiple sites in sync proved to be a headache. Having everything under a single roof means you'll have an easier time finding the information you need. Right now, the site includes documentation for Svelte and SvelteKit; soon, it will also cover the CLI and additional packages like vite-plugin-svelte. New look We've also given the site a facelift. Our logo and hero artwork ('the machine'), designed by the brilliant Achim Vedam, are unchanged -- these, and the Svelte orangey-red colour, are still the cornerstones of our visual identity. But many other aspects of the site have been cleaned up, starting with the five Bs -- boxes, backgrounds, borders, box-shadows, bold text -- which are tempting to overuse when organising information on a page. By getting rid of most of these and simplifying our colour palette, the site is calmer, more cohesive and less cramped. We've also updated our button styles so that they actually look like buttons (a radical concept in modern UI design, unfortunately). What the font? Of course, the most salient difference is the typography. Previously, we used Overpass for everything except code -- logo, headers, UI elements and body copy. It's surprisingly versatile given its origins as an adapta ## Humility: An Essential Value DevFeed: [Humility: An Essential Value]() Original publisher: [Read original article]() Author: by Justin Dauer Published: 2023-06-22T13:00:00Z Content type: article Language: en Sources: [A List Apart: The Full Feed]() Topics: [web design](), [HTML](), [JavaScript](), [browser](), [web-standards](), [Accessibility]() Tags: [browser](), [design](), [html](), [javascript](), [web-design](), [web-standards]() ### AI overview This chapter presents humility as an essential value for designers and describes a personal journey from graphic design into web design. It discusses learning HTML and JavaScript to understand how design decisions are rendered in browsers, while reflecting on creativity, connection, usability, accessibility, and the evolving practices of early web design. ### Source excerpt Humility, a designer's essential value--that has a nice ring to it. What about humility, an office manager's essential value? Or a dentist's? Or a librarian's? They all sound great. When humility is our guiding light, the path is always open for fulfillment, evolution, connection, and engagement. In this chapter, we're going to talk about why. That said, this is a book for designers, and to that end, I'd like to start with a story--well, a journey, really. It's a personal one, and I'm going to make myself a bit vulnerable along the way. I call it: The Tale of Justin's Preposterous Pate When I was coming out of art school, a long-haired, goateed neophyte, print was a known quantity to me; design on the web, however, was rife with complexities to navigate and discover, a problem to be solved. Though I had been formally trained in graphic design, typography, and layout, what fascinated me was how these traditional skills might be applied to a fledgling digital landscape. This theme would ultimately shape the rest of my career. So rather than graduate and go into print like many of my friends, I devoured HTML and JavaScript books into the wee hours of the morning and taught myself how to code during my senior year. I wanted--nay, needed--to better understand the underlying implications of what my design decisions would mean once rendered in a browser. The late '90s and early 2000s were the so-called "Wild West" of web design. Designers at the time were all figuring out how to apply design and visual communication to the digital landscape. What were the rules? How could we break them and still engage, entertain, and convey information? At a more macro level, how could my values, inclusive of humility, respect, and connection, align in tandem with that? I was hungry to find out. Though I'm talking about a different era, those are timeless considerations between non-career interactions and the world of design. What are your core passions, or values, that transcend medium? It's ## Infinite scroll with Next.js, Framer Motion, and Supabase DevFeed: [Infinite scroll with Next.js, Framer Motion, and Supabase]() Original publisher: [Read original article]() Author: Francesco Sansalvadore Published: 2023-04-04T07:00:00Z Content type: tutorial Language: en Sources: [Supabase Blog]() Topics: [infinite scroll](), [Next.js](), [Supabase](), [Framer Motion](), [web design](), [Server-side rendering](), [Caching]() Tags: [cache](), [code-splitting](), [data](), [how-to](), [infinite-scroll](), [next-js](), [performance](), [server-side-rendering](), [user-experience](), [web-design]() ### AI overview A tutorial on implementing infinite scrolling with Next.js, Supabase, and Framer Motion. It explains lazy loading ticket data in batches as the user scrolls, with techniques such as server-side rendering, code splitting, caching, prefetching, and debouncing to improve performance and user experience. ### Source excerpt Lazy load and paginate data on scroll with Next.js and a sprinkle of Framer Motion magic ✨ [Next page]()