#angular-17

[ follow ]
Vue
fromRaymondcamden
1 day ago

Building a Simple Markdown PWA App

A Markdown viewer app was built using Electron, focusing on simplicity and functionality for viewing Markdown files.
#css
Web development
fromMedium
2 hours ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromMedium
2 hours ago

CSS you didn't know you could style

CSS can style native browser elements like user selection highlights and scrollbars, enhancing the overall design of a website.
Web development
fromWebKit
1 week ago

Name-only @container queries: A solution to the naming wars

Name-only @container queries simplify styling by improving scoping without increasing specificity, addressing conflicts in CSS for elements with similar names.
Web frameworks
fromInfoQ
1 day ago

Building Production-Ready tRPC APIs: The TypeScript Alternative to Apollo Federation

tRPC provides end-to-end type safety, significantly reducing API bugs and improving performance compared to GraphQL Federation.
#javascript
fromCSS-Tricks
5 days ago
Node JS

A Well-Designed JavaScript Module System is Your First Architecture Decision | CSS-Tricks

Node JS
fromFrontendmasters
2 weeks ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
fromInfoQ
1 month ago
Node JS

State of JavaScript 2025: Survey Reveals a Maturing Ecosystem with TypeScript Cementing Dominance

Node JS
fromAllthingssmitty
1 day ago

Why I don't chain everything in JavaScript anymore - Matt Smith

Chaining methods in JavaScript can complicate readability and debugging, making step-by-step coding often clearer and easier to manage.
Node JS
fromCSS-Tricks
5 days ago

A Well-Designed JavaScript Module System is Your First Architecture Decision | CSS-Tricks

JavaScript modules enable private scopes and controlled global access, essential for managing large programs and avoiding conflicts.
Node JS
fromFrontendmasters
2 weeks ago

What To Know in JavaScript (2026 Edition)

JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
Vue
fromwww.jqueryscript.net
3 weeks ago

Weekly Web Design & Development News: Collective #650

TypeScript 6.0 and Vite 8.0 enhance development, while Shopify's Tinker offers over 100 free AI creative tools.
Node JS
fromInfoQ
1 month ago

State of JavaScript 2025: Survey Reveals a Maturing Ecosystem with TypeScript Cementing Dominance

TypeScript continues to dominate the JavaScript ecosystem, with 40% of developers using it exclusively, while Vite surpasses Webpack in satisfaction.
#web-development
Web development
fromTreehouse Blog
6 days ago

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.
Web design
fromSpeckyboy Design Magazine
2 days ago

How AI Could Change Collaboration for Web Designers & Developers - Speckyboy

Connecting with web professionals enhances learning and productivity, while AI is transforming workflows and relationships in the industry.
Web development
fromTreehouse Blog
6 days ago

The Difference Between Front End, Back End, and Full Stack Development

Front-end, back-end, and full stack are distinct roles in web development, each with unique responsibilities and technologies.
UX design
fromMedium
2 days ago

Becoming an AI-native designer

Developing design sense in code requires externalizing tacit knowledge and effectively communicating context, components, and criteria to AI.
fromMouse Vs Python
4 days ago

Textual - An Intro to DOM Queries (Part I) - Mouse Vs Python

The query_one() method throughout the Textual documentation allows users to retrieve a single widget that matches a CSS selector or a widget type. You can pass in up to two parameters to query_one(), which are the CSS selector and the widget type, or both at the same time.
jQuery
Graphic design
fromMedium
5 days ago

Nano Banana in Figma

Figma introduced an AI image generator and editor to streamline image creation and modification within the design platform.
Angular
fromMedium
1 week ago

15+ Best Shadcn Templates for Next.js Developers

Choosing the right Shadcn template for Next.js impacts performance, maintainability, and scalability.
Web frameworks
fromInfoQ
1 day ago

Pretext.js Bypasses DOM Layout Reflow, Enabling Advanced UX Patterns at 120 FPS

Pretext is a TypeScript library that enhances UI performance by measuring text without causing DOM reflows.
fromThisweekinreact
6 days ago

This Week In React #277: TanStack RSC, React2Dos, Next.js, MUI, Base UI, Aria, StyledComponents, Storm | Pulsar, Nitro Fetch, Flow, Agent React DevTools, Pretext, Vector, Metro, Ease, Voltra | HTML-in-Canvas, Yuku, Bun, Syncpack | This Week In React

TanStack RSCs are supported through three primitive APIs that allow manipulation of RSCs as any other stream of data, compatible with tools like React Query and TanStack Router.
React
UX design
fromMedium
3 days ago

Haptics: how to build a consistent cross-platform solution and align code with Figma

Implementing consistent haptics across iOS, Android, and mobile web enhances user experience through tactile feedback.
Web design
fromZDNET
4 days ago

AI-powered website builders have come a long way - here's your best option in 2026

Generative AI significantly enhances web development, with notable improvements in AI-based website builders since 2025.
Angular
fromGitHub
1 week ago

GitHub - Aejkatappaja/phantom-ui: Structure-aware skeleton loader. One Web Component, every framework.

phantom-ui automates skeleton screen generation by measuring the DOM, eliminating the need for separate skeleton components.
UX design
fromMedium
6 days ago

The Future of UI Design is Agentic Design

AI tools are now integral to product design, enabling collaborative UI creation and refinement in tools like Figma.
Marketing
from3blmedia
4 weeks ago

What We Learned From Talking to Hundreds of Web Designers a

Freelancers and agencies seek market-wide data to inform their business decisions and strategies.
#angular
UX design
fromInfoWorld
1 week ago

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
UX design
fromInfoWorld
1 week ago

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
fromInfoQ
2 weeks ago

Module Federation 2.0 Reaches Stable Release with Wider Support Outside of Webpack

The dynamic type hints feature in Module Federation 2.0 dramatically streamlines the development process by automatically generating and loading types from remote modules, eliminating the need for shared type packages.
Angular
Web development
fromEngadget
5 days ago

Opera adds Browser Connector for integrating AI chatbots

Opera introduces Browser Connector, allowing integration of ChatGPT or Claude for enhanced browsing with AI assistance.
#ai
Web development
fromInfoWorld
6 days ago

Tap into the AI APIs of Google Chrome and Microsoft Edge

Chrome and Edge browsers provide built-in APIs for local AI tasks like translation and summarization using locally hosted models.
Web development
fromInfoWorld
6 days ago

Tap into the AI APIs of Google Chrome and Microsoft Edge

Chrome and Edge browsers provide built-in APIs for local AI tasks like translation and summarization using locally hosted models.
Web development
fromTechCrunch
6 days ago

Google adds AI Skills to Chrome to help you save favorite workflows | TechCrunch

Google introduces Skills in Chrome, allowing users to save and reuse AI prompts across webpages for enhanced browsing efficiency.
fromThisweekinreact
3 weeks ago

This Week In React #274: Next.js, React Router, Storybook, HeroUI, Remotion, Lucide, useEffect | Reanimated, Worklets, Nitro Fetch, Navigation, Rozenite, MMKV, Windows, Swift | TypeScript, Signals, Zero, Valibot | This Week In React

Next.js 16.2 comes with significant performance improvements, including a ~400% faster next dev startup and ~50% faster rendering thanks to a React core RSC contribution.
React
fromInfoWorld
1 month ago

We mistook event handling for architecture

Events are essential inputs to modern front-end systems. But when we mistake reactions for architecture, complexity quietly multiplies. Over time, many front-end architectures have come to resemble chains of reactions rather than models of structure. The result is systems that are expressive, but increasingly difficult to reason about.
React
React
fromThisweekinreact
1 month ago

This Week In React #273: RedwoodSDK, Next.js, TanStack, RSC, Async React, SSR, Base UI, AI | Expo UI, Ease, Expo APIs, Keyboard, Flow, DnD, AI | TC39, Temporal, Vite, Vite+, Vitest, Oxlint, Node.js, Bun | This Week In React

RedwoodSDK 1.0 launched with Vite, React Server Components, and Cloudflare integration, offering explicit APIs and composable web primitives for meta-framework development.
UX design
fromAdamsilver.io
1 month ago

Why designing in code makes you a better designer

The web has inherent properties like fluidity and vertical stacking; designing with these properties rather than against them creates better, more functional digital experiences.
React
fromSubstack
1 month ago

5 React Hooks Techniques to Improve Component Performance

Hooks enable cleaner React components, but poor implementation causes performance issues; strategic use of useMemo, custom Hooks, and proper useEffect cleanup prevents unnecessary renders and memory leaks.
Information security
fromInfoWorld
1 month ago

Angular releases patches for SSR security issues

Google's Angular team released two security updates for SSR vulnerabilities: a critical SSRF/header injection flaw and a moderate open redirect flaw, requiring immediate patching to prevent authorization header theft and phishing attacks.
fromMedium
1 year ago

Modern Web Architectures: Composability with Harmony

Over the past decade, software development has undergone a massive transformation due to continuous innovations in tools, processors and novel architectures. In the past, most applications were monoliths and then shifted to microservices, and now we find ourselves embracing composability - a paradigm that prioritizes modular, reusable, and flexible software design. Instead of writing separate, tightly coupled applications, developers now compose software using reusable business capabilities that can be plugged into multiple projects. This enables greater scalability, maintainability, and collaboration across teams and organizations. At the heart of this movement is Bit Harmony, a framework designed to make composability a first-class citizen in modern web development.
Software development
Web development
fromTreehouse Blog
1 month ago

Full Stack Web Development: What It Is and How to Get Started

Full stack developers build both front-end user interfaces and back-end server code, making them valuable across entire web applications.
React
fromSmashing Magazine
1 month ago

Building Dynamic Forms In React And Next.js - Smashing Magazine

Forms evolve from UI components into rule engines when they accumulate conditional logic, derived values, and complex business rules that exceed standard form library capabilities.
Software development
fromInfoQ
2 months ago

The Ideal Micro-Frontends Platform

Micro-frontends apply microservice principles to the frontend, enabling autonomous teams but requiring solutions beyond runtime component loading due to added complexity.
Angular
fromLogRocket Blog
1 month ago

Signal Forms: Angular's best quality of life update in years - LogRocket Blog

Angular 21 introduces signals for forms, marking the framework's most significant form improvement by simplifying asynchronous data handling and reducing complexity for developers.
fromInfoWorld
1 month ago

The right way to architect modern web applications

Modern web applications are no longer just "sites." They are long-lived, highly interactive systems that span multiple runtimes, global content delivery networks, edge caches, background workers, and increasingly complex data pipelines. They are expected to load instantly, remain responsive under poor network conditions, and degrade gracefully when something goes wrong.
Web frameworks
Web development
fromCSS-Tricks
1 month ago

4 Reasons That Make Tailwind Great for Building Layouts | CSS-Tricks

Tailwind CSS utilities make layouts more readable and mentally visualizable than traditional CSS by keeping HTML structure apparent in the code.
Software development
fromMedium
2 months ago

Top 7 Lovable alternatives for production-grade apps in 2026

Lovable enables instant prototyping but lacks the structure, tooling, and discipline required for production; teams need alternatives emphasizing architecture, testability, versioning, CI, and dependency management.
Web frameworks
fromLogRocket Blog
2 months ago

A dev's guide to Tailwind CSS in 2026 - LogRocket Blog

Tailwind CSS remains highly popular, but AI-driven code generation sharply reduced documentation traffic and Tailwind Labs' revenue, prompting major layoffs and strategic reassessment.
Software development
fromVue.js Jobs
2 months ago

.NET Engineer (Fullstack) at ASCENDING - VueJobs

Design and maintain full-stack .NET applications using C#, ASP.NET, SQL Server, Azure DevOps, and modern UI frameworks, incorporating AI/ML for fraud detection and automation.
Web frameworks
fromLoicpoullain
1 month ago

The future of web frameworks in the age of AI

AI agents now generate 90-95% of production code, requiring frameworks to be AI-understandable with comprehensive documentation and clear examples to remain competitive.
Web development
fromFlorianschulz
1 month ago

Design Engineering 101: Typeahead

Typeahead features suggest text completions as users type, with two variants: dimmed text and highlighted text with additional styling, requiring custom implementation beyond standard HTML elements.
Web frameworks
fromInfoWorld
2 months ago

Reactive state management with JavaScript Signals

Signals provide fine-grained reactive state that pushes updates efficiently, simplifying state management and reducing framework rendering overhead.
fromTreehouse Blog
1 month ago

React Basics: Build Interactive UI the Right Way

When applications grow, state becomes messy, components break, and small changes ripple into unexpected bugs. This is where many learners realize that knowing React syntax is not the same as knowing how React applications are built.
React
UX design
fromSubstack
1 month ago

How Agentation Cut Claude Code UI Iterations in Half

Agentation creates a reliable mapping between visible browser UI elements and their React code, enabling precise, faster AI-assisted UI edits and reducing iteration time.
React
fromdev.to
1 month ago

React Compiler and Beyond: Capability Boundaries of Compiler-Driven UI Frameworks

React Compiler optimizes expression and render costs within React's runtime, while compiler-first frameworks like Fict move update routing to compile time for dependency propagation, representing different engineering trade-offs rather than competing solutions.
#react
fromThisweekinreact
1 month ago

This Week In React #271: Vinext, RSC, Activity, Async React, Next.js, TanStack | Expo 55, Router, Survey, Enriched, Maestro, Metro, Sparkling, Grab, Brownfield | TC39, Temporal, Navigation, npmx, Bun, Deno, Solid | This Week In React

We've identified, responsibly disclosed, and confirmed 2 critical, 2 high, 2 medium, 1 low security vulnerabilities. Vibe-Hacking Cloudflare's Vibe-Coded Next.js Replacement demonstrates that AI-generated code passing functional tests can still miss security hardening, and automated AI tooling can help find those vulnerabilities.
React
React
fromMedium
3 months ago

Embedding Laminar Components Inside React: A Scala.js Integration Guide

Mount a React root inside a Laminar element, store the ReactRoot for cleanup on unmount, and use Airstream-driven props to keep state outside React hooks.
Web development
fromFrontendmasters
1 month ago

The Big Gotcha of Anchor Positioning

Anchor Positioning in CSS has significant limitations preventing elements from being positioned relative to others regardless of DOM placement, requiring careful consideration of element ordering and positioning values.
#react-foundation
fromThisweekinreact
1 month ago
React

This Week In React #270: Next.js, React Router, TanStack, Ink, Async, AI | Hermes, React Navigation, CSS Grid, Maestro, QuickPush, Screens, Expo Skills, Async Storage | Node, Oxfmt, TypeScript, Border Shape, Sprites | This Week In React

fromThisweekinreact
1 month ago
React

This Week In React #270: Next.js, React Router, TanStack, Ink, Async, AI | Hermes, React Navigation, CSS Grid, Maestro, QuickPush, Screens, Expo Skills, Async Storage | Node, Oxfmt, TypeScript, Border Shape, Sprites | This Week In React

React
fromLogRocket Blog
2 months ago

Comparing the best React animation libraries for 2026 - LogRocket Blog

Choose animation libraries balancing developer experience, features, performance, and bundle size; consider CSS-first approaches for smaller bundles and production alternatives.
fromLogRocket Blog
2 months ago

How to build agentic frontend applications with CopilotKit - LogRocket Blog

The web is full of AI assistants that appear to understand application UIs, user data, and intent. In practice, however, most of these systems operate outside the application itself. When you try to build one from scratch, you quickly run into a core limitation: large language models have no native understanding of your React state, component hierarchy, or business logic.
Web development
#popover-api
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromCSS-Tricks
1 month ago

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Use Popover API for most popovers and Dialog API only for modal dialogs, as they differ significantly in accessibility despite appearing similar.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
Web development
fromCSS-Tricks
1 month ago

Popover API or Dialog API: Which to Choose? | CSS-Tricks

Use Popover API for most popovers and Dialog API only for modal dialogs, as they differ significantly in accessibility despite appearing similar.
Web development
fromSmashing Magazine
1 month ago

Getting Started With The Popover API - Smashing Magazine

The Popover API enables browsers to natively handle tooltips, eliminating the need for complex JavaScript libraries and providing built-in keyboard interaction, accessibility, and focus management.
React
fromMedium
3 years ago

Oh Hello Apollo Client , Goodbye Redux!

Apollo Client 3 combined with GraphQL and React hooks can replace Redux for many apps by reducing boilerplate and providing built-in loading, error, and cache features.
Web development
fromLogRocket Blog
2 months ago

CSS in 2026: The new features reshaping frontend development - LogRocket Blog

Modern CSS can replace JavaScript for many interactive features, enabling complex animations, customizable controls, and scroll interaction through new native CSS features.
[ Load more ]