#webix-grid

[ follow ]
#css
jQuery
fromCSS-Tricks
1 day ago

Selecting a Date Range in CSS | CSS-Tricks

A date range selector allows users to choose a time frame for various scheduling and booking tasks.
#view-transitions
fromBram.us
1 week ago
Web frameworks

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Angular
fromGitHub
1 day 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.
#angular
UX design
fromInfoWorld
1 day 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 day ago

Rethinking Angular forms: A state-first perspective

A state-first perspective simplifies the architectural model of forms in Angular applications.
#tailwind-css
Web development
fromInfoQ
2 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
fromLogRocket Blog
2 months ago
Web frameworks

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.
Web development
fromInfoQ
2 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
Vue
fromInfoQ
2 weeks ago

Vercel Releases JSON-Render: A Generative UI Framework for AI-Driven Interface Composition

Vercel's json-render framework enables AI to generate structured UIs from natural language prompts, enhancing developer efficiency and creativity.
Web development
fromSpeckyboy Design Magazine
4 days ago

How to Use Remote Data Blocks to Display Google Sheets Data in WordPress - Speckyboy

Remote Data Blocks plugin simplifies fetching and displaying external data in WordPress from services like Google Sheets and Airtable.
fromThisweekinreact
2 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
Django
fromLoopwerk
2 weeks ago

Building modern Django apps with Alpine AJAX, revisited

Simplifying the web development stack with an all-Django approach and Alpine AJAX improves efficiency and reduces unnecessary complexity.
Marketing
from3blmedia
2 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.
React
fromThisweekinreact
3 weeks 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.
Web design
fromPiccalilli
4 weeks ago

Building dynamic toggletips using anchored container queries

Chrome 143 introduces anchored container queries, enabling dynamic styling based on active fallback positions in anchor positioning layouts.
fromInfoWorld
3 weeks 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
fromRaymondcamden
1 month ago

Testing Live Content Collections in Astro V6

One of the reasons I've been digging Astro so much is that it nicely straddles the SSG world and Node.js server worlds. When building your app, you can make logical decisions about what should be done at build time versus what should be done dynamically. It's like having Express and Eleventy rolled into one solution.
Web frameworks
Web development
fromSmashing Magazine
3 weeks ago

Dropdowns Inside Scrollable Containers: Why They Break And How To Fix Them Properly - Smashing Magazine

Dropdowns can get clipped inside scrollable panels due to overflow, stacking contexts, and containing blocks.
React
fromSubstack
4 weeks 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.
Digital life
fromFlowingData
1 month ago

Release your lantern

Taiwan Data Stories created an interactive tool allowing users to customize and release virtual lanterns during lunar new year celebrations, inspired by the traditional sky lantern festival in Pingxi.
Web development
fromCSS-Tricks
3 weeks 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.
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.
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.
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.
#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
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.
fromHeat.js
2 months ago

Heat.js : JavaScript Heat Map

Completely free and open source (view our licence here). data_object Supports export for integration with frameworks including React, Vue, and Angular. Fully configurable, featuring custom triggers and adjustable text to support multiple language locales. 60 languages supported by default (view the languages here). Includes multiple views, including Map, Line, Chart, Days, Months, and Color Ranges. export_notes Export data to multiple file formats (view the supported types here), with system clipboard setting support.
Web design
fromRednegra
1 month ago

Virtual Scrolling for Billions of Rows - Techniques from HighTable

The component also provides features for columns (sort, hide, resize), rows (select), cells (keyboard navigation, pointer interactions, custom rendering). Feel free to ask and look at the code if you're interested in knowing more. The <HighTable> component is developed at hyparam/hightable. It was created by Kenny Daniel for Hyperparam, and I've had the chance to contribute to its development for one year now.
Web frameworks
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.
Data science
fromComputerworld
2 months ago

Tableau re-engineers dashboards, adds new analytics tools for business analysts

Tableau 2022.3 adds Data Guide and Table Extension, dynamic dashboards, event auditing, and performance/cost optimization to simplify self-service analytics for business users.
Python
fromRaymondcamden
2 months ago

Building a UI for Gemini File Stores

Gemini File Stores provide persistent file stores with metadata filtering to simplify RAG workflows and support GenAI-powered searches via a simple local Flask app.
fromRubyflow
2 months ago

Animated Map Engine for Ruby (Alpha Preview)

We're introducing a new animated map engine built on top of ruby-libgd and libgd-gis. It allows Ruby applications to render real basemaps, draw GIS layers, and animate moving objects (cars, routes, planes) entirely on the backend - no JavaScript or WebGL required.
#javascript
fromNeutralino
2 months ago

Framework | Neutralinojs

Add window.setBorderless(bool) to toggle borderless mode while the Neutralinojs app is running. Add modes.chrome.browserBinary option to set custom browser binary path under the chrome mode. If this field is specified, the framework will try to launch Chrome from there. If it fails, the framework will initiate the Chrome binary search as usual: Add the modes.window.useLogicalPixels: true|false option to activate DPI-aware sizing based on the operating system's display scale factor.
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
#jquery
Web development
fromRaymondcamden
1 month ago

Using Astro for a Combined RSS View and Generator

An Astro application aggregates multiple Webflow developer product RSS feeds into a unified interface and serves a combined RSS feed for easier tracking of all updates.
JavaScript
fromMedium
2 months ago

billboard.js 3.18.0: Arc annotations, per-group normalization & enhanced treemap labels

Version 3.18.0 adds arc annotation label lines, per-group stack normalization, and treemap label formatter improvements to enhance chart readability and grouping behavior.
Python
fromReuven Lerner
2 months ago

Build YOUR data dashboard - join my next 8-week HOPPy studio cohort

Create shareable interactive data dashboards in Python using Marimo; HOPPy cohort teaches dashboard building with mentorship, live instruction, and modern distribution tools.
fromblog.logrocket.com
2 months ago

Which UI libraries/frameworks support the Linear aesthetic? - LogRocket Blog

Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.
UX design
fromjQuery Script
1 month ago

Flick-style Image Annotation Library for Vanilla JS, jQuery & React

Annotate Image is a JavaScript image annotation library that creates Flickr-style comment annotations on images. You can draw rectangular regions on any image and attach interactive hotspots and notes to those regions. Version 2.0 is a complete TypeScript rewrite that works standalone with vanilla JavaScript or integrates with jQuery, React, and Vue. It's ideal for building photo galleries, design review tools, or any application requiring collaborative image markup.
JavaScript
UX design
fromSmashing Magazine
2 months ago

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One - Smashing Magazine

Choose list UI patterns based on option count and required visibility: combobox, multiselect, listbox, dropdown, or dual listbox for bulk transfers.
React
fromThisweekinreact
1 month ago

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 Foundation launched while Cloudflare rebuilt Next.js with AI in one week, and React Native expands with Hermes-node and CSS Grid support.
#react
fromGitHub
1 month ago
React

GitHub - svar-widgets/react-gantt: High-performance React Gantt chart with TypeScript support and flexible timeline configuration.

fromThisweekinreact
2 months ago
React

This Week In React #264: Next.js, Immer, React Router, Waku, Ant, React Conf, | Voltra, 0.84 RC, Hermes, Galeria, Nitro, Radon, Facetpack, Rock, Haptics | Chrome, Astro, Turborepo, Rspack, Rising Stars | This Week In React

fromGitHub
1 month ago
React

GitHub - svar-widgets/react-gantt: High-performance React Gantt chart with TypeScript support and flexible timeline configuration.

fromThisweekinreact
2 months ago
React

This Week In React #264: Next.js, Immer, React Router, Waku, Ant, React Conf, | Voltra, 0.84 RC, Hermes, Galeria, Nitro, Radon, Facetpack, Rock, Haptics | Chrome, Astro, Turborepo, Rspack, Rising Stars | This Week In React

UX design
fromSmashing Magazine
2 months ago

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One - Smashing Magazine

Use combobox for single searchable selection; multiselect for multiple searchable selections; listbox to show all options by default; dual listbox to transfer items between lists.
Web development
fromInfoWorld
1 month ago

The browser is your database: Local-first comes of age

Local-first technologies like PGlite and RxDB embed feature-rich databases directly in browsers, enabling instant interactivity while maintaining server synchronization through background sync engines.
UX design
fromVue.js Jobs
1 month ago

UI Software Engineer at Precision Medicine Group - VueJobs

Hands-on UI/UX front-end engineer designs, prototypes, and builds user-centered laboratory applications, leverages AI-assisted tools, and manages third-party UI components for performance and validation.
fromInfoQ
1 month ago

Waku: The Minimal React Framework Reaches Alpha

Waku, a minimal React framework has released version 1.0 alpha, marking its public API surface area as stable as the project shifts focus towards bug fixes and compatibility improvements. Waku 1.0 alpha represents a significant milestone for the lightweight framework, which has been in development for nearly three years. The release stabilises the framework's public APIs and signals a transition from feature development to refinement and stability.
Web frameworks
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.
fromThisweekinreact
2 months ago

React Hebdo #265: React Skills, json-render, ViewTransition, Base UI, shadcn, Store, MDX, GTK | RN Windows/macOS/Harmony, Brownie, Enriched, Navigation, Teleport, Nitro | TC39, Astro, jQuery, Node.js | This Week In React

Hi everyone! This week, we saw a lot of activity on X about the new AI skills system. Personally, what excited me most is the new Firefox release that unlocks interesting things for React developers. The React Native ecosystem is also super active, with many interesting releases. And I'm sure Expo 55 beta will drop just after we send our email 😅, so make sure to check their blog because it's coming soon. Don't miss the next email! As always, thanks for supporting us on your favorite platform:
React
Web development
fromCSS-Tricks
2 months ago

CSS Bar Charts Using Modern Functions | CSS-Tricks

New CSS features like sibling-index() and attr() enable creating declarative, efficient bar charts using CSS Grid and data-attributes with minimal markup.
Web development
fromTalkpython
2 months ago

PyView: Real-time Python Web Apps

PyView brings Phoenix LiveView-style real-time, server-driven UI updates to Python using async WebSockets and server-side rendering to simplify modern web stacks.
#scalajs
fromWebKit
2 months ago

When will CSS Grid Lanes arrive? How long until we can use it?

Anytime an exciting new web technology starts to land in browsers, developers want to know "when in the world am I going to be able to use this?" Currently, the finalized syntax for Grid Lanes is available in Safari Technology Preview. Edge, Chrome and Firefox have all made significant progress on their implementations, so it's going to arrive sooner than you think. Plus, you can start using it as soon as you want to with progressive enhancement.
Web development
fromRaymondcamden
2 months ago

Building a Bluesky Sentiment Dashboard with Alpine and Chrome AI

Good morning, programs! Today I'm sharing yet another example of Chrome's on-device AI features, this time to demonstrate a &quot;Bluesky Sentiment Dashboard&quot;. In other words, a tool that lets you enter terms and then get a report on the average sentiment for posts using that word. I actually did this before (and yes, I forgot until about a minute ago) last year using Transformers.js: Building a Bluesky AI Sentiment Analysis Dashboard.
Web development
Web development
fromCSS-Tricks
2 months ago

Playing With CodePen slideVars | CSS-Tricks

CodePen's slideVars auto-detects CSS variables and generates an editable UI with manual configuration for input types, ranges, units, and scope.
fromFrontendmasters
2 months ago

Performance-Optimized Video Embeds with Zero JavaScript

Every embedded video comes with a real cost to page load performance. Each player loads extra resources, whether the user ever hits play or not, as Chris Coyier noted in his blog post on "YouTube Embeds are Bananas Heavy and it's Fixable". The approach of using in that article works well when the video appears further down on the page and loads outside of the initial viewport. If the video is directly in the initial viewport, it can still cause a cumulative layout shift (CLS).
Web development
[ Load more ]