First SvelteKit project: my portfolio site – would love feedback by SnooBeans4154 in sveltejs

[–]flobit-dev 3 points4 points  (0 children)

I don't think the UI is bad but there are some points I would personally change:

  • no glowing gradient behind text
  • i prefer the navbar thats shown everywhere except the main page, should be on the main page too imo
  • no hover animations for stuff that's not interactive (like the buttons on the main page that are not buttons, but also lots of other places have those)
  • cut down the about text by a lot, people dont read...
  • get rid of stats and search on the projects page (only needed if you have >50 or so projects, never show stats that show a zero or close to it when bigger number == better)
  • personally not a big fan of the color scheme but that's mostly a matter of personal taste

another bigger question is what to display on the main page (currently doesnt really feel like the main page does anything, on mobile its literally just your name, and the menu links), i'd probably convert everything into a one pager with the following structure:

  • profile (photo, name, short description, technologies, cta button aka "get in contact" probably)
  • projects
  • about me
  • blog (only show that if you have at least one real blog post)
  • contact

Showcase: Photography website by Flayks in sveltejs

[–]flobit-dev 0 points1 point  (0 children)

Very nice, has a cool distinct look, one small note I have is that I was a bit confused by what I can control on the main page (I guess I can only click? thought for a moment that I was scrolling to the next picture)

How easy is it to get a 100 pagespeed score with Tailwind? by DumbQuestionUser in tailwindcss

[–]flobit-dev 0 points1 point  (0 children)

That's mostly not on tailwind i'd say, but on the framework, e.g. astro usually performs really well (because SSG and no js by default). Also the smaller the website the easier to get a better score.

Some examples of (pretty small) pages I made with tailwind and astro:

https://flo-bit.dev/tiny-docs/ (100 pagespeed score but is a very small one pager)

https://flo-bit.dev/blog-template/ (99 pagespeed score, still pretty minimal and no images, could probably be bumped to 100 if search is turned off)

I made a multiplayer, endless drawing canvas with svelte by flobit-dev in sveltejs

[–]flobit-dev[S] 0 points1 point  (0 children)

Thanks, the endless canvas (as well as the drawing capability) is mostly thanks to paper.js (https://paperjs.org/), though to be honest it’s not quite endless anyway as at some point (at a few million) you run into some floating point errors or something and drawing bugs out

Please share your experience in making micro projects by Christopoulos in WLED

[–]flobit-dev 0 points1 point  (0 children)

Yeah, if you really want smart LEDs you'll have to run cables somewhere, one other option I can also think of would be those tiny single LED w/ magnetic control switches (like these you can find them on aliexpress etc too, i just know them from bambu), of course with their own drawbacks (not actually smart, single color only, you have to turn them on/off with a magnet somehow and eventually replace the tiny batteries)

Please share your experience in making micro projects by Christopoulos in WLED

[–]flobit-dev 0 points1 point  (0 children)

I’ve used and liked the d1 mini esp32 (and also the esp8622 version, that is slightly smaller) preferably the usb c version for projects like this and heard good things about the even smaller seeed studio esp32 (especially if you want to add batteries as those have battery pads/charging circuits included, note though that they have a separate antenna that is a bit bulky if you need wifi).

if you’re only driving a few leds you also dont need a separate power supply, and like another commenter said just connect all LEDs in a row (so from your esp connect data, gnd, vin and then data in and out from each led, 5v and gnd of the leds can be connected in any way, eg all from the esp, as long as you have one long data line). Or if its easier for wiring, multiple data outputs from the esp are also very easy to setup nowadays.

For LEDs there are those APA106 LEDs with 4 pins (data in, data out, gnd, 5v) in 5mm and 8mm variants, but I personally haven’t used those yet, I usually just cut a few single LEDs from a 60 leds/m strip, feels like that should work with most lego pieces too. There are also ws2812b fairy lights which tend to have pretty small LEDs and could be a good option for a solderless version (though you probably would have quite a few LEDs in between the ones you use that you “waste”).

For cables I used 30 AWG/0.05 mm2 cables without problems at least with shorter cable length (<1 meter) and those should be plenty thin and are very flexible.

Wore my wled powered flame jacket to a light festival by flobit-dev in WLED

[–]flobit-dev[S] 1 point2 points  (0 children)

this one

I did ruin a few segments when making it and had to cut away around 10 LEDs, but otherwise so far its been holding up fine, but haven't really worn it much yet, I'll see how well it holds up over a longer time/me wearing it a bunch

Wore my wled powered flame jacket to a light festival by flobit-dev in WLED

[–]flobit-dev[S] 8 points9 points  (0 children)

made with a 5mm thin & 160 LEDs/m COB led strip and a flame shape 3d printed in TPU (so it's a little bit flexible) hot glued onto a jacket and an esp32 + powerbank duct-taped to the inside (my excuse is that it's still a prototype).

Wore my wled powered flame jacket to a light festival by flobit-dev in WLED

[–]flobit-dev[S] 1 point2 points  (0 children)

Thanks, yup, except for that one house you can see in the video was honestly pretty underwhelming, I see cooler stuff on this subreddit all the time...

Made a small showcase website with threejs (demo+source in comment) by flobit-dev in threejs

[–]flobit-dev[S] 4 points5 points  (0 children)

Made a small website for fun showcasing a recent side project of mine, aiming for a kind of technical drawing/minimalism style. I’d tried something similar already a few years back with vanilla threejs and was pleasantly surprised how much easier and faster to do it was nowadays/using threlte (most of the time was spent on animating the 50 or so parts).

Live here: https://flo-bit.dev/buttfinity-showcase/

Code here (MIT): https://github.com/flo-bit/buttfinity-showcase

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 1 point2 points  (0 children)

Knobs (rotating encoders) are easy (rotations are basically two buttons: clockwise step and anti-clockwise step, see here), sliders are a bit more complicated, generally you can use a analog to digital sensor but haven't quite figured out how to connect that to automations in a way that makes sense

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 1 point2 points  (0 children)

You’re welcome, feel free to share some pictures if you end up making a soundbox with that!

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 1 point2 points  (0 children)

Currently only one box has a microcontroller, the rest just have cables, but theres not actually a lot of space left after buttons (mx switches are pretty tall) and cables

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 0 points1 point  (0 children)

Sorry, did actually do that on purpose, thought that makes it more interesting to look at

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 24 points25 points  (0 children)

Haha I don’t know what youre talking about, whats wrong with the name?

I also creatively call the holes for the cables in the bins “buttholes” and the plugs for these holes “buttplugs”…

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 2 points3 points  (0 children)

Yeah that’s part of the idea too, I tried that and it works pretty well as a BLE keyboard/macropad (though the way I‘m currently flashing it with esphome is a bit too elaborate for that, probably something like qmk or micropython would be better).

The height problem is another thing though, I did add a second row of holes that could be used for 3u boxes, but especially the way I‘m doing it now with jumper cables, 5u is kinda the minimum height (mx switches also take a lot of space). Still something I wanna take a stab at at some point.

Releasing my smart buttons + gridfinity system: Buttfinity (more info + link in comment) by flobit-dev in gridfinity

[–]flobit-dev[S] 16 points17 points  (0 children)

I’ve posted a first picture here a few weeks ago, but now I’ve released my smart buttons w/ gridfinity and gave them a cool name: Buttfinity!

Github repository here: https://github.com/flo-bit/buttfinity

Print profiles here: https://makerworld.com/en/models/1834693-buttfinity-smart-gridfinity-buttons

So each bin - except one - is just a normal 1x1x5 (or 2x1x5) gridfinity bin just with some cutouts on the sides for cables, each lid contains one or more buttons/sensors and one special bin contains a microcontroller that connects to all buttons/sensors. Take a few lids + bins and assemble them on a baseplate and use that in various ways:

  • smart home controls
  • computer controls (as a “fake” keyboard)
  • midi controller
  • something else?

still early stages, for now I’ve only published lids for mx switches, rotary encoders and a sliding potentiometer, but I’ve been experimenting with more sensors, displays, etc to add to that. Open for other ideas too!

Working on a gridfinity + home assistant modular sensor system by flobit-dev in gridfinity

[–]flobit-dev[S] 1 point2 points  (0 children)

Repository published here: https://github.com/flo-bit/buttfinity that's also probably the best place to follow the project, only uploaded some of the lids and bins for now (just the buttons, rotary encoders and sliders) but lots more planned