feature/ux-improvements #26

ilia · 2026-02-18T14:42:52Z

ilia commented

2026-02-18 14:42:52 +00:00

Redesign of the ComparisonSlider settings
Massive optimizations for fonts downloading
Extensive usage of browser apis

- Redesign of the ComparisonSlider settings - Massive optimizations for fonts downloading - Extensive usage of browser apis

ilia added 73 commits 2026-02-18 14:42:54 +00:00

feat(smoothScroll): add util to smoothly scroll to the id after anchor click f01299f3d1

chore: add export/import a5b9238306

feat(scrollBreadcrumbStore): add id field and comments a557e15759

feat(Section): add id prop and pass it to onTitleStatusChange callback 2508168a3e

feat(Page): add id and pass it to scrollBreadcrumbStore 0eebe03bf8

feat(BreadcrumbHeader): add anchor to scroll to the section from the breadcrumb 8aad8942fc

feat: add color variables and use them acros the project d749f86edc

feat(lenis): add smooth scroll solution 173816b5c0

feat(throttle): add tohrottling util 2e6fc0e858

chore: add export/import 08d474289b

feat: install lenis 3423eebf77

fix: add types for env variables cdb2c355c0

feat(VirtualList): add throttling 21d8273967

feat(SampleList): add throttling to the checkPosition function d3297d519f

feat(FontApplicator): remove IntersectionObserver to ease the product, font applying logic is entirely in the VirtualList 5e3929575d

feat(FontSampler): remove backdrop filter since it's not being used and bad for performance 7dce7911c0

fix(FontApplicator): remove unused prop 0e85851cfd

feat(createVirtualizer): slidthly improve batching with version trigger 8b02333c01

feat(FontListItem): delete springs to imrove performance cee2a80c41

feat(comparisonStore): add the check before loading f2e8de1d1d

feat(CharacterSlot): remove touch from characters d282448c53

feat(Controls): remove isLoading flag 2f45dc3620

feat(ComparisonSlider): add out animation for SliderLine bc56265717

feat(FontVirtualList): move logic related to loading next batch of fonts to the FontVirtualContainer c2d0992015

feat(Slider): change thumb shape to circle 6001f50cf5

feat(Input): add tailwind variants with sizes, update stories aa3f467821

feat(createCharacterComparison): create type CharacterComparison and export it 9e74a2c2c6

feat(createPerspectiveManager): create perspective manager to work with perspective, moving objects along the z axis 4fdc99a15a

chore: add exports/imports 1031b96ec5

feat(PerspectivePlan): add a wrapper to work with perspective manager styles 5d2c05e192

chore: formatting 8780b6932c

feat(ComboControlV2): hide input when control is reduced 72334a3d05

feat(TypographyControls): drasticaly reduce animations, keep only the container functional 99966d2de9

feat(SidebarMenu): create a shared sidebar menu that slides to the screen a0ac52a348

feat(ComparisonSlider): add a toggle button that shows selected fonts and opens the sidebar menu with settings 17de544bdb

feat(Controls): rework component to use SidebarMenu b7f54b503c

feat(ComparisonSlider): create a scrollable list of fonts with clever controls 858daff860

feat(ComparisonSlider): add perspective manager and tweak styles 6ba37c9e4a

fix(Input): change the way input types are exporting f15114a78b

chore: remove unused code 940e20515b

feat(FontVirtualList): make skeleton a snippet prop 4f76a03e33

chore: remove comment 1f793278d1

fix(createVirtualizer): fix scroll issues that make scroll position jump when new page of fonts loads. Add some optimizations e.g. common ResizeObserver bee529dff8

feat(VirtualList): add estimated total size calculation 4d57f2084c

feat(SampleList): add skeleton snippet c45429f38d

feat(FontList): tweak styles slightly 42854b4950

feat(Controls): add Drawer wrapper for mobiles 23831efbe6

feat(appliedFontsStore): add extensive documentation, implement optimization and usage of browser apis to ensure flawless ux and avoid ui freezing 77668f507c

chore(VirtualLisr): remove unused imports and change comment ac8f0456b0

fix(ComparisonSlider): change the way width is calculated to avoid transform:scale issues ad6e1da292

fix(SearchBar): restore proper padding 3330f13228

feat(app): style default scrollbar a65d692139

feat(ComparisonSlider): rotate icon for the mobile and slightly tweak styles 411dbfefcb

chore: remove lenis package f356851d97

feat(Slider): tweak styles for a knob and add slider label 147df04c22

feat(SidebarMenu): tweak styles ce609728c3

feat(Label): create shared Label component ce1dcd92ab

feat(FontSearch): make filters open by default 010b8ad04b

feat(FontSampler): slight font style tweaks for font name 20f65ee396

feat(ComparisonSlider): increase minimal height for large screens 5dae5fb7ea

feat(ComparisonSlider): slightly tweak styles ee0749e828

feat(ComparisonSlider): slightly tweak styles 5fa79e06e9

feat(ComparisonSlider): add selected fonts name for mobile controls and labels everywhere 55b27973a2

feat(ComparisonSlider): change color for selected font in font list 201280093f

feat(Input): tweak styles 9f91fed692

fix(Footnote): use classes every time 45ed0d5601

feat(ComparisonSlider): add labels b8d019b824

feat(app): add variable value for mono font 5867028be6

feat(Input): create index file with type exports 8f4faa3328

chore: add/delete imports/exports 0f6a4d6587

feat(Section): add a styickyTitle feature and change the section layout e3924d43d8

feat(Layout): change fonts link and remove max-width for main f18454f9b3

feat(Page): add new Section props for sticky titles

Workflow / build (pull_request) Successful in 3m11s

Details

Workflow / publish (pull_request) Has been skipped

Details

aa4796079a

ilia merged commit 4f181d1d92 into main

2026-02-18 14:43:05 +00:00

ilia deleted branch feature/ux-improvements

2026-02-18 14:43:05 +00:00

ilia referenced this issue from a commit

2026-02-18 14:43:06 +00:00

Merge pull request 'feature/ux-improvements' (#26) from feature/ux-improvements into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: glyphdiff.com/frontend-svelte#26