@anniegreens@social.lol
@anniegreens@social.lol avatar

anniegreens

@anniegreens@social.lol

On “I put pixels in their place” hiatus. Recovering front-end web developer. You might find me in the garden or staring at a bird.
•—•
Header alt: Closeup of purple tulips from near ground level, making them look like goblets on green stems against a blue sky with white clouds.

Avatar alt: A stylized avatar illustration of a woman with brown hair with gray streaks in a bun, rounded rectangular turquoise glasses, a laptop adorned with stickers, and a slight smirk.

https://proven.lol/f84024

This profile is from a federated server and may be incomplete. Browse more on the original instance.

matthiasott, to random
@matthiasott@mastodon.social avatar

Let’s suppose a friend without any coding experience wants to get started with a personal website.

What advice would you give and which service – or approach – would you recommend?

And yes, I’m asking for my #OwnYourWeb newsletter subscribers again. 😉 RT=🎉

anniegreens,
@anniegreens@social.lol avatar

@matthiasott If they've never actually written HTML or CSS (or even JS, though that could come later), there's nothing wrong with just writing some static files on your computer and serving it up in your browser and being amazed.

Even playing with something like the Stylus extension in Firefox for instant CSS changes and getting familiar with devtools, all from the comfort of your computer before even putting anything out there.

matthiasott, to Blog
@matthiasott@mastodon.social avatar

What were your favorite #blog posts of the year? 🤔

And, in case you have a personal site, which of your own posts was your fave or the most “successful” of 2023?

(Asking for my #newsletter subscribers, of course. 😊)

anniegreens,
@anniegreens@social.lol avatar

@matthiasott According to the analytics:

  1. On micro.blog and how I want to use it. (https://weblog.anniegreens.lol/2023/07/on-micro-blog-and-how-i-want-to-use-it )
  2. Types of blog posts. (https://weblog.anniegreens.lol/2023/11/types-of-blog-posts )
  3. Diving into indiewebify.me & microformats, a series. (https://weblog.anniegreens.lol/2023/12/diving-into-indiewebify-me-microformats-a-series )

Personally, I had the most fun with the microformats series, and I'd originally sat on it thinking no one would be interested. The series landing ended up being a hit due to getting picked up by a link-lister.

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Safari 17.5 is out today! With
• text-wrap: balance and text-wrap: stable
• light-dark()
• @​starting-style
• @​import <url> supports(<feature>);
• AV1 for WebCodecs
• WebGL EXT_conservative_depth and NV_shader_noperspective_interpolation
and more!

https://webkit.org/blog/15383/webkit-features-in-safari-17-5/

anniegreens,
@anniegreens@social.lol avatar

@BryceWrayTX I wrote about this in my color-scheme post: https://weblog.anniegreens.lol/2024/04/what-ive-learned-about-css-color-scheme-and-system-color

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Newly added to my collection: <link-peek>!

Turn any regular anchor link into a rich preview (also known as an ‘unfurled’ link). Can be used with any JSON API and allows for custom templating.

Prefect for creating more visual interest on links without filling the page with additional HTML noise:

✍🏻 https://darn.es/link-peek-web-component/
📦 https://www.npmjs.com/package/@daviddarnes/link-peek

anniegreens,
@anniegreens@social.lol avatar

@DavidDarnes I wrote a bit about using it with EchoFeed on my microblog: https://weblog.anniegreens.lol/2024/04/adding-link-previews-to-echoes-on-my-microblog

anniegreens, to random
@anniegreens@social.lol avatar

📝 A love letter to omg.lol. (https://weblog.anniegreens.lol/2024/01/a-love-letter-to-omg-lol)

I reflect on my one year anniversary on omg.lol and authoring posts on this weblog.

anniegreens, to random
@anniegreens@social.lol avatar

📝 What I've learned about CSS color-scheme and friends. (https://weblog.anniegreens.lol/2024/04/what-ive-learned-about-css-color-scheme-and-system-color)

CSS color-scheme tells the browser what scheme a website supports, ensuring proper contrast with elements and controls between light and dark color schemes, and a whole lot more.

anniegreens, to random
@anniegreens@social.lol avatar

everyone: whining about twitter cutting off anonymous viewing

me: yes, that’s what facebook, instagram, pinterest, et al, have been doing to users like me without accounts for years and years, no public service or agency should be exclusively putting content on any of these platforms

anniegreens, to random
@anniegreens@social.lol avatar

Researching web font stacks, and I used to have a good set of sites to look at for this, but that was years ago and I've long since forgotten them.

What are some resources/websites in use today for finding font stacks, or new fonts, or good fallbacks? I'd also like this research to include fallbacks/system fonts that I could rely on for themes I'm creating.

Many thanks for suggestions and boosting!

anniegreens, to random
@anniegreens@social.lol avatar

Mastodon filters are so great. Some things I filter outright and don't even have to see a CW for. Others I have still show, just in case I feel like toggling the CW and seeing what's up. Just super flexible and a really valuable feature. Why anyone still puts up with other platforms I can't fathom.

anniegreens, to random
@anniegreens@social.lol avatar

This one gave me goosebumps.

https://adactio.com/journal/20315

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

AI for dummies.: https://weblog.anniegreens.lol/2024/05/ai-for-dummies

2024-05-15

anniegreens, to random
@anniegreens@social.lol avatar

If you let me join your webring, you too could be featured prominently on this soon to be lovely-styled page: https://weblog.anniegreens.lol/webrings

It currently doesn't look quite this lovely. Soon!

anniegreens, to random
@anniegreens@social.lol avatar

📝 Let's do this!

WeblogPoMo 2024 (https://weblog.anniegreens.lol/weblog-posting-month-2024)

anniegreens, to random
@anniegreens@social.lol avatar

📝 20/30 (https://weblog.anniegreens.lol/2023/11/working-for-a-living-when-your-living-isnt-working-part-ii) for #NaBloPoMo

"Working for a Living When Your Living isn't Working, Part II"

Part II: How did I get there? I've been on hiatus for a while and there were factors that forced me into it, factors that I continue to see forced on other people to make impossible choices in their lives to this day.

anniegreens, to random
@anniegreens@social.lol avatar

Don't let WeblogPoMo FoMo get you—it's not too late to start!

https://weblog.anniegreens.lol/weblog-posting-month-2024

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

Weblog Publishing Workflow: https://weblog.anniegreens.lol/2024/04/weblog-publishing-workflow

2024-04-12

anniegreens, to random
@anniegreens@social.lol avatar

New little project: I have an idea for a blog posting month thing in May. I might have already alluded tot his with a recent set of questions, and though I particularly want to include folks from omg.lol and those using weblog.lol (the name goes with this) anyone can participate.

I'll be creating a one-pager with some info, it'll be informal and participation will be loose, but maybe we can use a hashtag. More to come!

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

CSS Color Modules and Changes, Part I: https://weblog.anniegreens.lol/2024/05/css-color-modules-and-changes-part-i

2024-05-09

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

Wrapping WeblogPoMo 2024: https://weblog.anniegreens.lol/2024/05/wrapping-weblogpomo-2024

2024-05-31

anniegreens, to random
@anniegreens@social.lol avatar

If you've been involved with or organized a writing/blogging challenge, especially a month-long challenge, and one that is adhering to a topic, what advice do you have?

  • If you were part of the topic making decision, how did you choose the topic?
  • What type of topics have you found most successful and challenging at the same time?
  • Finally, have you found keeping the group small to help with the writing?
sturobson, to random
@sturobson@front-end.social avatar

toying around in CSS … using:

  • css custom properties
  • color-mix
  • color(display-p3 N N N / N)
  • light-dark
  • prefers-color-scheme
anniegreens,
@anniegreens@social.lol avatar

@sarajw This is using color-mix() with my accent-color custom property for the style with Field system color on input[type="text"], select, and textarea, in both the light and dark scheme. This is just the level of "hue" I was thinking I wanted. Not using a percentage for either but I might play around with it to get it "just right". Love it!

Screenshot of the light color scheme in Vinca on themes.lol showing the form controls area.

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

Working for a Living When Your Living isn't Working, Part IV: https://weblog.anniegreens.lol/2024/05/working-for-a-living-when-your-living-isnt-working-part-iv

2024-05-20

anniegreens, to random
@anniegreens@social.lol avatar

📝 From Apple Annie's Weblog

Companies are made of and for people.: https://weblog.anniegreens.lol/2024/05/companies-are-made-of-and-for-people

2024-05-24

#WeblogPoMo #WeblogPoMo2024

anniegreens, to random
@anniegreens@social.lol avatar

My apologies to anyone who signed up for while I slept and have yet to show up on the Participators list!

There was an unplanned snafu with the form and I didn't get the additional people added, I'm so sorry!

If you would still like to be added, you can message me here, or if you are an omg.lol member and on discourse.lol add your info to the WeblogPoMo post, or find me in the omg.lol Discord.

anniegreens, to random
@anniegreens@social.lol avatar

☎️ Waiting for a phone call may be one of the worst things in the world.

anniegreens,
@anniegreens@social.lol avatar

Okay, so, proposal to get rid of the phone part of our pocket computers, go back to having a single solitary place for a call, which defaults to a message/voicemail, and is the expected result of calling said phone, instead of this stupid always-with-you-yet-you-never-get-or-take-the-call game we are playing now.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • Durango
  • thenastyranch
  • osvaldo12
  • magazineikmin
  • GTA5RPClips
  • rosin
  • InstantRegret
  • Youngstown
  • slotface
  • ngwrru68w68
  • kavyap
  • khanakhh
  • DreamBathrooms
  • megavids
  • mdbf
  • everett
  • ethstaker
  • normalnudes
  • cisconetworking
  • tacticalgear
  • cubers
  • modclub
  • provamag3
  • Leos
  • tester
  • anitta
  • lostlight
  • All magazines
    •