He actualizado mi sitio (https://barocio.cc/).

Ahora tiene los videos embebidos dentro de las páginas de videos (excepto los cortos o shorts).

Puedes, también, dirigir mpv (o cualquier herramienta similar) a esas páginas, y mirar el video con esa interfaz.

También he removido el JavaScript del sitio, pero el SVG y CSS aún son bastante pesados.

Los estilos están lejos de ser perfectos, pero quiero hacerlo todo a mano, no dependiendo en ningún framework o toolkit (aparte de emacs, sass y makefiles).

Ello tuvo el efecto de depender completamente en las preferencias de tu sistema (o navegador) para los temas (sólo oscuro y claro).

Espero que puedas disfrutar de mi nueva casa.

#page #site #code #web #fronted #staticsite #video #videos
#página #sitio #código #web #fronted #sitioestático #vídeo #vídeos

I have updated my site (https://barocio.cc/).

Now it have the videos embeded within the video pages (except for the shorts).

You could, also, point mpv (or any similar tool) to those pages, and watch the video with that interface.

I have also removed the JavaScript from the site, but the SVG and CSS are very heavy, still.

The styles are far from perfect, but I want to make it all by hand, not relying on any framework or toolkit (other than emacs, sass and makefiles).

That have the effect of relaying entirely on your system (or browser) preferences for the theming (only dark and light).

I hope that you could enjoy my new home.

#page #site #code #web #fronted #staticsite #video #videos

A few years ago, I wrote an article about creating an icon glassmorphism effect https://css-tricks.com/icon-glassmorphism-effect-in-css/

Hint: nowhere near as simple as when working with rectangular shapes!

At the time, Firefox didn't respect `clip-path`/ `mask` shapes for `backdrop-filter` - now that has changed! 🥳

Here's the final live demo on @codepen https://codepen.io/thebabydino/pen/mdwYmWW

#glassmorphism #emoji #CSS #filter #cssFilter #code #coding #fronted #web #dev #webDev #webDevelopment

#kbin szybki update (tag do czarnolistowania)

https://lab.kbin.pub/ - wersja eksperymentalna, nowy front

• możliwość przypięcia navbar
• górny pasek z magazynami (dev)
• możliwość wyboru strony sidebara
• lekka zmiana struktury layoutu

https://kbin.pub - strona projektu
https://karab.in - główna instancja

#webdev #fronted #fediverse #fediwersum #karabinDevlog

#kbin szybki update (tag do czarnolistowania)

https://lab.kbin.pub/ - wersja eksperymentalna, nowy front

• infinite scroll
• rozwijanie / zwijanie podglądu posta na mikroblogu
• podpięcie stron statycznych
• widok kompaktowy dla mobilek
• lightbox dla obrazków

https://kbin.pub - strona projektu
https://karab.in - główna instancja

#webdev #fronted #fediverse #fediwersum #karabinDevlog

If you are #entrepreneur #ux #ui #fronted or #buildinpublic ppl should examine this:

https://design-system.service.gov.uk/patterns

And while u are there, check out the rest too.

#fedihire

If you need a #fronted expert (#react especially), a colleague who is one of the best in #Israel might be available soon.

DM me and I'll be happy to connect you directly - no commission/fee of any kind.

~
~
SIN 34 ~ 'Join The Race' ~ PUNK HARDCORE ~ 1982 #usa #punk #rockers #female #fronted #playOgg!
~
~
~
~
~
4U70M471C4LLY

┏┳┳┳━┓
┃┃┣┫┃┃
┃┃┃┃┏┛
┗━┻┻┛#greenTea

~
~
SIN 34 ~ 'American America' ~ PUNK HARDCORE ~ 1982 #usa #punk #rockers #female #fronted #playOgg!
~
~
~
~
~
4U70M471C4LLY

┏┳┳┳━┓
┃┃┣┫┃┃
┃┃┃┃┏┛
┗━┻┻┛#greenTea