Skip to main content

Search

Items tagged with: webDev

#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

⇧