Clembs
LightNews LightNews
banner
clembs.com
Clembs
@clembs.com
76 followers 82 following 150 posts
design + dev https://clembs.com

profile pic moeshop.jp @johnkafka02.bsky.social
Posts Replies Media Videos
clembs.com
omg absolute peak
kasane teto duckduckgo
December 1, 2025 at 10:27 AM
clembs.com
wtfffff???
December 1, 2025 at 10:26 AM
clembs.com
they weren't kidding with this ram price increase ordeal

what used to cost 150€ for 2 sticks of 32gb ram (which is already too expensive imo) now costs around 300€ on the same site

was ai a mistake
November 26, 2025 at 10:32 PM
clembs.com
THE DUCKDUCKGO ICON CHANGES???
A DuckDuckGo search for "hatsune miku", revealing the search engine's mascot with Miku's turquoise hairstyle and hair ties
November 24, 2025 at 7:56 PM
clembs.com
today, my mailbox has been blessed with @jamies.page 🙏
An open CD box for JamieP's "Constant Companions (Deluxe Edition)" album. It contains the CD, info about composers and a holographic card featuring JamieP.
October 24, 2025 at 4:34 PM
clembs.com
went with an inbetween, and applied the same redesigned elements to desktop
October 6, 2025 at 1:45 PM
clembs.com
im not fully fully convinced of reworking the mobile layout to be more familiar (heavy bluesky/twitter vibes)

the major caveat is the background becoming some kind of banner...
October 5, 2025 at 7:41 AM
clembs.com
tmr
waves in shades blue on a white background with grey dots
August 29, 2025 at 10:18 PM
clembs.com
LETS GO
August 29, 2025 at 4:13 PM
clembs.com
plus vittttteeeeeeeeeeeeeeee
August 29, 2025 at 3:59 PM
clembs.com
huge: you can now self-host a bluesky PDS using coolify
August 27, 2025 at 12:14 PM
clembs.com
spent too much time making a demo for a blog post

i like it very much though
August 27, 2025 at 12:27 AM
clembs.com
yaay frontendnation.com ticket secured! its a free online event with tons of great people talking about frontend stuff, so please consider checking it out!
May 24, 2025 at 9:11 PM
clembs.com
Revamping the whole Webpals user experience: Set your music through Spotify or a file upload (now up to 10mb)

Coming next week as part of the great overhaul :P
May 11, 2025 at 11:24 PM
clembs.com
holy fuck bits-ui is so easy to use and makes so much sense.

the code is so clean and i can just wrap my own components (like DropdownItem) or use existing ones (like Button)
A dropdown menu coming from a "More actions" button under a profile widget. Three options shown: Share user, Copy user ID and Report user <Dropdown> {#snippet trigger({ props })} <Button icon={DotsThree} iconProps={{ weight: 'regular' }} variant="secondary" {...props} /> {/snippet} <DropdownMenu.Group aria-label="User actions"> <DropdownItem icon={ShareFat}> Share user </DropdownItem> <DropdownItem icon={CopySimple}> Copy user ID </DropdownItem> <DropdownItem variant="urgent" icon={Flag}> Report user </DropdownItem> </DropdownMenu.Group> </Dropdown>
May 9, 2025 at 10:03 PM
clembs.com
This is the API I made to spawn and edit toasts. The Toaster and Toasts are Svelte $state-powered classes, and the in-out transitions are custom Svelte transitions!
const toast = toaster.load(`Updating profile...`); return async ({ result, update }) => { await new Promise((resolve) => setTimeout(resolve, 1000)); if (result.type === 'success') { toast.success(`Profile updated!`); } else { toast.error('Error updating your profile!'); } } class Toast { id: number; icon = $state<Component<IconComponentProps>>(); title? = $state<string>(); subtitle? = $state<string>(); snippet?: Snippet<[unknown]>; snippetProps?: Record<string, unknown>; options = $state(defaultToastOptions); } {#each toaster.toasts as toast (toast.id)} <li class="toast" data-variant={toast.options.variant} data-toast-id={toast.id} in:fly={{ x: 400 }} out:exitAndSlideItemsUp > {#if toast.title} {#if toast.icon} <toast.icon /> {/if} {toast.title} {:else if toast.snippet} {@render toast.snippet(toast.snippetProps)} {/if} </li> {/each}
May 6, 2025 at 8:42 PM
clembs.com
Reworking the Webpals UI and I've made toasts!
They stack, have plenty of customization options, etc. Svelte Runes really make this all a breeze to do!

I will probably write something about how to build cool UI in code, from paper to implementing all of this.
May 6, 2025 at 8:42 PM
clembs.com
sometimes yeah less is more
May 1, 2025 at 9:05 PM
clembs.com
hehe 69 followers and 100 posts
April 28, 2025 at 3:59 PM
clembs.com
Your profile, your rules!

Webpals' comments widget will have a lot of settings to let you moderate and choose who can comment and what they can comment!
Screenshot of the Comments Settings dialog and submenus for Blocked keywords and Blocked users. The main dialog menu includes the following settings: "Allow comments from", "Moderation settings", "Blocked keywords" and "Blocked users". The blocked keywords menu shows a way to add keywords and remove past ones. The blocked users menu shows currently blocked users with ways to unblock or report them to Webpals.
April 26, 2025 at 11:08 PM
clembs.com
the day i can 100% perfect this song is the day i can die a happy man
April 22, 2025 at 12:34 AM
clembs.com
redesigning webpals slightly:
slightly more bubbly, slightly less crowded...

also comments coming rly soon :O
April 14, 2025 at 3:31 PM
clembs.com
shit's so cool i decided to make my own city's public transit network my background
Screenshot of a Linux system desktop with the Toulouse public transit network lines (A and B metro lines, the T1 tramway line, the téléo cable car line and the upcoming C metro and T2 tramway lines). The logo of Tisséo Voyageurs, the Toulouse public transit name, is seen on the upper left hand corner.
April 3, 2025 at 10:26 AM
clembs.com
you can now edit your font style in webpals to make your profile stand out even more!
March 21, 2025 at 7:18 PM
clembs.com
clock widget with editable timezone and other settings :D

coming today as part of the webpals wednesdays 😎

ps: less laggy in person
March 12, 2025 at 1:34 PM