Friendica Social Network

Search

Items tagged with: dev

Ana Tudor 🐯

2 weeks ago

Ana Tudor 🐯
2 weeks ago

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

Please wait

View in context

Ana Tudor 🐯

2 weeks ago

Ana Tudor 🐯
2 weeks ago

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

Please wait

View in context

Fake Scrum Stats Memes & Humor

3 weeks ago

Fake Scrum Stats Memes & Humor
3 weeks ago

#scrum #scrumteam #dev #developer #coding #programming #programminghumor #codinghumor #vibecoding #aicoding #aicodingtools #aicodegeneration #AIhumor #Meme #memes #Humor #humour

Photo of what appears to be a shed sticking out of another identical shed.

Caption: Based on my experience in using AI to write code, this is how I feel it would work if it was used in construction

#meme #memes #humor #humour #dev #programming #developer #coding #scrum #vibecoding #aicoding #scrumteam #programminghumor #codinghumor #aicodingtools #aicodegeneration #aihumor

Please wait

View in context

Aral Balkan

3 weeks ago

Aral Balkan
3 weeks ago

A suggestion for Mastodon to use relative URLs and UUIDs for assets (images, etc.) in profiles and posts instead of linking directly to object storage.

github.com/mastodon/mastodon/i…

This would:

• Simplify things for third-party apps and simplify the API (if implemented for assets in profiles)

• Help in migrations (if implemented for assets in posts)

• Make it possible to switch object storage backends without losing all assets (eg., move away from AWS)

Thoughts?

#mastodon #dev #API #migrations

Asset links should be aliases from the mastodon server domain not direct links to the object storage

Pitch Profile assets Currently assets (e.g., profile images, etc.) link directly to object storage. These links are returned by API calls but change whenever the person updates their image. For suc...

^{aral (GitHub)}