home.social

#computingforlittles — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #computingforlittles, aggregated by home.social.

  1. Super lovely.

    Scenarios store to the same `smol-store` as everyone else with a conventional name. Show button auto-enables when the record is found, and look at this lovely thing :)

    SmolChalk :: have a play

    smolchalk.dev/components/

    #smolchalk #computingforlittles

  2. Super lovely.

    Scenarios store to the same `smol-store` as everyone else with a conventional name. Show button auto-enables when the record is found, and look at this lovely thing :)

    SmolChalk :: have a play

    smolchalk.dev/components/

    #smolchalk #computingforlittles

  3. YAML is /almost/ the perfect programming language. Just needs a bit of indirection

    !ref <reference> in a raw data file is preprocessed to { $ref: "<reference>" } when into storage (our example cheats since the embedded fences don't yet use the same preprocessor). Fetch using `smol-node` automatically resolves the references against the source data, in this case the type dictionary.

    smolchalk.dev

    #yamlislove #yamlislife #smolchalkisfriendy #computingforlittles

  4. YAML is /almost/ the perfect programming language. Just needs a bit of indirection

    !ref <reference> in a raw data file is preprocessed to { $ref: "<reference>" } when into storage (our example cheats since the embedded fences don't yet use the same preprocessor). Fetch using `smol-node` automatically resolves the references against the source data, in this case the type dictionary.

    smolchalk.dev

    #yamlislove #yamlislife #smolchalkisfriendy #computingforlittles

  5. How fun is that? Put the scenarios right on the page that describes the component. Now all we need is a results dialog and we've got `smol-toast` the Musical (or at least a component page with reference, examples, the scenarios that verify it in its regression suite as live tests and a REPL to poke at it)

    #webcomponents #computingforlittles #smolchalk

  6. How fun is that? Put the scenarios right on the page that describes the component. Now all we need is a results dialog and we've got `smol-toast` the Musical (or at least a component page with reference, examples, the scenarios that verify it in its regression suite as live tests and a REPL to poke at it)

    #webcomponents #computingforlittles #smolchalk

  7. SmolChalk :: if SmallTalk and Erlang had a baby and it was web components for kids and it composed itself out of markdown and YAML

    smolchalk.dev/

    Just a bunch of little things that mostly don't suck all doing their best to give your children a place to learn whatever you can think of, and letting them explore and learn from the environment they're learning in while they do so.

    #humantools #computingforlittles #smoldata #smolchalk #wanderland

  8. SmolChalk :: if SmallTalk and Erlang had a baby and it was web components for kids and it composed itself out of markdown and YAML

    smolchalk.dev/

    Just a bunch of little things that mostly don't suck all doing their best to give your children a place to learn whatever you can think of, and letting them explore and learn from the environment they're learning in while they do so.

    #humantools #computingforlittles #smoldata #smolchalk #wanderland

  9. How to seriously over-engineer a typing tutor for a five year old.

    [I love it]

    #humantools #computingforlittles

  10. How to seriously over-engineer a typing tutor for a five year old.

    [I love it]

    #humantools #computingforlittles

  11. Aww... smol-button

    Look how helpful smol-button is. Just a general purpose event emitter.

    Now... all I need is a general purpose stuff doer to wire up to a general purpose stuff starter. Where can I find one of those I wander?

    [wanderland.dev]

    Oh right

    #ruby #devops #computingforlittles #platformengineering #humantools

  12. Aww... smol-button

    Look how helpful smol-button is. Just a general purpose event emitter.

    Now... all I need is a general purpose stuff doer to wire up to a general purpose stuff starter. Where can I find one of those I wander?

    [wanderland.dev]

    Oh right

    #ruby #devops #computingforlittles #platformengineering #humantools

  13. If you can describe your architecture as just a bunch of little things that mostly don't suck, then it probably works just fine

    smol-settings[-typography|sound] :: settings w/ optional submodules
    smol-letter-canvas :: themeable textarea with output character stream
    smol-emoji-picker :: kids like emojis
    smol-pattern-matcher :: looks for character patterns in streams, emits emojis
    smol-discoveries :: card list for matched patterns
    smol-speak :: did you know your brower sounds like simon?
    smol-celebrate :: cellies for littles
    smol-help :: for mom and teacher
    smol-page :: hold a thing
    smol-footer :: modeline for curious minds

    #humantools #computingforlittles

  14. If you can describe your architecture as just a bunch of little things that mostly don't suck, then it probably works just fine

    smol-settings[-typography|sound] :: settings w/ optional submodules
    smol-letter-canvas :: themeable textarea with output character stream
    smol-emoji-picker :: kids like emojis
    smol-pattern-matcher :: looks for character patterns in streams, emits emojis
    smol-discoveries :: card list for matched patterns
    smol-speak :: did you know your brower sounds like simon?
    smol-celebrate :: cellies for littles
    smol-help :: for mom and teacher
    smol-page :: hold a thing
    smol-footer :: modeline for curious minds

    #humantools #computingforlittles

  15. Once you break everything down to components and messages, the rest is just wiring :: events and streams are the two envelope primitives with scalars, lists and typed objects inside

    - Typography settings events are consumed by the text panel and the local-store for persistence. The local-store emits on load to hydrate. Same event, different source, full lifecycle
    - Character stream events are emitted on key-up and consumed by a compute only pattern-matcher, it's emissions are consumed by the text panel for highlighting and by the card panel for a pictorial update of the same event
    - The same pattern-matcher events are captured by a wee toast which filters and displays only the first instance of each word

    etc

    Neat

    #humantools #computingforlittles

  16. Once you break everything down to components and messages, the rest is just wiring :: events and streams are the two envelope primitives with scalars, lists and typed objects inside

    - Typography settings events are consumed by the text panel and the local-store for persistence. The local-store emits on load to hydrate. Same event, different source, full lifecycle
    - Character stream events are emitted on key-up and consumed by a compute only pattern-matcher, it's emissions are consumed by the text panel for highlighting and by the card panel for a pictorial update of the same event
    - The same pattern-matcher events are captured by a wee toast which filters and displays only the first instance of each word

    etc

    Neat

    #humantools #computingforlittles

  17. That's one way to to it. Read/write keys directly to the smol-data store and they immediately take effect, captured in the user-overlay and applied wherever the site cares about it.

    Now to hide a little button somewhere that pops a form. Maybe challenges unlock different keys.

    Are kids motivated by unlocking customizability of their own learning platform or is that just something I'm projecting?

    #computingforlittles #humantools

  18. That's one way to to it. Read/write keys directly to the smol-data store and they immediately take effect, captured in the user-overlay and applied wherever the site cares about it.

    Now to hide a little button somewhere that pops a form. Maybe challenges unlock different keys.

    Are kids motivated by unlocking customizability of their own learning platform or is that just something I'm projecting?

    #computingforlittles #humantools

  19. So... what happened was I sat down to update the design language and then stuff gets a little hazy and before you know these things showed up

    We're calling it `SmolChalk` :: a blessingful crossing of SmallTalk and computing for littles where everything is a component, they speak in messages and they look like chalk drawings on the sidewalk

    Data driven site design, including a schema for the data model and the events. I want the whole thing to be inspectable by curious minds. The core site config is read-only, everyone gets their own append-only log on top for edits.

    iPads are for consumption. Computers are for learning. SmolChalk should be fun

    #computingforlittles #humantools

  20. So... what happened was I sat down to update the design language and then stuff gets a little hazy and before you know these things showed up

    We're calling it `SmolChalk` :: a blessingful crossing of SmallTalk and computing for littles where everything is a component, they speak in messages and they look like chalk drawings on the sidewalk

    Data driven site design, including a schema for the data model and the events. I want the whole thing to be inspectable by curious minds. The core site config is read-only, everyone gets their own append-only log on top for edits.

    iPads are for consumption. Computers are for learning. SmolChalk should be fun

    #computingforlittles #humantools

  21. The Government of Canada has a design language published here design.canada.ca/. I've always found the design of government websites fascinating, the UK government has a similar language in their properties.

    The idea is that you need to communicate your desire in a way that's able to be interpreted by as wide an audience as possible so that they can navigate a process they may need a lot of help navigating.

    I've borrowed what I can as the "Elephant Design Language" and I think it's time we take another pass at it.

    It's just vanilla web components. I'm going to extract out a suite of common elements, text areas, font + typography config, state emitters etc. Add a YAML provider for state data and a wee event bus to wire it all up.

    I'm calling it SmolChalk for reasons I find adorable

    #humantools #computingforlittles #smolchalk

  22. The Government of Canada has a design language published here design.canada.ca/. I've always found the design of government websites fascinating, the UK government has a similar language in their properties.

    The idea is that you need to communicate your desire in a way that's able to be interpreted by as wide an audience as possible so that they can navigate a process they may need a lot of help navigating.

    I've borrowed what I can as the "Elephant Design Language" and I think it's time we take another pass at it.

    It's just vanilla web components. I'm going to extract out a suite of common elements, text areas, font + typography config, state emitters etc. Add a YAML provider for state data and a wee event bus to wire it all up.

    I'm calling it SmolChalk for reasons I find adorable

    #humantools #computingforlittles #smolchalk

  23. Lazy Sunday and Daddy misses his 🩷🐘

    She loves typing, mostly making shapes with the letters

    Daddy used to do it with PETSCII on his C64

    Going to steal some of that desire to teach :: typing | reading

    Pick a word, simple guidance :: LETTER | row | position | highlighted key

    Colour coded row | position references for quick recognition

    She loves to type :)

    #humantools #computingforlittles

  24. Lazy Sunday and Daddy misses his 🩷🐘

    She loves typing, mostly making shapes with the letters

    Daddy used to do it with PETSCII on his C64

    Going to steal some of that desire to teach :: typing | reading

    Pick a word, simple guidance :: LETTER | row | position | highlighted key

    Colour coded row | position references for quick recognition

    She loves to type :)

    #humantools #computingforlittles

  25. 🌱 Sprout Garden 🌱

    I made this for my kids, I think I have more fun with it.

    It's a Fisher Price My First IDE that teaches spatial programming through a judicious application of middleware

    The seed has a shape and a colour.

    The plots are pass-through identities with direction or transformative middleware.

    The goal is to get the seed to the harvest with the right shape and colour

    +++

    """
    It's more fun than the sermon
    """
    --- an honest, timely review

    #computingforlittles

  26. 🌱 Sprout Garden 🌱

    I made this for my kids, I think I have more fun with it.

    It's a Fisher Price My First IDE that teaches spatial programming through a judicious application of middleware

    The seed has a shape and a colour.

    The plots are pass-through identities with direction or transformative middleware.

    The goal is to get the seed to the harvest with the right shape and colour

    +++

    """
    It's more fun than the sermon
    """
    --- an honest, timely review

    #computingforlittles

  27. """
    Would you believe... a kids game?
    """
    --- Max to 99, notorious disbeliever

    ===

    """
    There's a leader board and everything
    """
    --- he to his children, also disbelieving

    +++

    Thought it might be fun to turn a Merkle chain into a kids game.

    ===

    """
    I'm a believer
    """
    --- he, as to himself with a tamborine, because he could

    #wanderland #computingforlittles

  28. """
    Would you believe... a kids game?
    """
    --- Max to 99, notorious disbeliever

    ===

    """
    There's a leader board and everything
    """
    --- he to his children, also disbelieving

    +++

    Thought it might be fun to turn a Merkle chain into a kids game.

    ===

    """
    I'm a believer
    """
    --- he, as to himself with a tamborine, because he could

    #wanderland #computingforlittles

  29. This is such a lovely way of injecting a bit of chance into an otherwise dreary YAML

    Conditional value injection, external influence. Who needs control logic when you've got a config file and just enough sugar to make it Turing complete

    #programming #computingforlittles #wanderland #yamlislove #yamlislife

  30. This is such a lovely way of injecting a bit of chance into an otherwise dreary YAML

    Conditional value injection, external influence. Who needs control logic when you've got a config file and just enough sugar to make it Turing complete

    #programming #computingforlittles #wanderland #yamlislove #yamlislife

  31. """
    The fuck is this?
    """
    --- my kids, as to me, after I mistakenly thought the fun I'm having was universal and replaced all of their tablet games with what the fuck this is

    #programming #computingforlittles

  32. """
    The fuck is this?
    """
    --- my kids, as to me, after I mistakenly thought the fun I'm having was universal and replaced all of their tablet games with what the fuck this is

    #programming #computingforlittles

  33. 🛋️🤔

    Y'all keep exploring the substrate and getting confused why it doesn't resolve.

    The game is no fun if there aren't any constraints

    #philosophy #physics #engineering #computingforlittles

  34. 🛋️🤔

    Y'all keep exploring the substrate and getting confused why it doesn't resolve.

    The game is no fun if there aren't any constraints

    #philosophy #physics #engineering #computingforlittles

  35. 🛋️🤔

    Y'all keep exploring the substrate and getting confused why it doesn't resolve.

    The game is no fun if there aren't any constraints

    #philosophy #physics #engineering #computingforlittles

  36. 🛋️🤔

    Y'all keep exploring the substrate and getting confused why it doesn't resolve.

    The game is no fun if there aren't any constraints

    #philosophy #physics #engineering #computingforlittles

  37. 🛋️🤔

    Y'all keep exploring the substrate and getting confused why it doesn't resolve.

    The game is no fun if there aren't any constraints

    #philosophy #physics #engineering #computingforlittles

  38. 🌱 Sprout Garden 🌱

    Y'all

    Sprout Garden y'all

    Sprout Garden got a Maze button y'all

    I think 56% is nice this time of year 🗓️

    #education #computingforlittles #sproutgarden

  39. 🌱 Sprout Garden 🌱

    Y'all

    Sprout Garden y'all

    Sprout Garden got a Maze button y'all

    I think 56% is nice this time of year 🗓️

    #education #computingforlittles #sproutgarden

  40. 🌱 Sprout Garden 🌱

    🎺 Saddest Trombone...

    I used to have coworkers stunned by how little i would look at my work before I ran it.

    Make a change, commit and push. Trigger a build

    "You're not even going to look at it?"

    ...

    [when your work is pipelines, Jenkins is your compiler... what, you guys don't user your compiler to check for typos?]

    #devops #computingforlittles #programming #education #failfastismorefun

  41. 🌱 Sprout Garden 🌱

    🎺 Saddest Trombone...

    I used to have coworkers stunned by how little i would look at my work before I ran it.

    Make a change, commit and push. Trigger a build

    "You're not even going to look at it?"

    ...

    [when your work is pipelines, Jenkins is your compiler... what, you guys don't user your compiler to check for typos?]

    #devops #computingforlittles #programming #education #failfastismorefun

  42. 🌱 Sprout Garden 🌱

    🎺 Saddest Trombone...

    I used to have coworkers stunned by how little i would look at my work before I ran it.

    Make a change, commit and push. Trigger a build

    "You're not even going to look at it?"

    ...

    [when your work is pipelines, Jenkins is your compiler... what, you guys don't user your compiler to check for typos?]

    #devops #computingforlittles #programming #education #failfastismorefun

  43. 🌱 Sprout Garden 🌱

    🎺 Saddest Trombone...

    I used to have coworkers stunned by how little i would look at my work before I ran it.

    Make a change, commit and push. Trigger a build

    "You're not even going to look at it?"

    ...

    [when your work is pipelines, Jenkins is your compiler... what, you guys don't user your compiler to check for typos?]

    #devops #computingforlittles #programming #education #failfastismorefun

  44. 🌱 Sprout Garden 🌱

    🎺 Saddest Trombone...

    I used to have coworkers stunned by how little i would look at my work before I ran it.

    Make a change, commit and push. Trigger a build

    "You're not even going to look at it?"

    ...

    [when your work is pipelines, Jenkins is your compiler... what, you guys don't user your compiler to check for typos?]

    #devops #computingforlittles #programming #education #failfastismorefun

  45. 🌱 Sprout Garden 🌱

    This is intended to be the closing level of the first phase, which means of course it's a BOSS LEVEL!!@!

    In this case, it's the idea that a shape can cycle back to itself. Somehow, the idea of a shape cycling through the start point to land later in the sequence is easier to digest than landing back on itself. Part of teaching process is teaching what change is sometimes required to occur in the first place.

    The first pass through, we hadn't implemented constraints so the BOSS LEVEL!!@! turned out to be

    Transform Blue Triangle into Blue Triangle

    !!@!

    Thus constraints were born.

    Now to make this into a true BOSS LEVEL <|:o(::)>

    #programming #education #engineering #computingforlittles

  46. 🌱 Sprout Garden 🌱

    This is intended to be the closing level of the first phase, which means of course it's a BOSS LEVEL!!@!

    In this case, it's the idea that a shape can cycle back to itself. Somehow, the idea of a shape cycling through the start point to land later in the sequence is easier to digest than landing back on itself. Part of teaching process is teaching what change is sometimes required to occur in the first place.

    The first pass through, we hadn't implemented constraints so the BOSS LEVEL!!@! turned out to be

    Transform Blue Triangle into Blue Triangle

    !!@!

    Thus constraints were born.

    Now to make this into a true BOSS LEVEL <|:o(::)>

    #programming #education #engineering #computingforlittles

  47. 🌱 Sprout Garden 🌱

    This is intended to be the closing level of the first phase, which means of course it's a BOSS LEVEL!!@!

    In this case, it's the idea that a shape can cycle back to itself. Somehow, the idea of a shape cycling through the start point to land later in the sequence is easier to digest than landing back on itself. Part of teaching process is teaching what change is sometimes required to occur in the first place.

    The first pass through, we hadn't implemented constraints so the BOSS LEVEL!!@! turned out to be

    Transform Blue Triangle into Blue Triangle

    !!@!

    Thus constraints were born, he must use at least one cycler - which means he must use all four

    Now to make this into a true BOSS LEVEL <|:o(::)>

    #programming #education #engineering #computingforlittles

  48. 🌱 Sprout Garden 🌱

    This is intended to be the closing level of the first phase, which means of course it's a BOSS LEVEL!!@!

    In this case, it's the idea that a shape can cycle back to itself. Somehow, the idea of a shape cycling through the start point to land later in the sequence is easier to digest than landing back on itself. Part of teaching process is teaching what change is sometimes required to occur in the first place.

    The first pass through, we hadn't implemented constraints so the BOSS LEVEL!!@! turned out to be

    Transform Blue Triangle into Blue Triangle

    !!@!

    Thus constraints were born.

    Now to make this into a true BOSS LEVEL <|:o(::)>

    #programming #education #engineering #computingforlittles