FujoCoded LLC – A better web, together
LightNews LightNews
banner
fujocoded.bsky.social
FujoCoded LLC – A better web, together
@fujocoded.bsky.social
610 followers 2 following 430 posts
Empowering fujin and other online subcultures to shape their web through software, education, and community collaboration.

Support us @
📈Patreon: https://www.patreon.com/fujocoded
🛍️Store: https://store.fujocoded.com/
Posts Replies Media Videos
Pinned
fujocoded.bsky.social
FujoCoded LLC – A better web, together @fujocoded.bsky.social · Sep 30
Longing for an internet that's kinder, queerer, and just plain more fun? FujoCoded LLC works to bring internet weirdos together and to empower niche communities to reclaim their online spaces!

Help us help the web by supporting our work today!

patreon.com/fujocoded

Other links below 🔗👇
Overview of the FujoVerse, with the logos arranged on a grid. Support us today! Patreon.com/fujocoded FujoCoded - our projects The Fujoshi Guide to Web Development - The cast lineup of shippable ikemen tech concepts. Accessible guides to modern web development for the niche subcultures of the web. By professionals, for everyone. Fandom Coders - Boba-tan winking as she holds a rubber duck. A judgement-free learning community for software weavers at all levels building the fandom web and beyond. BobaBoard - Boba-tan winning a plushie of her blorbo in a crane game. Self-hostable forum software updated for today's online dwellers. An active experiment in shared governance and collective building. ...and more! - AO3.js and Astrolabe logos. Tools, libraries, and gatherings to help people bootstrap their coding projects or find open initiatives to contribute to.
Reposted by FujoCoded LLC – A better web, together
chaosgreml.in
Can’t wait!!! Already purchased!!
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 4h
It's -2 days!!! 💖💖🛍️🙏

Get yours at our special price if you haven't yet!

store.fujocoded.com/products/oth...
November 26, 2025 at 10:40 PM
fujocoded.bsky.social
It's -2 days!!! 💖💖🛍️🙏

Get yours at our special price if you haven't yet!

store.fujocoded.com/products/oth...
November 26, 2025 at 7:32 PM
fujocoded.bsky.social
It's -2!!!
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 1d
🚢 Our learn along ship THIS FRIDAY!! 🚢

It's a fully-functional interactive site inspired by the cookies you all loved and tasted 🥠

But unlike the cookies, it is heavily commented and thoughtfully put together so you can learn modern HTML, CSS, and JavaScript as you play with it!

On sale NOW 👇🛍️
A promo image saying "build your own fortune generator site with our learn-along, showcasing the logo of HTML/CSS/JS and "as seen on the web" $9.99 stamp A screencap of the Fortune Cookie learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking a webpage, with a yellow border, red columns on each side, and a cream background. Boba-tan, with a fortune cookie moustache, stands in the top middle. Below is a white text box with red border, saying "seek a fortune if you dare", and options for vanilla, chocolate, or lemon cookie flavors. White text with black outline reads: "Learn along as we build a fortune generator-- select a flavor, push a button, get a fortune!" Text below that outlines what is included: a centered single column layout; visual and practical interactions; pages, texts, and images where you want them, at any size, and more! Features are listed on the top right, with black text on a white text box outlined in black. Inside a black text field with white text, at the bottom right, there are more detailed features listed. These feature boxes highlight the approachable nature of the learn along, professional knowledge included, and customizable nature of the product. An image highlighting the desirable features of the learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking two webpages, with yellow borders and cream backgrounds; excerpts from the learn along are within the windows in black text. White text with a black outline reads: "step by step, concept by concept, always in your language!" Black text with a white outline, and black arrows pointing to various parts of the learn along, reads: "Learn why, not just how. Explanations in plain english, with the technical terms you need! Level up at your pace with extra challenges!" The last line has an arrow pointing to text that reads "extra credit" and suggests adding a transform effect to a button being clicked, as a cool thing people can do to advance their coding knowledge. Modern code, practical interactivity, unique fandom flavor. Learn skills for all your
projects—workday or weekend! Get the common gotchas before they get you! Write code that reacts to your users. ...ditch the boring lessons,
embrace the world weird web!
November 26, 2025 at 7:28 PM
Reposted by FujoCoded LLC – A better web, together
hellothotcrimes.bsky.social
Got mine 💪🏿 Get yours so you can be cool, too
November 26, 2025 at 6:29 PM
fujocoded.bsky.social
🚢 Our learn along ship THIS FRIDAY!! 🚢

It's a fully-functional interactive site inspired by the cookies you all loved and tasted 🥠

But unlike the cookies, it is heavily commented and thoughtfully put together so you can learn modern HTML, CSS, and JavaScript as you play with it!

On sale NOW 👇🛍️
A promo image saying "build your own fortune generator site with our learn-along, showcasing the logo of HTML/CSS/JS and "as seen on the web" $9.99 stamp A screencap of the Fortune Cookie learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking a webpage, with a yellow border, red columns on each side, and a cream background. Boba-tan, with a fortune cookie moustache, stands in the top middle. Below is a white text box with red border, saying "seek a fortune if you dare", and options for vanilla, chocolate, or lemon cookie flavors. White text with black outline reads: "Learn along as we build a fortune generator-- select a flavor, push a button, get a fortune!" Text below that outlines what is included: a centered single column layout; visual and practical interactions; pages, texts, and images where you want them, at any size, and more! Features are listed on the top right, with black text on a white text box outlined in black. Inside a black text field with white text, at the bottom right, there are more detailed features listed. These feature boxes highlight the approachable nature of the learn along, professional knowledge included, and customizable nature of the product. An image highlighting the desirable features of the learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking two webpages, with yellow borders and cream backgrounds; excerpts from the learn along are within the windows in black text. White text with a black outline reads: "step by step, concept by concept, always in your language!" Black text with a white outline, and black arrows pointing to various parts of the learn along, reads: "Learn why, not just how. Explanations in plain english, with the technical terms you need! Level up at your pace with extra challenges!" The last line has an arrow pointing to text that reads "extra credit" and suggests adding a transform effect to a button being clicked, as a cool thing people can do to advance their coding knowledge. Modern code, practical interactivity, unique fandom flavor. Learn skills for all your
projects—workday or weekend! Get the common gotchas before they get you! Write code that reacts to your users. ...ditch the boring lessons,
embrace the world weird web!
November 25, 2025 at 9:08 PM
Reposted by FujoCoded LLC – A better web, together
essentialrandom.bsky.social
Was going to stream work on the store for Friday's launch but my cat bit me as I fought to remove a waffle from her mouth, so it's off to get antibiotics instead!

Anyway, buy our HTML/CSS/JS learn-along pack so I don't feel bad about missing a day of promo 😘👇💖

store.fujocoded.com/products/oth...
A screencap of the Fortune Cookie learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking a webpage, with a yellow border, red columns on each side, and a cream background. Boba-tan, with a fortune cookie moustache, stands in the top middle. Below is a white text box with red border, saying "seek a fortune if you dare", and options for vanilla, chocolate, or lemon cookie flavors. White text with black outline reads: "Learn along as we build a fortune generator-- select a flavor, push a button, get a fortune!" Text below that outlines what is included: a centered single column layout; visual and practical interactions; pages, texts, and images where you want them, at any size, and more! Features are listed on the top right, with black text on a white text box outlined in black. Inside a black text field with white text, at the bottom right, there are more detailed features listed. These feature boxes highlight the approachable nature of the learn along, professional knowledge included, and customizable nature of the product. An image highlighting the desirable features of the learn along. A white and grey circuit-board background, with a cream block in the center. Within the cream block is an image mimicking two webpages, with yellow borders and cream backgrounds; excerpts from the learn along are within the windows in black text. White text with a black outline reads: "step by step, concept by concept, always in your language!" Black text with a white outline, and black arrows pointing to various parts of the learn along, reads: "Learn why, not just how. Explanations in plain english, with the technical terms you need! Level up at your pace with extra challenges!" The last line has an arrow pointing to text that reads "extra credit" and suggests adding a transform effect to a button being clicked, as a cool thing people can do to advance their coding knowledge.
November 24, 2025 at 10:37 PM
Reposted by FujoCoded LLC – A better web, together
essentialrandom.bsky.social
Folks who're looking at this (thank you all!) should also check out the digital pack I've been working on 😉 It's all part of the educational work I do 💖🌟!

bsky.app/profile/fujo...
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 5d
ONE week to go, and ONE last chance to pre-order our HTML/CSS/JavaScript learn-along at the bargain price of JUST $9.99!

Treat yourself to a thanksgiving weekend of learning 🦃 or just pre-plan a treat for your new year resolution 😘

Get it in store!!

store.fujocoded.com/products/oth...
A promo image saying "build your own fortune generator site with our learn-along, showcasing the logo of HTML/CSS/JS and "as seen on the web" $9.99 stamp
November 23, 2025 at 10:57 AM
Reposted by FujoCoded LLC – A better web, together
fujocoded.bsky.social
Do you ever create an awesome HTML/CSS/JS course with TONS of thoughtfully-crafted content, then go "I know it's 6 DAYS to release, but what if I made it EVEN MORE awesome?" 🤡

Sometimes, one just has to. Just like *YOU* have to get it while it's ONLY $9.99 👇😘

store.fujocoded.com/products/oth...
todo list for final push: "Add last-minute extra that ties it all 
together and just must be there I swear" has been added.
November 22, 2025 at 10:41 PM
Reposted by FujoCoded LLC – A better web, together
elendraug.bsky.social
the extra thing is really fun and clever and inspired by a conversation we had 👀 you will enjoy it
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 4d
Do you ever create an awesome HTML/CSS/JS course with TONS of thoughtfully-crafted content, then go "I know it's 6 DAYS to release, but what if I made it EVEN MORE awesome?" 🤡

Sometimes, one just has to. Just like *YOU* have to get it while it's ONLY $9.99 👇😘

store.fujocoded.com/products/oth...
todo list for final push: "Add last-minute extra that ties it all 
together and just must be there I swear" has been added.
November 22, 2025 at 10:48 PM
fujocoded.bsky.social
Do you ever create an awesome HTML/CSS/JS course with TONS of thoughtfully-crafted content, then go "I know it's 6 DAYS to release, but what if I made it EVEN MORE awesome?" 🤡

Sometimes, one just has to. Just like *YOU* have to get it while it's ONLY $9.99 👇😘

store.fujocoded.com/products/oth...
todo list for final push: "Add last-minute extra that ties it all 
together and just must be there I swear" has been added.
November 22, 2025 at 10:41 PM
Reposted by FujoCoded LLC – A better web, together
elendraug.bsky.social
if you've wanted to make your own website, this "learn-along" pack will walk you through using HTML, CSS, and JavaScript to build a fortune cookie fortune generator! I volunteer with this project, please check it out!
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 5d
ONE week to go, and ONE last chance to pre-order our HTML/CSS/JavaScript learn-along at the bargain price of JUST $9.99!

Treat yourself to a thanksgiving weekend of learning 🦃 or just pre-plan a treat for your new year resolution 😘

Get it in store!!

store.fujocoded.com/products/oth...
A promo image saying "build your own fortune generator site with our learn-along, showcasing the logo of HTML/CSS/JS and "as seen on the web" $9.99 stamp
November 22, 2025 at 6:34 PM
Reposted by FujoCoded LLC – A better web, together
essentialrandom.bsky.social
check out the progress on the store polish up 🥳 (and the sale of our learn-along pack, if you haven't already)
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 5d
And if you're curious about our progress on the store yesterday, well, let's just say any good polish up starts with a good refactoring...

But with some hyperf—I mean, dedication, extra progress was made offline. Not final, but a better showcase of our beautiful merch already!

[🖼️ before/after]
Fujocoded store, white bg, can't see stickers outlines Fujocoded store, purple cute bg, can see stickers outlines
November 22, 2025 at 12:31 AM
fujocoded.bsky.social
ONE week to go, and ONE last chance to pre-order our HTML/CSS/JavaScript learn-along at the bargain price of JUST $9.99!

Treat yourself to a thanksgiving weekend of learning 🦃 or just pre-plan a treat for your new year resolution 😘

Get it in store!!

store.fujocoded.com/products/oth...
A promo image saying "build your own fortune generator site with our learn-along, showcasing the logo of HTML/CSS/JS and "as seen on the web" $9.99 stamp
November 21, 2025 at 9:24 PM
fujocoded.bsky.social
Soft launch phase is now over! 🥳

With the HTML/CSS/JavaScript learn-along out for feedback, we'll focus on wrapping up the rest of our digital pack: wallpapers, website goodies, and an exclusive FREE SHIPPING* code for the rest of our store!

Only $9.99!! 😘

store.fujocoded.com/products/oth...
original_1763674701015_ckaj9x4oy
November 20, 2025 at 9:53 PM
Reposted by FujoCoded LLC – A better web, together
fujoweb.dev
catching up with discord messages before opening the store admin panel to go up the price 👀

store.fujocoded.com/products/oth...
November 20, 2025 at 8:01 PM
fujocoded.bsky.social
Just a couple hours left! (gotta finish waking up first 🥱)
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 7d
IT'S OFFICIAL! As of a couple hours ago, our digital pack preview is in the inboxes of April buyers 🎉

If you're among them, we'd love and cherish your feedback 🙏💖 What was good? What was less so? Help us make it 👇 the BEST RESOURCE 🆒🎓

Only $5 until tomorrow!!

store.fujocoded.com/products/oth...
November 20, 2025 at 6:23 PM
Reposted by FujoCoded LLC – A better web, together
elendraug.bsky.social
Get your learn-along for $5 before Ms Boba wakes up!! lmao
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 6d
We'll up the price when we wake up tomorrow so you still/only have a few hours left to get our digital HTML/CSS/JS learn-along at the special $5 soft launch price 😘💖

store.fujocoded.com/products/oth...
November 20, 2025 at 3:24 PM
fujocoded.bsky.social
We'll up the price when we wake up tomorrow so you still/only have a few hours left to get our digital HTML/CSS/JS learn-along at the special $5 soft launch price 😘💖

store.fujocoded.com/products/oth...
November 20, 2025 at 6:12 AM
Reposted by FujoCoded LLC – A better web, together
elendraug.bsky.social
You can do it!!! I helped work on this and I think this learn-along is going to help me, too
November 20, 2025 at 12:27 AM
Reposted by FujoCoded LLC – A better web, together
elendraug.bsky.social
I helped work on this!!! Please check it out if you've always wanted to make your own website (especially a prompt generator, but there's a lot of good starting points in here in general!)
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 7d
IT'S OFFICIAL! As of a couple hours ago, our digital pack preview is in the inboxes of April buyers 🎉

If you're among them, we'd love and cherish your feedback 🙏💖 What was good? What was less so? Help us make it 👇 the BEST RESOURCE 🆒🎓

Only $5 until tomorrow!!

store.fujocoded.com/products/oth...
November 20, 2025 at 12:28 AM
Reposted by FujoCoded LLC – A better web, together
acearohanda.bsky.social
i keep putting off making my own website bc i get overwhelmed so easily but i have bought this pack in hopes~
November 19, 2025 at 11:31 PM
Reposted by FujoCoded LLC – A better web, together
thecombatwombats.bsky.social
Last chance to get this fandom-focused digital pack, featuring a cute as hell learn along, for such a steal of a price. 💜

With the amount of knowledge and effort put into it, the only way this could be a better deal is if it was personally delivered to you by a baby capybara.
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 7d
IT'S OFFICIAL! As of a couple hours ago, our digital pack preview is in the inboxes of April buyers 🎉

If you're among them, we'd love and cherish your feedback 🙏💖 What was good? What was less so? Help us make it 👇 the BEST RESOURCE 🆒🎓

Only $5 until tomorrow!!

store.fujocoded.com/products/oth...
November 19, 2025 at 9:29 PM
fujocoded.bsky.social
IT'S OFFICIAL! As of a couple hours ago, our digital pack preview is in the inboxes of April buyers 🎉

If you're among them, we'd love and cherish your feedback 🙏💖 What was good? What was less so? Help us make it 👇 the BEST RESOURCE 🆒🎓

Only $5 until tomorrow!!

store.fujocoded.com/products/oth...
Fandom Fortune Generator — Prophet Boba-tan's Learn-along Note: For the best reading experience, use a markdown viewer or open README.html (inside _README_html/) in your browser. If reading this file in a plain text editor, you may see some unusual characters—this is normal for markdown files! Thank you for purchasing the Fandom Cookies Digital Pack! This folder contains an exclusive reward: a "random generator" website inspired by our April 1st 2025 "Fandom Cookies" event, featuring heavily commented code that will teach you many useful not-so-basics of HTML, CSS, and JavaScript! A screenshot of prophet boba-tan, inviting you to seek a fortune In this file... What you'll learn What you'll find In this folder In the code/ folder What you'll need Getting started Quick learning tips [⚠️ CONTENT WARNINGS ⚠️] Learn more with us... ...and connect! Brought to you by... Learn-along Art Extra What you'll learn In this learn-along, you'll explore all the nitty-gritty details of how we built this website, from creating single-column layouts using modern CSS to making pages that respond to user input, both with visual effects and interactive functionality. By the end, you won't just have a solid foundation of professional, modern web development knowledge, but a practical reference to return to whenever you need help building the website(s) of your dreams. What you'll find In this folder This folder includes a few (optional) files to help you through your learning journey: README.md — this file, with high level guidance LEARNING_GUIDE.md — in-depth guidance and suggestions on how to approach this tutorial CONTENT_WARNINGS.md — in-depth guidance on content warnings for each cookie flavor If you wish to read these files with proper formatting directly in your browser, you'll find a .html version of each inside the _README_html/ folder. In the code/ folder Inside the code/ folder, you'll find the main content of our learn-along: learn-along.html — sets up the HTML structure learn-along.css — styles the page with CSS learn-along.js — selects and displays a random fortune with JavaScript reset.css — A CSS reset for consistent styling across browsers images/ — Our adorable Prophet Boba-tan art ...and some extra files to aid you in your learning mission journey: _with_short_comments/: this folder contains a version of the HTML/CSS/JS files with shortened comments, which only include the table of contents and the more technical explanations. Check it out for a "bird's-eye view"! _with_syntax_highlight/: this folder contains one HTML page for each file in the learn-along, and renders its code with proper syntax highlighting. If you don't have a code editor with this feature, it's a great tool to make the code easier to read—especially on the go!
November 19, 2025 at 9:19 PM
Reposted by FujoCoded LLC – A better web, together
thecombatwombats.bsky.social
We've been honored to have behind the scenes peeks at the process of getting to this point, and we're HUMBLED AS HECK by the sheer love and effort put into it.

It was WORK, and these folks deserve so much recognition. 💜

Please take a look, or send to fandom friends who are interested in coding!
fujocoded.bsky.social FujoCoded LLC – A better web, together @fujocoded.bsky.social · 8d
It's time to (soft) ship! 🚢🚢

Only one thing left to soft ship our digital pack, and that's... shipping it! If you got it back in April, you'll soon receive your hot-off-the-presses HTML/CSS/JS learn-along preview!

And if you haven't bought it yet..... now is the time! Price goes up in 24hrs!! 👇
todo list for week 4 (todo): everything related to packing up the pack. The reviewers and readme work is done, now it's missing the shipping. First image: Screencap of a preview for the Fortune Cookies site. Boba-tan, the FujoCoded mascot, is in a white and red robe with a light golden fortune cookie as a moustache. Boba-tan is standing against a tan background with red borders. Under Boba-tan is a white box with red border, and black text that reads “seek a fortune if you dare”. Under that is a clickable menu, asking for the user to select a vanilla, chocolate, or lemon fortune cookie, and a button saying “get a fortune”. Vanilla is selected. PART 1: Single-column Layouts - 01. Laying down our Cascade: setting and overriding defaults - 01.a Styling the <body> with a tag-based selector - 01.b Default values and the cascade - 01.c Setting a fallback font family for our page - 01.d Setting a responsive font size for our page - 02. Keeping your CSS values consistent with custom properties - 03. Single-column layouts pt.1: a responsive, centered column - 03.a Making your column's width shrink and grow with the window - 03.b Horizontally centering your column - 03.c Stretching a column to the full height of the page - 04. Single-column layouts pt.2: arranging and aligning content - 04.a Making your elements "flex" into a vertical column - 04.b Adding space between your elements (but not around them) - 04.c Centering the content inside the column * PART 2: Text, Borders, and Layered Images - 05. Styling the container for our fortunes - 05.a Centering a single element... - 05.b ...and the text inside it! - 05.c Setting a width based on text content - 06. Overlapping an image with its surrounding content... - 06.a ...and layering it on top of its siblings! - 07. Muted text color with opacity - 08. Balancing multi-line text with text-wrap: balance - 08.a ...while checking browser support for this newer feature
November 19, 2025 at 5:18 AM
fujocoded.bsky.social
Ok not out YET, but... the email is written and scheduled for tomorrow morning🎉🎊 (proof👇)

Apologies for the slight bait&switch 🙏🙇, as you know technology can be...complicated. And so is distributing digital packs previews, apparently.

Still time to snatch it 👀👇🛍️
store.fujocoded.com/products/oth...
An email for the digital email campaign preview
November 19, 2025 at 7:47 AM