Sign in

TLS clément

@clembs.com
103 followers 221 following 280 posts

ui&ux design; web/mobile dev; vocaloid/electro/house lover; atproto believer

PostsRepliesMedia
TLS clément @clembs.com · 23/09/2026
l'image sur formulaire google donne pas envie lol mais regardez-moi cette masterclass ça fait trop rêver
toiny., TaLinEsh et Amine, posant tous trois avec le nouveau maillot TLSE
012
TLS clément @clembs.com · 03/09/2026
just finished my phone streaming setup! tomorrow I'll be visiting Rennes for @team-askalonn.com's ClashMania 2026!! watch it live on my Streamplace or Twitch!!
a screenshot of the IRL Pro app, with stream chats and buttons overlaying my face on the frontfacing camera
021
TLS clément @clembs.com · 30/08/2026
was asked to add a dark theme to my website so i did, with an added hue slider for some extra pizzazz!!
030
TLS clément @clembs.com · 23/08/2026
look mom my afternoon work is now its own line on the sifa documentation!!! huge props to them & atproto for enabling such awesome interop across apps
Screenshot of Sifa Docs, section "Personal sites driven by a Sifa profile". It includes a link to my resume, which was all powered by Sifa ID records!!
0131
TLS clément @clembs.com · 06/08/2026
i just custom-built a resume page on my website, resembling my former PDF-only CV and pulling data from @sifa.id! it can even print to PDF if recruiters'd ever need that!
my résumé page, complete with my contact info, education, career, skills, etc. and a handy-dandy "Print/download as PDF" buttonthe generated PDF, with the same information all conveniently fitting in one A4 page!
261
TLS clément @clembs.com · 04/08/2026
its that time of year where i work on my website: 1. RSS feed + script to publish articles to standard.site 2. table of contents in blog articles 3. richer project cards in home page 4. "open to work" data pulled directly from my sifa.id profile + minor redesigns & atproto groundwork
Clément's blog page header, with a "View RSS feed" buttonTable of contents sidebar interface, mouse over a minimize iconA comparison of old & new project cards. New ones are horizontal, feature more context, tailor-made banner images, link to related articles and project iconsAn availability call-to-action reading "Open to work: Commissioned work and Collaborations"
020
TLS clément @clembs.com · 11/07/2026
yo whaaat im double-verified!! @jerrified.bsky.social can you make that three perchance??
my bluesky profile, verified through some random labeler and through eurosky
120
TLS clément @clembs.com · 11/07/2026
just completed rhythm heaven groove. here is my tier list ive done on the spot (may change later as i replay everything over and over and P-rank everything)
111
TLS clément @clembs.com · 30/06/2026
gn
screenshot of nintendo music website. currently playling is ground theme from new super mario bros. u, 41 minutes in out of 60
110
TLS clément @clembs.com · 25/06/2026
holy crappers its 2017 again
screencap of jamiep's unbeatable DLC promo revealing a new song: turn back flipped by RJ Jake its 2017 again (its 2017 again!!)
000
TLS clément @clembs.com · 11/05/2026
i have like 5 tabs open and spotify on idle mode its drawing more than 6 GB of RAM.... what the hell are they doing man
a task manager-like interface showing Zen Browser drawing 4.21 GB of memory, and Spotify with 2.01 GB
000
TLS clément @clembs.com · 07/05/2026
infinitely-scrolling auto-syncing keyboard-accessible ios 6-style calendar input in svelte (wip) made as a fun side project for my internship
130
TLS clément @clembs.com · 03/05/2026
what
witchsky screenshot of the sidebar, showing i have 22 unread notifications
030
TLS clément @clembs.com · 23/04/2026
getting back to the classics while waiting for rhythm heaven groove to drop
Playing Rhythm Heaven Fever on the Nintendo Switch (thanks to the Tico frontend on Dolphin)
240
TLS clément @clembs.com · 10/04/2026
been working on an ios 6-inspired design for an activity report generator tool im building for my internship i think im close to nailing it. will share more in the near future.
Desktop screen of tool in French, with a very 2010s Apple-inspired aesthetic in shades of blue. The placeholder logo for "Report Master 3000" is found up top, and the main contents reveal a clients list on the left, and options to specify the category and subcategory scope as well as the date range of the report to generate. A gradient-heavy "Generate Report" is found at the bottom of the screen.
140
TLS clément @clembs.com · 14/03/2026
received peak from @moeshop.jp today <33
Two sealed copies of Moe Shop's EVO EVO album, alongside two packs of stickers from the album and a "Thank you" notice from WorldShopping. I cried of joy when opening the cardboard box, and I love the extra tracks. Merci Moe ❤️
010
TLS clément @clembs.com · 16/02/2026
wowzers im verified...
my profile showing a golden checkmark badge underneath (the premium verification by tom @verified.moll.blue)
110
TLS clément @clembs.com · 02/02/2026
what the fuck????????????????????????? whys it so good why
000
TLS clément @clembs.com · 29/01/2026
its so goofy (before it suddenly shuts off and i lose everything)
020
TLS clément @clembs.com · 29/01/2026
my framework laptop battery is dead so i can only use it plugged and it yields funny results (pls donate to me im broke 🙏🥺)
the gnome shell menu bar, focused on the battery percentage showing 0% despite the laptop being plugged in
100
TLS clément @clembs.com · 27/01/2026
estrella poligonal 🔥🔥🔥
210
TLS clément @clembs.com · 27/12/2025
the best kind of christmas gift finally arrived
Email from Bandcamp: "New release from moe shop"
Body reads: "Greetings Clembs, moe shop just released HARDCODED, check it out here. Enjoy!" with the cover art attached showing Pyua spinning a CD with a very 2010-ish background.
010
TLS clément @clembs.com · 26/12/2025
i fell off honestly
010
TLS clément @clembs.com · 22/12/2025
I was in charge of producing the visuals as well as the website for a big 64 slot tournament my association is hosting next month! I am very proud how it turned out, full of candy and bright colors :3
141
TLS clément @clembs.com · 14/12/2025
should i stream hmmm
Steam library header message : "Bits & Bops (rhythm game) is now available. Install the game now to start playing!"
000
TLS clément @clembs.com · 01/12/2025
omg absolute peak
kasane teto duckduckgo
000
TLS clément @clembs.com · 01/12/2025
wtfffff???
100
TLS clément @clembs.com · 26/11/2025
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
000
TLS clément @clembs.com · 24/11/2025
THE DUCKDUCKGO ICON CHANGES???
A DuckDuckGo search for "hatsune miku", revealing the search engine's mascot with Miku's turquoise hairstyle and hair ties
020
TLS clément @clembs.com · 24/10/2025
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.
000
TLS clément @clembs.com · 06/10/2025
went with an inbetween, and applied the same redesigned elements to desktop
000
TLS clément @clembs.com · 05/10/2025
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...
000
TLS clément @clembs.com · 29/08/2025
tmr
waves in shades blue on a white background with grey dots
000
TLS clément @clembs.com · 29/08/2025
LETS GO
000
TLS clément @clembs.com · 29/08/2025
plus vittttteeeeeeeeeeeeeeee
200
TLS clément @clembs.com · 27/08/2025
huge: you can now self-host a bluesky PDS using coolify
010
TLS clément @clembs.com · 27/08/2025
spent too much time making a demo for a blog post i like it very much though
000
TLS clément @clembs.com · 24/05/2025
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!
110
TLS clément @clembs.com · 12/05/2025
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
110
TLS clément @clembs.com · 09/05/2025
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>
110
TLS clément @clembs.com · 06/05/2025
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}
040
TLS clément @clembs.com · 06/05/2025
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.
100
TLS clément @clembs.com · 01/05/2025
sometimes yeah less is more
031
TLS clément @clembs.com · 28/04/2025
hehe 69 followers and 100 posts
210
TLS clément @clembs.com · 27/04/2025
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.
010
TLS clément @clembs.com · 22/04/2025
the day i can 100% perfect this song is the day i can die a happy man
020
TLS clément @clembs.com · 14/04/2025
redesigning webpals slightly: slightly more bubbly, slightly less crowded... also comments coming rly soon :O
010
TLS clément @clembs.com · 03/04/2025
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.
000
TLS clément @clembs.com · 21/03/2025
you can now edit your font style in webpals to make your profile stand out even more!
130
TLS clément @clembs.com · 12/03/2025
clock widget with editable timezone and other settings :D coming today as part of the webpals wednesdays 😎 ps: less laggy in person
140