Skip to main content

Search

Items tagged with: webDev

I like making my Mastodon fork behave exactly the way I want. One feature I miss from other platforms is videos that autoplay and loop muted. I'm going to implement that in my fork, just like on those other platforms. It will respect the system-wide reduce motion setting.

My goal is to keep Mastodon core as close to vanilla as possible and not overload it with features like glitch-soc, just improve the things I want, both in UI and functionality.

Being a MastoAdmin is nice, you get to build your own tools and learn new things.

All current Mementomori.social features can be found here: help.mementomori.social/mement…

#mementomoriSocial #MastoAdmin #Mastodon #Development #WebDev

A screenshot of a code editor and mementomori.test, coding new video feature.

Instance features | Mementomori.social Docs

Mementomori.social is not your yet another instance with defaults. It is packed with small, but groundbreaking modifications. This page lists all of them.
help.mementomori.social
#mastodon #development #mastoadmin #webdev #mementomorisocial

#opensource #mastoadmin #webdev #css #mastodonbirdui #birdui #BuildInPublic #customcss

Why I 🧡 the web.

After the recent #Cloudflare outage someone built a DownDetector for DownDetector after DownDetector went down.

downdetectorsdowndetector.com/

#webdev

DownDetector’s Down Detector

downdetectorsdowndetector.com
#cloudflare #webdev

RE: mastodon.social/@anatudor/1106…

Nowadays, we can do better:

```
box-shadow: 0 1px 2px
rgb(from currentcolor r g b/ .65)
```

Cross-browser since September 2024.

#tinyCSStip #CSS #code #coding #frontend #web #dev #webDev #webDevelopment


Ana Tudor 🐯 (@anatudor@mastodon.social)

Attached: 1 image #tinyCSStip Want the shadow of an element or some other visual to be a semitransparent version of the `currentColor`? Use `color-mix()`! Cross-browser, btw. 😼 #css #coding #frontend #webDev #webDevelopment
Ana Tudor 🐯 (Mastodon)
#dev #web #webdev #code #css #coding #frontend #webdevelopment #tinyCSStip

It’s not often that a #CSS demo makes me say “No f***** way!” out loud but @chriscoyier got it out of me with this new random() demo.

Genuinely floored.

#WebDev

frontendmasters.com/blog/more-…


More CSS random() Learning Through Experiments

There is quite a bit of interesting design possibility with `random()` coming to CSS. It pairs nicely with animation, particularly animation-composition for agumenting those generated values.
frontendmasters.com
#webdev #css @Chris Coyier

I am begging you, please don't split your heading into two separate `h2` elements with an `img` in between just to have the image in between your heading words.

This is what subgrid was made for!

#CSS #layout #cssLayout #code #coding #web #dev #webDev #webDevelopment

HTML: ``` <!-- ❌ DON'T DO THIS 🚫 --> <section> <h2>Classic</h2> <img src='classic-bar.png' alt=''/> <h2>Flavour</h2> </section> <!-- ✅ DO THIS ✅ --> <section> <h2> <span>Classic</span> <span>Flavour</span> </h2> <img src='classic-bar.png' alt='the classic chocolate bar'/> </section> ``` CSS: ``` section, h2 { display: grid } section { grid-template-rows: repeat(3, auto) } h2 { grid-area: 1/ 1/ span 3; grid-template-rows: subgrid; span:last-child { grid-row: 3 } } img { grid-area: 2/ 1 } ```
#dev #web #webdev #code #css #coding #webdevelopment #csslayout #layout

⇧