stefan, (edited ) to design
@stefan@stefanbohacek.online avatar

I'm trying to get my personal site more organized, let me know what you think!

https://stefanbohacek.com/projects

#PersonalWebsite #SideProjects #WebDesign #UXUI #design

stefan, to random
@stefan@stefanbohacek.online avatar

I need to figure out a better way to highlight my best side projects, both on my personal site, and here on my profile page.

#SideProjects

ayo, to opensource
@ayo@ayco.io avatar

For #FollowFriday I recommend @drewdevault — creator of SourceHut (https://sr.ht) and now writing a thread while building an Operating System: https://fosstodon.org/@drewdevault/112319697309218275

Really cool side project 😄

#opensource #foss #sideprojects
(P.S. shameless plug, if you wanna have a dedicated page for your threads: http://ayco.io/sh/threads)

stefan, to random
@stefan@stefanbohacek.online avatar

I've worked on a variety of personal side projects over the years, and a few did get a bit of attention (that is, enough attention for me to have my own "press" page*).

My secret to (very mild) success: Just do what you love, do it as often as your other responsibilities permit, and maybe one day The Verge writes about it, a few years later.

Hope this helps!

#sideprojects

amxmln, to Blog
@amxmln@mastodon.design avatar

New post on my #blog: Embracing Abandonment

It’s only natural that a single dev cannot possibly give all their projects the same love and attention all the time—but do they have to?

I think as always, it depends. For myself, maybe I don’t.

https://amxmln.com/blog/2024/embracing-abandonment/

#webdev #sideprojects

stefan, to random
@stefan@stefanbohacek.online avatar

"Want to be somebody who knows how to cook, or code in Lisp? Or somebody who knows how to rollerblade, or only eats plants, or worships the moon? Just start doing those things and then, poof! Now you are that person."

https://tilde.town/~dozens/sofa/

via https://mefi.social/@metafilter/111789103064837023

#sofa #SideProjects

amxmln, to webdev
@amxmln@mastodon.design avatar

Hey I actually managed to create a small mood board for my website redesign tonight. 👌 At the current rate (calculates feverishly) the new version will go online in approximately 2028. 😅

#webDev #personalSites #sideProjects

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

Redirection is just a config in https://nitro.unjs.io/ -- which unifies the experience accross different deployment platforms.

I have set up https://mcfly.js.org/chat in a small code change: https://ayco.io/gh/McFly/commit/1694511af8ef2bbc2b767b86d0d2435128bf3e34

#webdev #frontend #sideprojects

ayo, to webdev
@ayo@ayco.io avatar
ayo, to webdev
@ayo@ayco.io avatar

🎉 New Post: Reactivity? You Don't Need a Base Class for That

👉 https://ayos.blog/reactive-custom-elements-with-html-dataset/

A demonstration of using standard HTMLElement APIs for reactivity...

#WebComponents #webdev #frontend #sideProjects #software #opensource #foss

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

🎉 Calculated & conditional styles; now on beta for https://WebComponent.io v2.1.0-beta

👉 here's a CodePen: https://codepen.io/ayoayco-the-styleful/pen/bGzXjwQ?editors=1010

When using the built-in html function for tagged templates, a style object of type Partial<CSSStyleDeclaration> can be passed to any element's style attribute.

#sideProjects #WebComponents #webdev #opensource #software #foss #webdevelopment

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

Using lit-html with https://WebComponent.io 🤣

An example of using custom templating syntax & renderer 🎉

Try it on CodePen: https://codepen.io/ayoayco-the-styleful/pen/ZEwNJBR?editors=1010

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

Uh, by the way I exposed all internals as utils... and you don't have to extend the base class (which is already tiny) just to get the goodies...

✨ You can practically build the behavior on your own classes!

CodePen example of using html in vanilla HTMLElement
👉 https://codepen.io/ayoayco-the-styleful/pen/bGzJQJg?editors=1010

#sideProjects #WebComponents #webdev #opensource #software #foss #webdevelopment

ayo, to webdev
@ayo@ayco.io avatar

🎉 Updated McFly core to v0.5.0 -- now with WebComponent v2.0.0

I love how I can just focus on writing components and using them on my pages -- no need to import anything or maintain registries.

We can just throw files in the components & pages directories... and all is taken care of by the file system!

Try it by running: npm create mcfly@latest

#sideProjects #WebComponents #webdev #opensource #software #foss #webdevelopment

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

🎉 New major release v2.0.0!

New Features

  • Easily define and initialize props that get translated into observed HTML attributes
  • A new minimal html function for tagged templates powered by preact's tiny (450 Bytes) htm/mini
  • Attach "side effects" that gets triggered on property value changes with attachEffect
  • All internals now exposed as utils in web-component-base/utils

https://github.com/ayoayco/web-component-base/releases/tag/v2.0.0

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

The upcoming features for https://WebComponent.io

attachEffect
props blueprint
html tagged templates
(more coming soon)

Try them now on CodePen: https://codepen.io/ayoayco-the-styleful/pen/ExrdWPv?editors=1011

#WebComponents #sideProjects #webdev #frontend #opensource #software #foss

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

deleted_by_author

  • Loading...
  • ayo, (edited )
    @ayo@ayco.io avatar

    Changed my mind about using the on: prefix... I realized it's much simpler if we stick to the standard HTML behavior.

    On v2.0.0-beta.14 I made it so the behavior is the same as standard conversion from HTML attr to DOM properties, where .toLowerCase() is called for on-event props.

    For example, using onClick is the same as using onclick

    Updated CodePen 👉 https://codepen.io/ayoayco-the-styleful/pen/jOdJyNV?editors=1010

    #WebComponents #sideProjects #webdev #frontend #opensource #software #foss

    ayo, to webdev
    @ayo@ayco.io avatar

    🎉 Yay! Small progress on my https://WebComponent.io side project...

    Props can now hold objects on v2.0.0-beta.1 😅

    HTML attribute holds stringified counterparts while Proxy props hold real objects.

    Here's a codepen--but take note this is super experimental *
    👉 https://codepen.io/ayoayco-the-styleful/pen/RwvvYMx?editors=1010

    • Object props are now working, but templating is not easy yet in this example -- I'm working on it! :)

    #sideProjects #WebComponents #webdev #opensource #software #foss #webdevelopment

    video/mp4

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

    🎉 Here it is! https://WebComponent.io

    A zero-dependency, ~600 Bytes (minified & gzipped), JS base class for creating reactive custom elements easily.

    #WebComponents #webdev #frontend #sideProjects #software #opensource #foss

    andypiper, to random
    @andypiper@macaw.social avatar

    That's better. Now for a bit of tidy up and optimisation. #plotter #SideProjects

    inautilo, to business
    @inautilo@mastodon.social avatar

    “When you start an open source project, put aside at least half of your time for marketing.” — Nuno Maduro


    #Business #Projects #SideProjects #Marketing #Development #WebDev #OpenSource #Quote

    Luke, to blogging
    @Luke@typo.social avatar
    MSicc, to fun

    For one of my , I am having a lot of “ “ with application windows on and . Once I figure everything out I need to(which goes also beyond the ), I will probably have to write another post for future .

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