Time for a little #introduction :)

I'm Jikstra, a #foss developer working on #deltachat desktop and a few smaller side projects. I do #ui #ts #html #css and #rust. I want to use this account to blog about ideas, experiments and dev things.

Hi, I'm treefit, a #foss dev working on #deltachat. I'm responsible for the desktop client together with @jikstra.
My favorite coding language is #rustlang, but I "speak" #typescript, #javascript, #html, #css, too.
I'm also capable in #python and #swift, but not as much.

I'm new to the mastodon/toot style of communication (never used Twitter, either), so I'm still learning of how this all works.

My goal is to give you some behind-the scenes peeks onto the DeltaChat development.

#introduction

🔽 "Sailor of the Mist" ya está disponible.

https://sinestesiagamedesign.es/teaching/sailor/

🌐 Pequeño juego web.
🦖 Similar a "el del dinosaurio" de Google.

📕 Breve historia.
👻 Atmósfera tenebrosa.
🎧 Ambientación sonora.
🤗 Dificultad accesible.
⏳ Superable en diez minutos.

🤓 Utiliza sólo HTML, CSS y Javascript.
❌ Sin canvas ni librerías de terceros.
❌ Sin IA ni código generado.

#SailoroftheMist #programacionweb #programación #html #css #javascript #videojuegos

📱📱📱 "Sailor of the Mist" ya funciona en móvil.

https://sinestesiagamedesign.es/teaching/sailor

#sailorofthemist #programacionweb #programación #html #css #javascript #videojuegos

A little toggle on @codepen https://codepen.io/thebabydino/pen/VwzJjow

#CSS

I've posted this before, but this #CSS when used with a browser extension like #Stylus will reduce opacity of images and visibility to zero (0). Thereby giving you a chance to decide if you want to view images not flagged as sensitive that may be triggering, violent, graphic, or upsetting.

It will change opacity back to one (1) or whatever when you hover over the image.

You can see the effect in the attached screenshot of part of a post by @ned showing the outlines of two images whose opacity has been reduced to zero (0), masking them from view. The alt text is still available and can be clicked. The image will be unmasked briefly until you are hovering over the alt label, and the image will once again be masked.

You can change the opacity to whatever you want.

/* 20150110 --amanda Image Mask-Unmask
Taken from NIGHTSHIFT - eye care by vetinari */

body img,
a[href] img,
a[href] button,
input[type="image"],
*[onclick]:empty,
body a:empty {
opacity: 0 !important;
}

body img:hover,
a[href]:hover img,
a[href]:hover button,
*[onclick]:empty:hover,
body a:empty:hover {
opacity: 1 !important;
}

body video,
a[href] video,
a[href] button,
input[type="video"],
*[onclick]:empty,
body a:empty {
opacity: 0 !important;
}

body video:hover,
a[href]:hover video,
a[href]:hover button,
*[onclick]:empty:hover,
body a:empty:hover {
opacity: 1 !important;
}

ALT

Firefox Startseite ganz nach Belieben anpassen

Dieser Artikel beschreibt das Anpassen der Firefox-Startseite mit der UserContent.css-Datei.

#Firefox #Startseite #CSS #userContent.css #Linux

https://gnulinux.ch/firefox-startseite-ganz-nach-belieben-anpassen

Tiny websites have always fascinated me, along with internet web portals (which haven't been a thing for many years-- at least in the way we used to know them). I'm talking a simple HTML page with just a graphic or two, and a bunch of links. Something that might resemble the early days of Yahoo, etc.

The idea for this site I made has been buzzing around in my head for a while now. It is NOT responsive, there is NO JavaScript, and there's just a TINY bit of CSS. The whole site (one HTML page) is only about 9kb!

A simple site like this one might look primitive compared to some of the huge, complicated websites we see as standard on the internet today, but this site is guaranteed to work on any browser or device.

I used links for sites/documents that I frequent or use a lot, and mixed in my own personal projects for fun. It's a super simple page-- mostly for my own usage. But I really love the design of it!

I call it 'Mr Beamer's Old Timey Web Portal' 😂

EDIT: I moved it to Neocities! ⬇️

http://oldtimeywebportal.neocities.org

#html #simplesites #webportal #webportals #htmlmostly #css #bareboneshtml #weirdweb #personalsites #personalwebsites #indieweb

ALT