chrismcolvin, to CSS
@chrismcolvin@mastodon.social avatar

I know I’m late to the party, but :has() is the best. Feels like I’m solving new problems daily with this little beauty.

tixie, to CSS
@tixie@guerilla.studio avatar

Things That Can Break aspect-ratio in CSS
https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/

inautilo, to business
@inautilo@mastodon.social avatar

“The simplicity of HTML and CSS now feels like a radical act. To build a website with just these tools is a small protest against platform capitalism: a way to assert sustainability, independence, longevity.” — Jarrett Fuller

#Business #OpenWeb #IndieWeb #SmallWeb #Website #Blog #WebDesign #Development #WebDev #Frontend #Quote

inautilo, to webdev
@inautilo@mastodon.social avatar

#Development #Techniques
The modern guide for making CSS shapes · Shapes with the smallest and most flexible code possible https://ilo.im/15yu2g

#Shape #Tab #Tooltip #Clipping #Masking #WebDev #Frontend #HTML #CSS #CustomProperty

stvfrnzl, (edited ) to Nirvana
@stvfrnzl@mastodon.online avatar

I enjoyed "Building a town that doesn't exist" by @dansinker at a lot! Watch it here: https://www.youtube.com/watch?v=iLxJ6PtuF9M&t=13858s

It's nice to build something for the web that isn't necessarily useful, but rather entertainment.

I did the same a couple days ago to honor the late by turning his letter to into a mini website. Web can be fun, you know

stvfrnzl, to Blog
@stvfrnzl@mastodon.online avatar

Followed the steps on https://indiewebify.me/ to integrate on my and made some real good progress after plenty of commits.

No clue though how to actually show them using @astro but that's Tomorrow Steve's problem not mine

grindhold, to fediverse
@grindhold@23.social avatar

our guy has started his own github sponsors page. https://github.com/sponsors/midzer feel free to toss a coin if you like flohmarkt :)

fijxu, to privacy
@fijxu@noc.social avatar

New services available:

inautilo, to music
@inautilo@mastodon.social avatar


Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6

ayo, (edited ) to random
@ayo@ayco.io avatar

I recently thought about the different ways you can "have" a place in the Internet:

  • Bare metal
  • Dedicated server
  • Virtual Private Server (VPS)
  • Shared Hosting
  • Serverless
  • fly.io
  • Netlify, Vercel, etc

instantiator, to cochlearimplants
@instantiator@mastodon.social avatar

👋 Come work with me at Nesta!

We're looking for a front-end developer to join our small team as we build prototypes / MVPs / and production-ready collective intelligence solutions.

There's lots more information in the job description, and I'll gladly talk to you about the role if you have questions. Reach out!

Apply by 28th May:
https://www.nesta.org.uk/jobs/frontend-mid-level-developer-ccid/

stvfrnzl, (edited ) to legal
@stvfrnzl@mastodon.online avatar

Currently studying for the exam and I found the part surprisingly interesting. This topic was also relevant in a workshop I gave, so here's a couple of law suits that are related:

https://stevefrenzel.dev/posts/five-web-accessibility-law-suits/

I'm happy to expand this list if you know other interesting cases. 🤗

ashleycollinge, to python
@ashleycollinge@mountains.social avatar

Anyone have any web frontend recommendations? I've only ever used HTML/JS, but I'd like to use a framework to maybe make things simpler/quicker(?) I come from a Python background if that helps!

kerfuffle,
@kerfuffle@mastodon.online avatar

@ashleycollinge

Before picking any framework, I think CSS is most important. After that, I'd go for htmx (and use your Python knowledge for the SSR) as I think that's where the web should go, and for Angular / React if you want to get paid right now.

stvfrnzl, to accessibility
@stvfrnzl@mastodon.online avatar

I decided (again) to prepare for the exam by the after I had some doubt of it's usefulness.

But after doing a non-technical workshop for newbies last week and believing that the will have some impact, I decided to go for it!

I'm using the @dequesystems prep course and read everything with 200% zoom. Unfortunately this makes paragraphs very long, so I'd like to share a I quickly created to shorten them:

stvfrnzl,
@stvfrnzl@mastodon.online avatar

@dequesystems ```
javascript: (() => {
const allParagraphElements = document.getElementsByTagName('p');

for (let paragraph of allParagraphElements) {
paragraph.style.width = '60ch';
}
})();


Here's a little tutorial on how to add them to you bookmarks: <https://www.freecodecamp.org/news/what-are-bookmarklets/>

#frontend #WebDev #HTML #CSS #JavaScript #a11y
ayo, to webdev
@ayo@ayco.io avatar

✍️ New post: I Hate Open Graph Images. Here’s Why. And How. Much

As an epic twist of character development, I have learned that I don’t like open graph images.

https://ayos.blog/i-hate-og-images/

davidbisset, to CSS
@davidbisset@phpc.social avatar

What You Need to Know about Modern (Spring 2024 Edition)

https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/

“even if you know about this stuff, it takes time to build the muscle memory around it.”

stvfrnzl, to Astro
@stvfrnzl@mastodon.online avatar

Inspired by @matthiasott great newsletter: has anyone experience implementing with @astro?

Here's his article: https://buttondown.email/ownyourweb/archive/issue-14/

And here's what I found but couldn't test yet: https://kld.dev/adding-webmentions/

davidbisset, to CSS
@davidbisset@phpc.social avatar

CSS Text Box Trim examples.

It's a #CSS property that allows you to remove the leading whitespace from a block of text.

Useful for removing the space between the top of the text and the top of the container. #frontend

ayo, to webdev
@ayo@ayco.io avatar

There’s danger in educators having tunnel vision, be it inclination to use a particular framework or vanilla DOM querying.

olets, to CSS
@olets@hachyderm.io avatar

Excited to share tailwindcss-fluid-font-size, a new fluid typography Tailwind plugin.

I’ve been iterating on Tailwind approaches to fluid typography for a couple years. tailwindcss-fluid-font-size is more flexible and, to me, the most ergonomic and idiomatically “Tailwindy” of the solutions I’ve built or read about.

Open minded Tailwind haters might even be interested in at least the design.

https://tailwindcss-fluid-font-size.olets.dev/

Codeberg, to random
@Codeberg@social.anoxinon.de avatar

developers around? We'd appreciate a helping hand with improving the Codeberg dark theme (also w.r.t. colour contrast), or even more contributors to Forgejo.

If you're interested, please say "Hi".

davidbisset, to ai
@davidbisset@phpc.social avatar

Interesting and simple way for #AI, wondering what they used. Seems to work pretty well in my tests.

Generate #palettes from a text prompt:

https://aicolors.co/

#frontend #CSS

ayo, (edited ) to random
@ayo@ayco.io avatar

Recording videos on building a small project /threads page on my site, where I want to display some featured posts that I write from here. I'll keep videos unlisted until I complete the series then will decide if I like the video format or just convert them into... text 😄

ayo,
@ayo@ayco.io avatar

I added a simple "back to top" link on https://ayo.ayco.io/threads

&lt;a id="top"&gt;&lt;/a&gt;  
&lt;!--- all the content ---&gt;  
&lt;a href="#top"&gt;Top&lt;/a&gt;

ayo,
@ayo@ayco.io avatar

This is so satisfying! Thanks @saschadiercks for suggesting :)

👉 try it out: https://ayo.ayco.io/threads/112258065967208438#112338772593135832

html {  
 scroll-behavior: smooth;  
}

#webdev #frontend

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • Leos
  • tsrsr
  • DreamBathrooms
  • everett
  • magazineikmin
  • mdbf
  • thenastyranch
  • Youngstown
  • slotface
  • khanakhh
  • rosin
  • hgfsjryuu7
  • kavyap
  • PowerRangers
  • normalnudes
  • ngwrru68w68
  • tacticalgear
  • vwfavf
  • osvaldo12
  • ethstaker
  • cisconetworking
  • Durango
  • InstantRegret
  • cubers
  • tester
  • modclub
  • GTA5RPClips
  • anitta
  • All magazines
    •