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

(Bernie Sanders.jpg)

I am once again asking people who run websites to have a dedicated "About" page that says what their website actually does in concise plain language without any marketing hype or long personal histories.

This is getting rarer and rarer, and it's often impossible to know if a website is a news site, personal blog, press release aggregator, charity initiative, commercial PR, AI slop or whatever.

It would take you just a few seconds to write and it would get you lots of potential links, follows and recommendations.

#WebDev #Web

#web #webdev

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

⇧