stefan , to News from fediverse
@stefan@stefanbohacek.online avatar

Hey everyone! I recently posted about my latest project, a universal fediverse sharing button: https://stefanbohacek.com/project/fediverse-sharing-button/

Is this something that you'd find useful for your website or blog?

EDIT: Thanks everyone for sharing and trying this out! I fixed an issue on iOS some of you might have run into, just FYI.

johmmlhll , to writing group
@johmmlhll@mastodon.ie avatar

Still crafting content for my upcoming author site, Author Mulhall 📚, soon to be live at authormulhall.com. The Author News Corner page is in the works—thoughts on the design? @writing @writingcooperative @writingtheother @Writing_ie @writers

johmmlhll , to Random stuff
@johmmlhll@mastodon.ie avatar

Exciting updates on my site development at Author Mulhall 📚! Stay tuned for the launch of authormulhall.com. I’d love to hear your thoughts on the current progress. 🤩 Are you liking the look so far?

Image of a drafted website page called Latest Author News, Novel Articles, Real World Updates for Author Mulhall (authormulhall.com).
Image of a drafted website page called Home Page of Great Fiction for Author Mulhall (authormulhall.com).

adamsdesk , to Random stuff
@adamsdesk@fosstodon.org avatar

The Importance of a Thoughtful Website Footer

Take a deep dive in learning about a website footer in this comprehensive guide covering what one is, key design points, ideas, the purpose, and more.

https://www.adamsdesk.com/posts/website-footer-explained/

inautilo , to Random stuff
@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

johmmlhll , to writers group
@johmmlhll@mastodon.ie avatar

Exciting news! Developing my author website, Author Mulhall 📚, coming soon at authormulhall.com. Got great feedback from our on feature image width for Desktop. Full or part screen—what’s your take? 🤔 ⭐ @writing @writingtheother @writers @Writing_ie @authorindiespeak ✨

Feature image set to full screen width of my in development Author Mulhall site Books by John A Mulhall page. Its a listing of information about his novel long form work in progress and also his publications.

vantablack , to Random stuff
@vantablack@cyberpunk.lol avatar

FUN FACT: you can use emojis as favicons!!!

just do this

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖤</text></svg>"><br></br>

timotheegoguely , to Random stuff
@timotheegoguely@mastodon.design avatar

Great article by @nachtfunke:

📝 Craft vs Industry: Separating Concerns
Reconciling the differences between the craft of making websites and the industry that has grown around it.

> Handcrafted websites are made by humans for humans. This is what differentiates our craftsperson from the factory worker—what the craftsperson does is valuable to people, not businesses.

https://helloyes.dev/blog/2023/craft-vs-industry/

weirdwriter , to Random stuff

Had to install extensions that prevented disabling paste in edit fields online. I wish browsers would make this possible natively because I never, ever, want paste disabled on any edit field, ever. Here's an extension for FF https://addons.mozilla.org/en-US/firefox/addon/don-t-fuck-with-paste/

toran , to Random stuff
@toran@mastodon.tjs.is avatar

: Write-Freely is an open source, self hosted blog and journal solution simply built for , by !

I am seriously thinking of using this for my personal ! 🙂

@writefreely

https://www.youtube.com/watch?v=pR4QATSRyXA

toran , to Programming
@toran@pkm.social avatar

As seems to be a popular recommendation, as a good first for me to learn, it does make my choice of a lot easier. 🙂

@gohugoio




appassionato , to bookstodon group
@appassionato@mastodon.social avatar

Building DIY Websites For Dummies 2024 by Jennifer DeRosa

Building DIY Websites For Dummies guides non-designers through the steps of creating an attractive and effective website using today's top web-based tools. This book helps you launch or improve your website designed to boost your entrepreneurial endeavors, small business, or personal passion.

@bookstodon



There's more to building a website than just picking a theme and dropping in text and images. Creating a site that attracts visitors and turns those visitors into customers requires some professional insight and a few tips and tricks. With this easy-to-follow Dummies guide, you can skip learning the complicated coding that runs a site and focus on the parts that attract visitors (and search engines). Grab this book and get expert insight on how to craft a usable design, create site content, improve site findability, and convert browsers into buyers.
ALT
  • Reply
    • esther , to Random stuff
    @esther@strangeobject.space avatar

    Here's a shortcoming of CSS Grid:

    As far as I can see there's no way to have grid cells that are perfectly square without using aspect-ratio: 1 on the grid's child elements.

    This becomes relevant when you have some grid elements that span a different number of cells in each direction.

    This is the hack I'm now using to get around this but it requires knowing how many vertical grid rows you'll need (defined in the --nrows variable) and also all the horizontal spacings in your layout.

    display: grid;<br></br>--cell: calc((100vw - 14rem - 11 * 1rem) / 12);<br></br>grid-template-columns: repeat(12, var(--cell));<br></br>grid-template-rows: repeat(var(--nrows), var(--cell));<br></br>grid-gap: 1rem;<br></br>

    (the 14rem there is the sum of all horizontal spacings outside of this grid)

    esther OP ,
    @esther@strangeobject.space avatar

    Turns out you can do this in a much cleaner way without knowing the total horizontal spacing of your layout using container queries, specifically the cqi unit.

    And it's relatively easy to construct the grid in a way that degrades gracefully if those units aren't supported by a browser yet. You loose the perfect square look but the overall arrangement persists.

    Thanks to @scrwd for the hint. https://mastodon.social/@scrwd/112074457751814447

    You can see a real-world implementation in my portfolio gallery now: https://www.aesthr.com/photography/

    torspedia , to Random stuff
    @torspedia@linuxrocks.online avatar

    With the news that @GIMP is expected to finally launch its 3.0 release in May... I'm wondering if I should hold off on learning how to use the app, until they actually release it?! 🤔

    esther , to Random stuff
    @esther@strangeobject.space avatar

    Speaking of CSS and web design, here's thing I can recommend doing:

    Have a theme reference page that shows important design elements all in one place along with your color palette.

    If you change something about your CSS, this is a good place to check if everything still fits together.

    https://www.selfawaresoup.com/static/theme/

    molly0xfff , to Random stuff
    @molly0xfff@hachyderm.io avatar

    i realize some of you may have thought i was joking when i said one of the things that made me excited about leaving substack was control over how my footnotes and references look

    🤩

    But quickly I realized that what I wanted was not a new platform, but rather no platform. Although most platforms do a better job of content moderation than Substack, I feared that I could find myself in the same position down the road if my new host made a similarly unconscionable decision. I'm also a little bit of a control freak, and more generally, I like having as few opportunities as possible for would-be enshittifiers to mess around with what I'm trying to do.c So, self-hosting seemed the obvious route to take, and once that decision was made, Ghost's open source blogging software was the obvious choice.d c. If anyone enshittifies my newsletter, it's going to be me, dammit! d. In fairness, it is possible to self-host WordPress, which is also open-source. It is, however, also written in PHP — a language I am much less comfortable with and enjoy much less than Ghost's JavaScript. WordPress is also quite a bit older, and, in my opinion, somewhat bloated with features I don't and won't need. The process of migrating, unfortunately, is daunting. Every newsletter is different, every destination is different, and there is no unified how-to guide that covered what I was trying to do. So, for the benefit of anyone out there who might be trying to do what I did — that is, migrate from Substack to a self-hosted instance of the open source Ghost blogging software — here is my version of the guide I wish I had.
    ALT
  • Reply
  • Expand (1)
  • Collapse (1)
    • + pluralistic, dangillmor, tchambers
    shellsharks , to Random stuff
    @shellsharks@infosec.exchange avatar

    I can’t overstate how much I hate . Extremely humbling trying to do anything resembling good, “modern”, responsive . Been working on some heavier under-the-hood changes to my -based and wow my eyes and soul hurt.

    A related question, anyone ever implement full-body text search on a static site / Jekyll site before? I’ve been looking into maybe lunr.js…

    shellsharks , to Firefox
    @shellsharks@infosec.exchange avatar

    Ok, are there any folks out there who can help me with this annoying issue? On basically every browser I've tried, the text I've positioned under this icon on my home page (https://shellsharks.com) appears correctly. But on FF, it floats kinda above the icon. From what I've researched, there are some known issues with Firefox and the position:absolute tag but I just can't figure out a workaround/fix. What makes this more odd is I am doing what seems to be the exact same thing with the icon right next to this on my home page with text underneath and that one is working fine. Thanks for the help!!!

    image/png

    youronlyone , to Random stuff
    @youronlyone@c.im avatar

    Oh! is now supported in all major browsers. That was fast, within the year.

    ⇉ https://caniuse.com/?search=oklch

    I guess it is now safe to trim down / files to just and oklch colours.

    youronlyone , to Firefox
    @youronlyone@c.im avatar

    Why you should switch to ?

    baby!

    ⇉ https://www.colorfonts.wtf

    LisaHornung , to Random stuff
    @LisaHornung@fosstodon.org avatar

    Found out about this great little tool yesterday.

    Perfect Freehand lets you draw smoth, good looking shapes and lines. 🤩 〰️ You can export them to SVG and there is even a Plugin and library!
    🔗https://www.perfectfreehand.com/

    Made by Steve Ruiz via @puntofisso weekly newsletter

    maegul , to Random stuff
    @maegul@hachyderm.io avatar

    Someone on hacker news thought to suggest that the influx of tech bros is partly responsible for bad design in modern web dev … can you guess how calm they remained over there?

    https://news.ycombinator.com/item?id=38034023

    taylor , to Random stuff
    @taylor@werewolf.town avatar

    Hey! Did you know I once put and (playable!) on credit card machines? Or ported Wordle to ? I've been plumbing all sorts of into all sorts of other tech professionally for almost a decade now (unprofesionally for 16 years!) with an intimate knowledge of the inner workings of computers and low-level embedded code. I can also do killer hand-crafted without relying on platforms or frameworks! And I can draw you in for a modest price!

    I'm currently 99% unemployable due to being legally in Brazil and physically in the UK. I've been without a stable income for 2 years now and I desperately need something my way. If you know of any commission or contract work that won't bug me with where I am geographically, please let me know!

    image/jpeg
    image/jpeg
    image/png

    TechDesk , to Random stuff
    @TechDesk@flipboard.social avatar

    South Africans are using ChatGPT to code and create basic designs. That’s been bad news for web designers. Here’s more from Rest of World: https://flip.it/uc30kh

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • supersentai
  • WatchParties
  • Rutgers
  • jeremy
  • Lexington
  • cragsand
  • mead
  • RetroGamingNetwork
  • loren
  • steinbach
  • xyz
  • PowerRangers
  • AnarchoCapitalism
  • kamenrider
  • Mordhau
  • WarhammerFantasy
  • itdept
  • AgeRegression
  • mauerstrassenwetten
  • MidnightClan
  • space_engine
  • learnviet
  • bjj
  • Teensy
  • khanate
  • electropalaeography
  • neondivide
  • fandic
  • All magazines
    •