#interactive-graphics

[ follow ]
#css
JavaScript
fromRubyflow
1 day ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
JavaScript
fromRubyflow
1 day ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Online learning
fromeLearning Industry
13 hours ago

What Is Real Interactivity In eLearning? (And Why Clicks Don't Count)

Real interactivity in learning requires decision-making and consequences, not just reactive actions like clicking or revealing content.
#user-experience
Growth hacking
fromEntrepreneur
1 day ago

How to Understand Your Website Through Your User's Eyes

User journey maps enhance understanding of user goals, questions, and needed information, improving website navigation and user experience.
UX design
fromMedium
3 days ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
Growth hacking
fromEntrepreneur
1 day ago

How to Understand Your Website Through Your User's Eyes

User journey maps enhance understanding of user goals, questions, and needed information, improving website navigation and user experience.
UX design
fromMedium
3 days ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
#accessibility
Marketing tech
fromDigiday
9 hours ago

While AI is building the web faster than ever, accessibility can't be left behind

AI has accelerated marketing processes, but speed can compromise accessibility, impacting customer experience and conversion rates for people with disabilities.
UX design
fromMedium
4 days ago

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.
Marketing tech
fromDigiday
9 hours ago

While AI is building the web faster than ever, accessibility can't be left behind

AI has accelerated marketing processes, but speed can compromise accessibility, impacting customer experience and conversion rates for people with disabilities.
UX design
fromMedium
4 days ago

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.
#ai
Startup companies
fromTechCrunch
9 hours ago

Sierra's Bret Taylor says the era of clicking buttons is over | TechCrunch

The future of software interaction will shift from traditional interfaces to natural language prompts, enabling users to create agents autonomously.
Data science
fromMedium
3 days ago

Data models: the shared language your AI and team are both missing

Understanding the attention mechanism in AI is crucial for effective use of AI tools.
#productivity
UX design
fromMedium
5 days ago

Do less with AI

Trying to do too much hinders productivity and leads to unfinished projects and feelings of inadequacy.
UX design
fromMedium
5 days ago

Do less with AI

Trying to do too much hinders productivity and leads to unfinished projects and feelings of inadequacy.
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.
#design
UX design
fromMedium
2 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
UX design
fromMedium
2 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
#claude-code
UX design
fromMedium
1 day ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
Web design
fromMedium
2 days ago

Cowork Mode in Claude Code for Product Design Tasks

Claude Code for Desktop features Chat, Cowork, and Code modes for different interaction types, with Cowork facilitating deeper project engagement.
UX design
fromMedium
1 day ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
Web design
fromMedium
2 days ago

Cowork Mode in Claude Code for Product Design Tasks

Claude Code for Desktop features Chat, Cowork, and Code modes for different interaction types, with Cowork facilitating deeper project engagement.
fromThe Verge
16 hours ago

Spotify now lets you turn off all its videos

The new controls allow users to disable access to music videos and all other videos, including podcasts and vertical video, enhancing user experience.
Podcast
#meta
Artificial intelligence
fromFortune
17 hours ago

Meta just killed a dashboard that let employees compete to be the company's No. 1 AI token user | Fortune

Meta employees created a leaderboard tracking AI token usage, promoting productivity measurement, but it was taken down due to external data sharing concerns.
UX design
fromMedium
3 days ago

We didn't mean to build this- engagement at any cost

Meta was fined $375 million for misleading users about platform safety, highlighting systemic issues in tech design and user protection.
Artificial intelligence
fromFortune
17 hours ago

Meta just killed a dashboard that let employees compete to be the company's No. 1 AI token user | Fortune

Meta employees created a leaderboard tracking AI token usage, promoting productivity measurement, but it was taken down due to external data sharing concerns.
UX design
fromMedium
3 days ago

We didn't mean to build this- engagement at any cost

Meta was fined $375 million for misleading users about platform safety, highlighting systemic issues in tech design and user protection.
fromFast Company
1 day ago

'We make people feel something as a result of our work:' Figma's chief design officer on how to build impactful technology

"If we are successful, we make people feel something as a result of our work," says Crisan, emphasizing the emotional impact of design.
Music production
Graphic design
fromBusiness Matters
3 days ago

How Aleksandr Loginov Is Redefining Design in the Age of AI

Recent design tools enable precise control, shifting designers' roles towards systems architecture and usability in creative production.
#wordpress
Web development
fromSpeckyboy Design Magazine
3 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.
Web development
fromSpeckyboy Design Magazine
3 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.
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.
Television
fromTechCrunch
1 day ago

As YouTube grows on TV, it eyes more interactive video across formats | TechCrunch

YouTube is enhancing interactive features for TV viewing as connected TVs account for a growing share of its watch time.
Social media marketing
fromTechCrunch
2 days ago

AI design platform Picsart launches a creator monetization program | TechCrunch

Picsart launches a creator monetization program allowing all creators to earn revenue based on audience engagement without minimum audience size requirements.
fromYanko Design - Modern Industrial Design News
3 days ago

Your Phone Has 12 Calendar Apps. None of Them Look Like This - Yanko Design

The 1970s were a sweet spot in product design, especially in France, where makers were beginning to marry natural materials like wood with the new optimism of plastic.
Design
Remote teams
fromEntrepreneur
3 days ago

Jack Dorsey Says His Employees Have Stopped Bringing Slide Decks to Meetings. Here's What They Show Up With Instead.

Block CEO Jack Dorsey states employees now present AI-created prototypes in meetings instead of slide decks, enhancing realism and adaptability.
Digital life
fromFast Company
6 days ago

The web can still be wonderful, and Flipboard's Surf proves it

Surf is a new discovery engine that curates content from various platforms, offering a refreshing way to engage with the internet.
Tech industry
fromFortune
1 week ago

Do creators still need Adobe in the AI era? | Fortune

Adobe must adapt to AI rapidly while maintaining trust with enterprise customers reliant on its software.
Productivity
fromTNW | Offers
1 day ago

Miro now puts AI agents on your team's whiteboard

Miro launched AI Workflows to enhance team collaboration by integrating AI directly into visual collaboration tools, addressing the limitations of traditional AI tools.
Podcast
fromFast Company
3 days ago

3 AI tools that make keeping up with the news easier

Huxe is a personalized audio app that generates custom podcasts based on user interests, calendar, and email.
fromeLearning
1 week ago
Online learning

Enhancing Learner Engagement Across AI-Powered Learning Platforms - eLearning

Active, data-driven experiences enhance digital education, but engagement and consistency remain challenges for learners.
Software development
fromMedium
6 days ago

How To Automate Product Design Tasks with Claude Code

AI agents can independently perform specific tasks in product design, enhancing efficiency and effectiveness.
Data science
fromMedium
6 days ago

Context matters... A lot

Large language models excel at tasks but struggle with context, leading to potentially misleading answers despite their capabilities.
UX design
fromMedium
2 days ago

The old design workshop is dead. Long live design workshops.

Workshops are becoming less effective due to unclear outcomes and lengthy formats, leading to stakeholder confusion and dissatisfaction.
Marketing tech
fromTNW | Apps
2 days ago

Picsart launches

Picsart's new monetization program rewards creators based on content performance, challenging traditional follower-based earnings models.
Graphic design
fromFast Company
1 week ago

Adobe Illustrator just got the holy grail of illustration tools

Turntable in Adobe Illustrator uses generative AI to convert 2D vector illustrations into 3D objects, saving time for creators.
jQuery
fromCSS-Tricks
2 weeks ago

Experimenting With Scroll-Driven corner-shape Animations | CSS-Tricks

Scroll-driven animations and CSS corner-shape property enable innovative design features in web development.
Online learning
fromeLearning Industry
6 days ago

From Manual To Intelligent: How AI Automation Is Reshaping L&D Operations

AI automation can alleviate operational burdens on L&D teams, allowing them to focus on strategic tasks and improve learning quality.
UX design
fromMedium
2 days ago

Beyond the user: why design needs to widen its circle

Human-centered design must evolve to consider ecological impacts alongside user comfort and needs.
UX design
fromProtoPie
3 days ago

AI Prototyping Tools: Why Control Matters As Much As Speed

AI prototyping tools enhance design validation by enabling high-fidelity, user-testable prototypes that require refinement beyond initial generation.
Marketing tech
fromTNW | Artificial-Intelligence
1 week ago

Flipsnack's Living Visuals signals the shift to immersive AI-driven content

Interactive content generates higher engagement than static formats, transforming digital content production expectations in commerce and B2B environments.
jQuery
fromjQuery Script
3 weeks ago

Add Interactive SVG Markers to Images - jQuery mapsvgmarker

map svgmarker is a jQuery plugin for adding editable, draggable SVG markers to images.
UX design
fromMedium
3 days ago

The UX ground is shaking, synthetic users, building perspective

A clear design perspective is crucial; it defines what to exclude, ensuring focus on what truly matters.
#ai-design-tools
Web design
fromFast Company
3 weeks ago

Figma takes a hit as Google doubles down on 'vibe design'

Google launches AI-native Stitch design tool with new features including infinite canvas, AI agents, and design system integration to compete in the AI-powered UI design market.
fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

Web design
fromFast Company
3 weeks ago

Figma takes a hit as Google doubles down on 'vibe design'

Google launches AI-native Stitch design tool with new features including infinite canvas, AI agents, and design system integration to compete in the AI-powered UI design market.
fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

fromMedium
5 months ago
UX design

I Tested 5 AI Tools on 10 Real UI Design Prompts-Here's What Actually Works in 2025

UX design
fromFast Company
3 days ago

Design has been solving the wrong problem

Design should prioritize real-life usability over aesthetic appeal to enhance long-term satisfaction with products.
Online learning
fromeLearning
3 weeks ago

Building Realistic Software Simulations with Enhanced Shapes in Adobe Captivate - eLearning

Adobe Captivate records software actions and converts them into interactive eLearning courses with three modes: Demo for viewing, Training for practicing, and Assessment for testing.
UX design
fromMedium
4 days ago

"Vibe coding" is accelerating the erosion of design authority

Google Stitch impresses as a rapid interface generator but suffers from common flaws of vibe coding tools, including visual homogeneity and unrefined code.
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.
UX design
fromMedium
5 days ago

You're not supposed to get it right

Design challenges for UX writers can be intimidating due to the pressure of making quick, impactful decisions and the emphasis on visual elements.
Design
fromBusiness Matters
1 month ago

Why You Should Beautify Slides for Better Engagement and Clarity

Effective presentations prioritize clear messages with supporting visuals over decorative design, making content memorable and engaging while reducing cognitive load for audiences.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromMedium
2 weeks ago

The mirage of UX Design's demise keeps coming back

The claim that 'UX Design is dead' reflects deeper anxieties about existence and professional relevance.
UX design
fromKarl Koch
3 weeks ago

Karl Koch | On clip-path animations

The WorkCard detail panel features a circular reveal that enhances interaction by connecting the overlay to the trigger button.
Coffee
fromMedium
2 months ago

The art of unnecessary story

Humorous and intentionally unnecessary website copy on an Amsterdam coffee roastery's site increases customer enjoyment and strengthens brand appeal.
Cooking
fromMedium
1 month ago

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.
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.
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
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.
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.
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
Web design
fromMedium
2 months ago

Generate Animated Effects for the Web with Claude

AI tools like Anthropic's Claude can generate high-quality web animated effects and ready-to-use prompts, streamlining creation of polished, lightweight UI animations.
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.
#ai-assisted-design
UX design
fromNeil Patel
1 month ago

How to Use AI for Graphic Design

AI accelerates design workflows through integrated tools that enhance ideation and iteration while requiring human judgment for brand strategy and final decisions.
fromMedium
2 months ago
UX design

Designers as orchestrators, uncertain AI, designing with Cursor, how UX impacts P&L

AI in 2025 eliminated the barrier between design intent and implementation, enabling designers to translate concepts into working software and shifting roles toward agent orchestration.
UX design
fromNeil Patel
1 month ago

How to Use AI for Graphic Design

AI accelerates design workflows through integrated tools that enhance ideation and iteration while requiring human judgment for brand strategy and final decisions.
fromMedium
2 months ago
UX design

Designers as orchestrators, uncertain AI, designing with Cursor, how UX impacts P&L

Web development
fromInfoQ
1 month ago

Shadcn Releases Visual Project Builder

shadcn offers a visual project builder via npx shadcn create that lets developers configure themes, components, and frameworks before generating project code.
UX design
fromMedium
2 months ago

Data visualization. How to make it understandable

Unreadable visualizations turn tools into puzzles, causing users to feel stupid, frustrated, and deceived while impeding comprehension and efficiency.
UX design
fromLogRocket Blog
2 months ago

How to animate SVG with CSS: Tutorial with examples - LogRocket Blog

Use lightweight SVGs with CSS and scroll-driven animations for performant, scalable web animations that enhance UX while avoiding bulky GIFs and videos.
fromMedium
2 months ago

AI Tools Designers Should Stick With in 2026

In 2026, the designers who thrive won't be the ones who just create beautiful Figma files. They will be the ones who understand structure, logic, systems, interactions, and implementation. FigmaMake generates surprisingly coherent interface layouts that respect design patterns and component logic. It allows us to create coded interactive prototypes in minutes, allowing to test our experiences faster and see our ideas live. The best part - no need to leave Figma.
UX design
fromMedium
3 months ago

A Practical Prompting Guide for Figma Make

One skill separates good designers: the ability to clearly articulate their intention. No matter what tool you use, whether it's a traditional UI design tool like Figma or Sketch or AI tools like Figma Make, your ability to explain what you want to see accounts for 50% of your design success. The other 50% comes from your hard and soft skills. When it comes to AI-powered design, your ability to write decent prompts will have a direct impact on the quality of your design. In this guide, I want to share some specific tips and tricks that you can use for Figma Make to maximize the output.
UX design
UX design
fromMedium
2 months ago

The new UX Toolkit: data, context, and evals

AI product experiences are generated probabilistically in real time, requiring UX to design model behavior and system constraints rather than only interfaces.
UX design
fromMedium
2 months ago

Figma Make: Recreating UI with AI

Figma Make can transform prompts or submitted UI images into tangible, interactive prototypes, handling low- to high-fidelity designs and recreating existing work.
UX design
fromMedium
2 months ago

Stop Burying Your Impact: Why Most UX Storytelling Advice Falls Flat

Begin UX storytelling by answering 'Why should they care?' and choose the appropriate story type rather than defaulting to common frameworks.
UX design
fromMedium
1 year ago

Design System Success with AI Coding Assistants

Ensure AI coding assistants apply a composable, modular design system using centralized tokens, versioned components, clear dependencies, testing, and documentation.
[ Load more ]