Dale de Silva

Product Designer
and Developer
at the intersection of motion, art, and code.

I'm a rapid & hi-fidelity prototyper at design stage or in code.

I'm an experienced micro-interaction designer and browser-based artist/experimentor.

And I'm a champion of design systems, documentation, and strong processes.

I've been working in design and development for over 20 years with an intersection of skills that continually informs my product design and front-end development work.

Contact or follow

xthreadscodepenyoutubelinkedin

Obsidian Ink
View case study
Obsidian Plugin
Design & Development
Inline handwriting and sketching between paragraphs in Markdown notes
Inline handwriting and sketching between paragraphs in Markdown notes
SVG-based architecture for data longevity and theme-aware display
SVG-based architecture for data longevity and theme-aware display
Obsidian Ink
Obsidian Project Browser
View case study
Obsidian Plugin
Design & Development
Card-based project browser inspired by mobile drill-down navigation
Card-based project browser inspired by mobile drill-down navigation
Varied view modes across workflow state groups
Varied view modes across workflow state groups
Drag and drop state and file-type customisation
Drag and drop state and file-type customisation
Carefully designed onboarding flows for enhanced usability
Carefully designed onboarding flows for enhanced usability
Little Big Idea
View case study
Website
Development
Randomised overlay animations
Randomised overlay animations
A drag and drop robot builder
A drag and drop robot builder
SVG and GSAP animations
SVG and GSAP animations
Drag and drop activities
Drag and drop activities
SVG and GSAP animations
SVG and GSAP animations
Randomised overlay animations
Randomised overlay animations
Blockbase
View case study
SaaS Web App
Design
GIS Overlay Functionality
GIS Overlay Functionality
Mobile form design
Mobile form design
Page component designs
Page component designs
Dashboard system and component designs
Dashboard system and component designs
Chart design
Chart design
No code visual builder designs
No code visual builder designs
No code platform designs
No code platform designs
Mintly
View case study
SaaS Web App
Design
Page component designs
Page component designs
GIS search and browsing designs
GIS search and browsing designs
Detailed financial project grid view designs
Detailed financial project grid view designs
Detailed transition history views
Detailed transition history views
Detailed financial holdings view designs
Detailed financial holdings view designs
Detailed financial contract view designs
Detailed financial contract view designs
CMS Blocks
View case study
WordPress Plugin
Design & Development
Editing chapters with autopopulating contents navbar
Editing chapters with autopopulating contents navbar
Creating flowcharts
Creating flowcharts
Multi-use icon set block
Multi-use icon set block
Simplified colour theming
Simplified colour theming
Editing a map block's framing
Editing a map block's framing
Adding data to a pie chart
Adding data to a pie chart
Populating a timeline block
Populating a timeline block
Defining if and how tables simplify on mobile
Defining if and how tables simplify on mobile
Falter in Resolute
View case study
Website
Design & Development
Falter in Resolute
Falter in Resolute
Falter in Resolute
Falter in Resolute
Falter in Resolute
Falter in Resolute
Penpot Interaction Stripper
View case study
Penpot Plugin
Design & Development
Single-sentence interface to reduce cognitive load
Single-sentence interface to reduce cognitive load
Surgical cleanup of superfluous prototype interaction wires
Surgical cleanup of superfluous prototype interaction wires
Penpot Interaction Stripper
Concept to Development
View case study
Process Highlights
Exploration & brainstorming
Exploration & brainstorming
Refined conceptualisation sketches
Refined conceptualisation sketches
Design sprints & research
Design sprints & research
Design systems & component libraries
Design systems & component libraries
Flow documentation
Flow documentation
Component documentation
Component documentation
Anciliary documentation
Anciliary documentation
Design & Documentation Systems
View case study
Process Highlights
Design & Documentation Systems
Design & Documentation Systems
Design & Documentation Systems
Design & Documentation Systems
Design & Documentation Systems
Design & Documentation Systems
Design & Documentation Systems
Change It Ourselves
View case study
Campaign
Design & Project Management
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Change It Ourselves
Marriage as a Homonym
View case study
YouTube Video
Script, Design, & Animation
Marriage as a Homonym
Marriage as a Homonym
Marriage as a Homonym
Marriage as a Homonym
Marriage as a Homonym
Marriage as a Homonym
Experiments
View case study
Design & Development
Physics particle simulation in three.js
Physics particle simulation in three.js
Boids & flocking simulation in PixiJS
Boids & flocking simulation in PixiJS
Procedurally generated SVG animation
Procedurally generated SVG animation
Physics based drawing in BabylonJS
Physics based drawing in BabylonJS
Animated selector component
Animated selector component
Animated ratings component
Animated ratings component
CSS based 3D transforms
CSS based 3D transforms
Drone Control Interface
View case study
Virtual Reality & Mobile App
Design & Development
Designed for VR and/or mobile
Designed for VR and/or mobile
Pinch and rotate gestures through mobile as controller for VR
Pinch and rotate gestures through mobile as controller for VR
Simple gestures to allow drawing in VR
Simple gestures to allow drawing in VR
Video prototypes to implementation
Video prototypes to implementation
Obsidian Importer
View case study
Obsidian Plugin
Design & Development
Friendly file uploader
Friendly file uploader
Clean but detailed progress window
Clean but detailed progress window
Deep options in settings
Deep options in settings
Character mapping functionality during import
Character mapping functionality during import

Older Animation WorkOlder Interactive Work