#CSS Project Ideas

[vvelegrin]

a little ambitious today. i have an arabic reading/conversation group that i'm going to try out, and i've been doing little bits of python on and off all morning (in between sleeping and icing my stupid head; i'm going to be soooo motivated and smart and beautiful if and when we ever figure out how to deal with the fact that autoimmunity is literally making my brain stupid). might meet with a few friends later, but we'll see how i feel after arabic group, i might gently pass away after that. god knows that trying to figure out the fucking syntax of functions is actually stealing the life force from my body.

i had a support group yesterday (and then crashed most of the day after it) and got a couple of good tips for dealing with insurance and doctors for ivig from someone who might have the same diagnosis as me? so that is heartening. gonna deal with that in the next two to four business days or whatever.

[jcmarchi]

Why a Modular Approach Is Better for WordPress Development — Speckyboy

New Post has been published on https://thedigitalinsider.com/why-a-modular-approach-is-better-for-wordpress-development-speckyboy/

Why a Modular Approach Is Better for WordPress Development — Speckyboy

We have the power to bend WordPress to our will. A little (or a lot) of custom code can make the content management system (CMS) do more. The sky’s the limit when it comes to functionality.

That’s quite a magic wand in our pockets. However, it does bring up a few key questions.

Do we go big when building plugins and themes for WordPress? Do we add all the bells and whistles and account for every potential use case? Or do we aim for the bare minimum – just enough to serve our needs?

I prefer the latter approach – start small and adapt as needed. That minimizes bloat and saves on future maintenance. It’s a hard-learned lesson.

The elephant in the room is that our needs tend to change. The plugin that once did the job may no longer do enough, while the theme that helped us achieve one look may not be flexible enough to adapt to a new one.

This is where a modular approach to development is valuable. It’s all about building to suit your current needs while planning for the future. Change is inevitable – so why not account for it now?

Let’s explore this different way to do WordPress development. We’ll cover the basics of what it is, how it looks, and how it benefits your workflow.

Hosting DealsCheck out our collection of the best hosting for WordPress developers.

First, Consider Your Short-Term Goals

It’s easy to go down a rabbit hole during a development project. The finished plugin or theme might not resemble the idea you started with. We get sidetracked by shiny features and the quest to deliver more than advertised.

Our intent is noble. However, we also complicate our project by straying from the initial plan. Did we build something sustainable? How will we manage the code a year from now?

There’s a danger in going too big, too soon. For one, it can lead to sloppy code and structure. The impacts can be felt in performance and security. You could miss something important while attempting to squeeze more into your project’s timeline.

In addition, half-baked features could be a pain to work with down the road. Poor structure means bolting on additions or (gasp) ripping things apart and starting from scratch.

To avoid this fate, consider your short-term goals. Ask yourself:

What are the minimum requirements for the project?

What features do I need now?

How much time do I have to build this?

How much testing will I need to do?

The idea is to focus on what you need to achieve in the time you have. Anything beyond that can probably wait.

Get Organized to Prepare for the Future

The websites we build will evolve. Clients change their mind or have something new to offer. WordPress and the underlying technology of our sites also move forward.

That impacts our custom plugins and themes. There will likely be new features to add or changes to existing ones. It’s all part of the development lifecycle.

Using a modular approach helps when it’s time for a change. The first step is to get organized. Having a sound structure allows you to build logically and efficiently.

The WordPress developer documentation gives you a head start by outlining plugin and theme structure. Following these guidelines ensures a sustainable start to your project. That’s better than reorganizing a messy jumble of files and code.

For example, here’s the suggested plugin structure:

/plugin-name plugin-name.php uninstall.php /languages /includes /admin /js /css /images /public /js /css /images

The ability to pick up where you left off is priceless. If you haven’t worked on that custom plugin for a few years, you might have difficulty remembering what you did and where things are. A well-organized plugin removes some of the guesswork.

Adding comments to your code also helps with organization. You’ll receive a high-five from your future self for documenting what each snippet does. It’s a small thing that makes a real difference.

The better your organizational skills, the easier it will be to maintain your work.

Add Plugin and Theme Features One at a Time

Sure, it would be cool if our plugin could do x, y, and z right out of the box. Perhaps that’s not realistic, given the budget and timeline. We don’t have to forget about those big ideas, though.

The priority is building something that works as intended. It should do what we outlined in our short-term goals. Once that is established, we can plan for those extra goodies.

Think of these features as items on a checklist where you can only do one at a time. Pick one, make it the best you can, and move on. That ensures your focus will be on the task at hand, rather than scrambling to fit puzzle pieces together.

Besides, trying to do all the things at once rarely works out. This is a difficult challenge for solo developers as there’s only so much time in the day. Not to mention those of us working on multiple projects.

Remember, good things take time. That’s why committing to a single task makes sense. Train your focus on one thing and do it well. The result will be improved quality and some mental clarity.

A Better Way to Build for WordPress

Every developer has a preferred workflow. We use our favorite tools and techniques to enhance our WordPress projects.

That individuality is both freeing and a bit troublesome. It’s great to write code how you want and when you want. However, a lack of foresight and organization can complicate things. It could lead to a buggy product that is a pain to maintain.

Starting with a modular approach is the cure for future chaos. Everyone benefits when every part of your plugin or theme has a place and purpose. You’ll love that you can find what you need with minimal effort. Clients and users will love that it works (even if they don’t realize it).

Writing code is challenging enough. The right approach can help you focus on getting it right.

Related Topics

Top

[sdreatechprivatelimited]

Here is our step-by-step guide to turning your concept into an application program!!!

1. Consulting

2. App Design

3. App Development

4. App Testing

5. App Release

6. 24*7 Support

[numbpill]

========================================================

[tutorial: build your own neocities/nekoweb page]

========================================================

a beginner's guide for making your very own home on the indie web—retro, personal, weird, and 100% yours.

this ain’t an average wix, squarespace, or tiktok aesthetic.

we’re talking full html/css with soul and attitude.

[ prerequisites ]

------------------

> an idea

> basic text editor (vscode, notepad++, or even notepad)

> account on https://neocities.org or https://nekoweb.org

> some gifs or tiles you love (dig deep or make your own)

> optional: image host or gif repo (or self-host everything)

[ feeling overwhelmed? read this. ]

-----------------------------------

you do *not* need to know everything.

html is not a mountain. it's a garden.

you plant one tag. then another. then a style. then a button.

you can build your site piece by piece.

and every piece is a portal to somewhere personal.

you are allowed to make broken pages.

you are allowed to use templates.

you are allowed to start over as many times as you want.

this is *your* world. you control the weird.

[ step 1: create an account ]

-----------------------------

> neocities: https://neocities.org

> nekoweb: https://nekoweb.org

register a name, log in, and enter your file manager.

this is where you upload your files and see your site live.

[ step 2: your first file - index.html ]

----------------------------------------

make a new file: `index.html`

basic starter:

<html>

<head>

<title>my weird little corner</title>

<link rel="stylesheet" href="style.css">

</head>

<body>

<h1>welcome to the void</h1>

<p>this is my page. it’s strange. like me.</p>

<img src="mygif.gif">

</body>

</html>

> upload to the dashboard

> boom. you’re live at

https://yoursite.neocities.org

or https://nekoweb.org/u/yoursite

[ step 3: add a style sheet - style.css ]

-----------------------------------------

create a file called `style.css` and upload it.

here’s some nostalgic magic:

body {

background: url('tile.gif');

color: lime;

font-family: "Courier New", monospace;

text-shadow: 1px 1px 0 black;

}

img {

image-rendering: pixelated;

}

marquee {

font-size: 20px;

color: magenta;

}

link it in your html and the vibes activate.

[ step 4: decorate it like a haunted usb ]

------------------------------------------

> use <marquee> for chaos scrolls

> embed gifs from https://gifcities.org/

> steal buttons from https://cyber.dabamos.de/88x31/

> set up a guestbook at https://www.smartgb.com/

> loop audio with <audio autoplay loop>

> add fake errors, 90s web lore, random link lists

[ step 5: resources, themes, and comfort ]

------------------------------------------

> templates & layouts: https://numbpilled-themes.tumblr.com

> glitchy gifs & buttons: https://glitchcat.neocities.org/resources

> layout builder: https://sadgrl.online/projects/layout-builder/

> free tiled backgrounds: https://backgrounds.neocities.org/

> beginner html intro: https://www.w3schools.com/html/

> pixel fonts & cyber assets: https://fontstruct.com/

remember:

you don't need to know js. you don't need to be a coder.

you just need a mood, a direction, a dream.

the html will follow.

[ bonus concept: shrine pages ]

-------------------------------

> a page just for one character you love

> a room to house digital fragments of your identity

> embed quotes, music, images like altars

> call it shrine.html and link it from your homepage

[ closing mantra ]

------------------

you are not here to be optimized.

you are not a brand.

you are a ghost inside the machine,

carving your initials into the silicon void.

welcome to Your website.

========================================================

[polonium-snap]

Fic rec for your bkdkbk post-canon woes

Now that MHA is over I've been satisfying my bkdkbk needs with fics like one does, so I made this fic rec of the best fanfics I've read over the past few months. Unintentionally most of them are rated E, idk why, if you want more fics, feel free to check my ao3 bookmarks, I have over 1000 bkdk fics bookmarked

DISCLAIMER: Please check the tags and warnings thoroughly before reading any of the fics here

Multichapter:

You Gave Me Purpose, Kacchan by wowschreave | Rated T | Post-canon

The first in what I call the "Post-canon holy trinity" I've already talked about this one so much but I'll do it again because this is THE post-canon fic, plus it has amazing, beautiful, wonder-who-made-this-masterpiece ART lol

promises kept by gabstar | Rated E | Post-canon | BKDK

The second instalment of the Post-canon trinity, starring co-depended BKDK which is one of my favorite flavors

Count to Infinity by socksasgloves | Rated T | Post-canon | BKDK

The completion of the holy trinity with more Post-canon goodness because it's what I crave on a cold night

The night we decided to be brave by Albipepo | Rated E | BKDKBK | Accidental parents

I love this one so much, I hated both of them for being stupid half of the time but it's so so worth it

i'm not myself when i'm without you by YunaTuna | Rated M (but I would rate it E) | Possesive BKDK

This one is so interesting and dark, I'm obsessed with possessive Deku and this hits all the right marks and more

And the world went still by Saiyasha | Rated E | BKDK | (temporary) Mayor Character Death | Established relationship

GUT-WRENCHING, this one hits so hard, I nearly died, but it thankfully has a happy ending

Kacchan vs the Internet by palavering | Rated T | Soc Med

This one is not complete but read it read it please it's so good, and the social media aspect is so peak, like I can rave for hours on how well the author uses CSS

Baby Bottles and Blushing Faces by derDschungelderRosen | Rated T

Baby Project is a classic but I adore this take on the idea so much, plus it's hilarious

keep the rain by gheemin | Rated T | Post-canon

I adore how introspective this one is, it also overwhelmed me with feels

Fake it, 'till you make it. by Princess_ofPizza | Rated M| Charades

Drinking games are always bad ideas, unless you're bkdk in which case carry on

Inhibitionless by Sonday | Rated E | Quirk shenanigans

Horny quirks are the best

You Had Me From the Start by bellbloom | Rated E| BKDK| Artist x Bartender AU

As an artist myself Artist!Izuku scratches an itch I didn't know I had

A Starving Artist's Success by StevieBanks | Rated M | BKDK | Artist x Fashion designer AU

Which is why I have two fics with artist Deku, also kind of a meet-cute

Unraveled by omicroncet | Rated M | BKDK |

Three words; sleep deprived Izuku

One-shots:

love in the making by Kacchdeku | Rated G | Post-Canon | BKDK

Third-wheel Kota is the best

Sturdy Heart by lurethegalaxy | Rated T | Post-canon| Established Relationship

Angsty but so so so good

pacemaker by passengerside | Rated T | Post-war | Canon-compliant

The pacemaker scene has me dead, ascending, AND there's art?!!

The Eight Years Between by Loriqod | Rated T | Post-canon | Established relationship

I love when fics fill in the gaps of the canon content

Embers by UglyGreenJacket | Rated T | Post-canon | angst with a happy ending | Established relationship

My poor baby Izuku needs a hug, thankfully Katsuki is there to give it to him

king of hearts by nikkiRA | Rated E | Quirk shenanigans

This quirk is so creative and cute and I love that it also includes their other classmates reactions

crepe date by isidium | Rated T | Fluff

'Cause we all think about that one crepe comment Izuku made one (1) time and so does Katsuki

chasing the rabbit by mimiwrites | Rated T | Amnesia

Even more Quirk shenanigans because those are always so fun

love is a labour (i'll slave til the end) by nikkiRA| Rated E| Omegaverse| DKBK

I love LOVE Omega! Katsuki and you can take him from my cold dead hands

Talk After Talk by beanbeanrose | Rated T | Post-war

This is just them talking but i love it so much

GG by MajestyTime | Rated T | Crack treated seriously

This one is all over the place but in a good way, it played off as a laugh but it has a very interesting what-if scenario

If I'm Being Honest by Queen_of_the_Otakus | Rated M | Truth serum (kinda)

Forced truth situations are so funny because it's never that deep but everyone still freaks out

Thanks for reading!!! Hope you guys like the fics I chose

[fanfenomenon]

hyperfixated on this game so hard i tried to recreate ac syndicate's animus database using html css and js👍

i will make this responsive though, i've only started doing the frontend but i'll also start doing the backend as soon as i finish this

basically this is gonna be a website that will allow you to create a database of your assassin's creed OCs (btw this was inspired by @gwen-the-assassin's idea <33) and help you with worldbuilding and making AUs (i know the ac fanon wiki already exists for that but i wanted to make the experience of keeping a database more immersive u know....)

this might take a while to be completed, but I'll try to post updates on it as much as possible! if there are any programmers/web developers in the ac fandom that want to contribute to this project plsplspls DM me!!

actual pic of the database for comparison:

ik it's not entirely accurate but this is the simplest database in the game that i could recreate lmao

also code snippets just cuz (+ me crashing out)

[terrorcamp]

Terror Camp is hiring!

We are looking to expand our volunteer staff for this year’s conference.

We have two job listings based on our current needs, but if we receive a lot of great applicants there is the possibility we’ll split up these responsibilities into 3 or even 4 separate positions.

Terror Camp is a fully volunteer, remote, asynchronous workplace (with occasional sync meetings as schedules permit). We communicate over Discord and organize our documentation over Notion and Google Drive.

We are looking for people who can devote up to a few hours a week, depending on the time of year. Commitment increases around the times of Submission Opening (June 1), Submission Closing/Acceptances (September 1-Oct 1) and the conference itself (early December).

Terror Camp looks great on your resume. You can say that you volunteer for a successful community-led online history & heritage conference with an audience in the thousands!

You don’t need to match the job descriptions perfectly in order to apply. If your experience doesn’t match up but you think you’d still be good at the job, please apply anyway!

Here are the positions we're looking to fill:

🎨 Designer 🎨

Terror Camp is seeking a dedicated Designer who will:

Ideate and deliver a new evergreen brand identity for TC that can be revamped and reused each year

Including logo, logotype, color scheme, font families, and other brand assets for use on web, social media, and printed merch

Be an proactive team member with strong communication skills, able to quickly and regularly deliver new graphics for promotional use on social media and in email marketing

Help design an evergreen/permanent collection of merchandise as well as a limited-edition collection for this year’s conference

Assist our Webmaster in revising our website & email marketing templates to fully match new brand identity and meet best practices for UX

Potentially work on print layout for a Terror Camp book or zine (TBD)

This job would be a good fit if you:

Work or have worked professionally or semi-professionally as a graphic designer; or are a hobbyist designer with a standout portfolio

Have experience working with both digital and print assets

Have a working knowledge of web design best practices and HTML/CSS

Have experience with Photoshop, Illustrator, InDesign, Canva (but not ONLY Canva, sorry) and Wix or similar WYSIWYG ESP/site builder

The Designer will report to our Assistant Director/Webmaster, & will also collaborate closely with our Marketing Lead on graphic assets for social media and with our Merch Lead on preparing designs for print.

To apply, please fill out this form.

💬 Communications Coordinator 💬

Terror Camp is seeking an enthusiastic Communications Coordinator who will:

Own Terror Camp’s main email inbox and oversee all direct communication with attendees and interested parties

Respond promptly to inquiries including:

Requests for past recordings

Requests to join the Discord

Questions about schedule, programming, submissions, guests, and other conference topics

Catch inbounds to social media inboxes (Tumblr, X, Bluesky, Insta) & answer or redirect to email as appropriate

Act as coordinator/assistant for Marketing Lead, with responsibilities including:

Scheduling pre-written content

Assisting with ideating and drafting content, proposing content ideas

Cross-posting content to multiple platforms

Consistently and frequently engaging with social audiences (finding content to repost, replying to people, etc)

This job would be a good fit if you:

Work or have worked in any digital customer-facing environment; have experience with support tickets and/or ongoing user communications; have run social media for brands or institutions; are an efficient and clear writer able to work creatively within brand voice guidelines

Have successfully and sustainably moderated Discord servers, Tumblr communities, social media for other fandom projects like fests, zines, and charity events

Can spare the time and attention to respond to inquiries and turn around new social media posts in a timely manner

Are prepared to represent the Terror Camp brand professionally and maturely in digital public spaces

The Communications Coordinator will report directly to our Marketing Lead.

To apply, please fill out this form.

If you have any questions about these positions, please email us at command [at] terror [dot] camp!

[spiders-around]

YOU MUST MAKE A WEBSITE

Oh wow, look at that! YET ANOTHER post urging you to make a webbed site! What a completely new thing that people haven't made a thousand masterposts for already!!

• Making a website might look scary. It is Not.

At first, I too thought making a website was too much work. It really isn't! It turns out that all you need is

an HTML file,

a web hosting service and

w3schools tutorials,

and that's about it!

This post will point you towards these resources, and others I found useful while figuring out how to make a website.

• VERY QUICK EXPLANATIONS:

What's HTML and CSS?

HTML is the content of your webpage, the skeleton of it. What shows up in a webpage is what's written in the HTML file!

CSS is the way the HTML is styled; the colour of the background and the letters, the size of elements, the font, all that!

Do I absolutely NEED JavaScript for a website?

Not at all! You don't need to worry about learning it before getting started.

• What do I make a website for? What do I put in there?

ANYTHING AND ALMOST EVERYTHING. Here's some ideas for pages from a post of mine were I was very normal about websites:

You can make a page that's only pictures of your pets.

You can make an interactive adventure.

You can make your own academic blog full of your own essays or articles.

You can just post a ton of art or make a full music page.

You can make a blog and infodump eternally, give book reccs and reviews. You can host a thousand virtual pets and nothing else.

Upload entire books in a single html file. Make a wikipedia for your ocs. Make a fake site for a random fictional place (restaurant, hotel, whatever). You can make a thousand fanpages/shrines about your favorite media. You can upload your own webcomic and make it all like a fancy website and shit.

I could keep going but, for the sake of "brevity", I won't.

• WEBSITE EXAMPLES!

If I started listing the websites I know, this post would be bottomless. Here's only seven:

https://publictransit.neocities.org/ - A webbed site, for sure

https://ribo.zone/ - A personal site

https://leusyth.neocities.org/ - An art archive

https://solaria.neocities.org/ - Personal website with A Lot of stuff (it'll come up in a bit, because it offers web making resources)

https://hog.neocities.org/ - The Hogsite

https://thegardenofmadeline.neocities.org/ - Another personal site! It also has a web resources page and has made another masterpost like this one (but better)

https://spiders.neocities.org/ - My own website, which must be weird to see in mobile . sorry

• You've convinced me. I want a webbed site. Where do I start?

https://neocities.org/

FIRST OF ALL: Neocities. It is a free web hosting service, and it's the one I and the sites I linked use!

When I first started, my website was a black page with red letters and a drawing, and nothing else! It was like that for a month, till i started picking up on how to do things.

Here's what helped me get an idea of how to make things work:

https://sadgrl.online/learn/articles/beginners-guide-neocities

An absolute beginners guide to neocities -- while when you make an account there you get a tutorial page from the site, this one's extra support for that.

https://www.w3schools.com/

Learn HTML, CSS, JavaScript and MANY other coding things for free. All the tutorial/reference pages have live testing windows for you to mess with!! helped me a LOT while figuring this stuff out!

https://htmlcheatsheet.com/

https://htmlcheatsheet.com/css/

Cheatsheets for HTML and CSS, respectively. It includes a JavaScript one too!

https://sadgrl.online/webmastery/

Sadgrl's webmastery resources! Also includes the next resource listed here:

https://sadgrl.online/projects/layout-builder/

Sadgrl's layout builder; not a lot of customization at a first glance, but I've seen wildly different websites all using it as a base, plus it works using CSS Flexbox, so it generates a responsive layout!

(basically, a responsive layout is one that translates well in different sized screens)

https://www.tumblr.com/fysa/728086939730919424/wikitable-code?source=share

Tumblr user fysa made this layout imitating a wiki page!

https://brackets.io/

At some point, you might want to do things outside the Neocities code editor and get one outside the site. I recommend Brackets, because my old as fuck computer can run that and absolutely nothing else apparently, and it works wonderfully! Though I recommend either turning off the code autocomplete or using it after a good while of already using the Neocities code editor, so you get used to coding on your own.

http://www.unit-conversion.info/texttools/text-to-html/

Turn your text into HTML code! i use this kind of pages for my lengthy blog entries that I don't feel like formatting myself.

https://imagecompressor.com/

COMPRESS YOUR IMAGES.

The heavier an image is, the more your site weighs and the more time your page will spend loading. You don't want that, specially if your site is heavy on graphics. This might help!

https://solaria.neocities.org/guides

Some CSS, JavaScript and Accessibility guides! Worth checking out!

https://eloquentjavascript.net/

This is a free, interactive book for learning JavaScript! NOTE: It is very intuitive, but JavaScript is HARD!! I still haven't learned much of it, and my website does fine without so don't worry if you end up not doing much with it. It's still useful + the exercises are fun.

And now, accessories!

• Silly stuff for your page :]

https://gifypet.neocities.org/

Make a virtual pet, copy the code and paste it in your HTML file! You'll get a little guy in your webbed site :]

https://www.wikplayer.com/

Music player for your website!

http://www.mf2fm.com/rv/

JavaScript silly effects for your site :]

https://blinkies.neocities.org/geoblinkies

Blinkie search engine!

https://www.cbox.ws/

Add a chatbox to your site!!

https://momg.neocities.org/

Infinite gallery of gifs. i've spent hours in there looking at moving pictures and out of them all, the ONLY gif i actually ended up using on my site was a rotating tomato slice. it is still there. trapped.

https://wrender.neocities.org/tarotinstructions

A widget that gives you a random tarot card!

https://www.websudoku.com/widget.php

Sudoku widget!

That's about it for now! I don't know how to end this!!! Remember to have fun and google everything you don't know :]

[geoledgy]

your oc website is SO SO SO SO INCREDIBLY COOL how the hell do you even start learning how to do this ?? if you learned how to do this by yourself online, are there any tutorials or resources you can share with us? was making this website free??

omg THANK YOU SO SOOOOOO MUCH!!! It makes me so happy to hear that folks like my little site. I code my site with Phoenix Code (for the live viewer and number dials) and I host my site on Neocities - it is all free. Phoenix can be used in browser or on desktop, but I like having it on desktop more for big projects in case my files get deleted. I use the browser version when I just want to test something quickly.

The 2 videos I use and can not recommend enough to anyone who asks me are this HTML tutorial and this CSS tutorial. They are simple and easy to understand, but I recommend watching it the first go, and then following along the next few watches until you get the flow of basic parts to a website, how they're organized, and what order they go in. At this point, I've memorized exactly where everything goes, and it is all thanks to these 2 videos.

If I am being honest, I learned how to code by myself, not quite even with online tutorials but just from being stupid and messing around myself (1, because I was a kid, and 2, because I didn't understand English very well to know what tutorials are saying.) I used to do html coding for Neopet pages when I was a kid with too much online time, first by just editing the default petpages and adding info and images, and then just doing trial and error with the html. I'll just try something and then if it doesn't turn out the way I want it, I try to find out why it didn't work and also get inspiration from other similar sites to figure out where things go or how they coded (with this nifty thing called right click > inspect page or right click > view page source). And BOOM, working webpage.

It was rudimentary, white blank background without any boxes or anything, you just scrolled down the page and sections were separated by a horizontal bar. OH and every text was centered! I had no idea how to make scrolling boxes or fancy assets, but damn I still had so much fun working on it every weekend. When you find authentic selfmade sites from the 90s and 2000s, most of them aren't super fancy either unlike what modern nostalgia makes you think. So I hope you don't feel discouraged if you begin making a website and feel it isn't "fancy", you're already doing a first big step which is making a webpage and learned your first set of html code!

It was over a decade later before I coded webpages with html again. I've gotten lazy and started relying on site builders, but nothing was quite as versatile as html. I wanted to try coding my own OC site again, so that was when I started working on OutKrop (the site I posted). Until I started coding again, I had literally no idea what CSS even is (and let me tell you, it's a game changer!)

Personally, I work best when I can do things hands on. I don't read through tutorials, I code first then go back and read through coding help sites like w3schools when I find myself stuck and unable to figure something out. Sometimes I grab existing codes and play around with them to see what changes and what I can do with it, cuz having visual context is what helps me a lot.

I can also share my process:

Once I gather up some ideas, I make a sketch, including what boxes (divs in css) should approximately go. It is very rough, but shows me exactly what I need to know.

Next I load up my coding app (Phoenix Code in my case) and "sketch" the layout. Nothing fancy going on here, just putting things where they need to be, and fixing size of boxes and margins if needed. I give my boxes all a background color so I can easily see how big they are and where they are located.

After some adjustments like moving stuff around and adding assets like backgrounds and images, and changing colors of the boxes, rounding off corners, etc., we get this!

so recap + additional useful sites I use:

Coding app: Phoenix Code

Site hosted on: Neocities

Video tutorials: HTML and CSS

Sites for learning code: w3schools, also lissa explains is a great site that is written for kids to learn html so it's easy to understand. Finally, sadgrl has a lot of great resources for coding as well!

I recommend looking through these sites AFTER you tried taking a spin at coding - it doesn't have to be anything fancy just follow the HTML video tutorial I linked!

Thanks for the ask, and I hope this helps you and many others out there who are interested in building a site with html/css! Don't be afraid to get things "wrong" or have an "un-fancy" site. This is how you learn to code, and it'll become so easy once you get the hang of it.

Anyone is always more than welcome to reach out for coding help and advice :-]

[biggie-chcese]

Another Rain Code Fandom Event?!

Hello, it's me, Biggie (or Snivy)! In the past, I've worked with many lovely people to create the Neon Downpour fanthology zine (which is completely free to download, btw, if you haven't seen it yet!) and also ran last year's Rain Code Ship Week. Both were amazing, so I'm thinking of running another fandom event this coming spring or summer. With that in mind...

NOTE: I will not be running another fanthology zine. As fun as it was, it's a lot of work and requires a lot of time I simply don't have.

Read below for more info:

Rain Code Minibang

A minibang is a fandom collab where fic writers and artists work together on a piece. The fic writer anonymously submits their summary of their idea, and the artists may either choose which summary they'd like to draw for. Or, if enough people are okay with it, I'll randomly assign partners. Once chosen, the artist and writer work together to make a oneshot fic + an accompanying illustration.

Character Collage Collab

This is something a little unique. It's inspired by a collaboration ran by milaza_dgs on twitter. It would be a collaborative project where every participant draws one character in the Rain Code cast each. Together, we'll end up having an art piece for every character, which I will arrange together in a pretty collage that links credits to every artist. I'll either be using carrd or brush up on my own CSS skills for the final product.

Prompt Week

Just as it sounds, a prompt week is when the host(s) give out a prompt for each day of the week, and everyone who wishes to participate can create whatever they want to match that prompt. I'll then reblog/retweet it to the main account hosting this prompt week. As for shipping or gen, you can specify in the tags which you would prefer, or if you'd rather it just be both.

DTIYS

DTIYS stands for "Draw This In Your Style." The host shares a base image and anyone who wants to participate can redraw the piece in their own art style. It could be a contest, or it could simply be for fun.

If you have any other suggestions, I would love to hear them! Also, if anyone is interested in co-running one of these events, please let me know!

[p0ppys33dmuff1n]

Hii will you give us your Psychocuties headcannons? I must know! - @psychokyutie

Sure! This isn't a complete list (because, like a fool, I don't write shit down fjsjjs </3) but here's what I can remember!

Masacrik:

His tights are compression tights! I'll have to look a bit more into POTS but basically I wanna headcanon him with that

He's bisexual with a pathetic homophobic aura

^ from this ehehe

His life can be summed up as "and now I've found I've grown into a tall child" and he despises it

Probably has a lot of self hatred issues ngl

He gets incredibly irritated under harsh lights like the one in his lab or in hospitals, but doesn't realize and just thinks he's entering his "mad scientist mode" when he's under them hsjshdjdh

To build off the canon "doesn't know how to adult and take care of himself and ushka" he refuses to actively learn because not only is it disinteresting, but it's incredibly embarrassing for him that he doesn't know things that his peers already know.

Episode two basically confirmed this one hskshsk but he ofc sings songs at ushka like any pet owner does. Has at least one song that calls her a Franken-kitten

He sometimes contemplates making ushka a friend, but he's so jealous and possessive (and afraid of losing her affections) that he swats the idea away.

^ a lot of his self worth lies in being perceived as this intelligent person who's above others (think how people often perceive Tamakuz as this all-knowing, mysterious person who makes things for their favorite show rather than a person sharing her personal project with the internet). In reality, he struggles to appear suave and cool like he'd like, often stumbling over his words, so he'll push ushka away in hopes she'll see him as such rather than just her owner (and it kinda works! But he's also not the best at the manipulation tactics that require this, certainly not as good as some other characters probably are)

Rakes his nails up and down his flesh when he's irritated or anxious

Ushka:

She tries to perch like a cat, but due to poor balance slips off of whatever she perches on more often than not

Her entire self worth relies on masacrik, so in the early days of her revival she followed him around a lot and mewled for attention. As it became clear though that he'd only give attention when he felt like it, she retreated into her own imaginary world that he has to snap her out of

She seeks out a lot more items than just masacrik's jacket to smell. I imagine she observes him very carefully when he's around the house, and grabs little things from him to put in a stash she has behind the couch. Masacrik isn't aware of the stash because he doesn't clean, but he's definitely noticed ushka nabbing some of his things.

Picks at her stitches, usually when she's anxious, but sometimes just so masacrik will fix her and touch her

Just. Longs for masacrik in both horny and non-horny ways. She wants his touch so bad, whether to get her off or to just show her that she's loved and desired. (But like masacrik's afraid of intimacy so sucks for her <//3)

Strawberry:

I don't have much for her yet, but I think she'd be a css wizard. Girlypop would love using stuff like neocities (but she'd probably hate the current state of the internet, but who doesn't). She'd probably have some really cool site skins for ao3 and her spacehey would be so awesome

There's fashion places around the city that she frequents and has made lots of friends in those places. I imagine she's picked up a lot of gay slang and aave from her friends at these places, and in turn uses them in her everyday vocabulary. Some of which has probably seeped into buttercup's and masacrik's vocabulary now hsjsjs

Buttercup:

The barbie movie exists in this universe just so he can kin Ken, and he's worn his "I am Kenough" hoodie to his job at least once hsjsbdjbd

In his obsession to appear normal, he places masacrik as the peak idea of abnormal, not realizing a lot of his behavior can still come off as strange and weird. Just in a different way than masacrik because of their different motives

Wolf man:

Assuming he's masacrik's father

Probably owns masacrik's and ushka's home, or at least some of the furniture in the home came from him (there's a chest with wolves on it at the end of episode 1)

Even though masacrik hates him he keeps finding ways to infiltrate his son's life

Views masacrik as an object that he owns rather than a person (I imagine it's similar with masacrik's mom)

I think that's all I've got for now. Thank you for asking!

[Grimm made this post. Please use vae/vaer pronouns.]

[corruworks]

Hello CorruWorksFriend!

I remember on cohost there was a post about web games that inspired corru.observer But I couldn't find it :( So either I the link posted too for back to get on the archive or I didn't read very wisely.

Either way, I would like to hear again and in detail if possible what games have inspired corru (feel free to just drop a link to another post if you find it)!

Thank you! I've been spreading the game among my friends and they love it, long live observing the corrucyst.

hello stranger! I actually still have an archive with everything I posted/answered at https://cohost.corru.works, so don't worry, it's all still up!

you might be thinking of my mentions of Terminal 00 - an aggressively mysterious website with very unusual storytelling methods... my previous mentions below:

1:

one of the closest inspirations for the actual medium of corru.observer is another web project, Terminal 00 by Angus Nicneven! that's what made me think, "this is awesome. i want to manifest my paracosm in a website too!!" there were a few early iterations that played out more like a similar kind of website, but it gradually evolved into its own thing

and 2:

it was specifically Terminal 00 that really impressed me when I discovered it, and inspired me to make my project into a website too. a previous iteration - corru.network - would have had a very similar format to these other projects if it had continued for very long! but ultimately it actually proved to be too much for me at the time and I went back to playing video games for a few years. you can still see the inspirations in some flat pages on corru.observer - for example, "orbit" scrolling on both X/Y axes is inspired by a page I saw once on Terminal 00 that used a similar method to show a truly massive image (or maybe it was an infinitely scrolling one due to some wacky CSS)! I thought that was such a cool way to show "enormous amount of space" that it stuck with me for a while.

there aren't a ton of similarities between corru and this inspiration past the medium it's being told through, but it definitely was da spark to the website approach.

also, another game that inspired me was City of Heroes, an old dead MMO - mainly for the crittamode/FRAME UI in a few ways. CoH is one of my favorite games ever, and I don't even like superhero stuff. it was just that good of a game mechanically, and I WILL continue to steal ideas from it whenever I can

[space-writes]

shameless self promotion sunday

tagged by @foxboyclit and @thegreatobsesso, thank you both!

i love all my fics but also i do in fact do other things sometimes, and i’m really quite proud of my little neocities site. it’s not perfect, and it’s very much a work in progress, but the parts that are done I really like!

i have all my fic up on there, and a load of my playlists (with meta commentary on some!), plus I made sections for Obedience and obsession that have some very neat looking character pages...i love tinkering with html and css, and i love having a project that is purely for fun and not remotely about demonstrating any kind of skill.

i've really enjoyed solving such puzzles as 'how to make a horizontal menu bar' and 'how to make a reactive image grid'

anyway i just like my lil hand-coded stick-figure of a website, and if anyone else has a neocities let me know, i wanna put you in my list of friend links~

no-pressure tagging @oh-no-another-idea @chauceryfairytales @reneesbooks and @talesfromaurea to do some shameless self promotion (on a sunday or any other day, all days are good for singing your own praises)

[digitaldiariescs]

Day 3: Beginning my first ever personal project

I'm honestly getting a little sick of beginning every post with, 'I continued working through the RWD course on freeCodeCamp', because that's pretty much all I do, every single day. And that's what I did today.

However, I started working on a personal project using HTML/CSS! Something that I realised today, as I started planning this project, is that I genuinely have no idea how to apply the knowledge that I've learned through the course. I know how to follow instructions and prompts, but I have no idea how to actually build a responsive web page. But, I think that's going to change as I start working on this project.

I'm trying to be as creative as possible with this project. I'm really going to challenge myself, and I hope this turns out the way I want it to. The main goal is to not take the easy way out with this project. The only way I'll learn is by facing difficulties.

Recently, I've noticed that I've been really struggling with creativity. I used to be an original thinker, but now, it seems as though I have lost the ability to think outside the box. And that is completely unacceptable in my world. Hopefully, this project will spark my creativity, while developing my coding skills.

With that, I shall take your leave and continue scribbling down all my ideas for this project onto my commonplace journal. Yes, my ideas have a real-world, physical home. I encourage you to keep one as well. It's a great way to build a relationship with yourself- bridge the gap between who you are and who you want to be, your thoughts and your feelings.

[shipburner]

Over two years ago, I was inspired by @transhitman's personal Disco Elysium Skill project to make my own Disco Elysium Skills. Today, I am proud to present my own take on the idea, the Internal Family Skills, having finally gotten my brain in gear enough to finish it in a showable capacity. This isn't the final form of the project, but I'd need to learn CSS to make a full fake menu on my Neocities, and a new tablet to make the Skills as painterly as the game's art style (which I might not do, since this style is basically what the inside of my brain looks like).

We're starting off with the Manager (MGR) Attribute: Your capacity to present sufficient normalcy and interact with the people around you. Its six Skills are:

Bureaucracy

Disguise

Distress Tolerance

Hiya

Pakikiramdam

White-Passing

[ Firefighter | Exile | Self ]

Bureaucracy

Understand process and procedure. Pull on the levers available to the public.

COOL FOR: Pencil-Pushers, Concerned Citizens, The Maliciously Compliant

Bureaucracy is what humans use for detailed communication in place of emotional honesty. This is not, in fact, an imposition -- rather, it allows for smooth cooperation and organization at large scale without the superior's scorn or the inferior's resentment getting in the way. Your Bureaucracy skill familiarizes you with paperwork and precedent, assures that the powerful view you as properly compliant, extracts assistance from systems that don't care about you as a person, and teaches you how to work to rule.

At high levels, Bureaucracy lets you navigate hierarchies, provide and access information easily, and fill in gaps in existing procedure where there is none. It'll also make you a fussy, obstinate smartass who refuses to participate with anyone emotionally or act without structure. At low levels, however, you'll be adrift in a paper sea designed to silence, exhaust, and oppress you.

Disguise

Manipulate with masks. Fit yourself into palatable forms.

COOL FOR: Changeling Children, Sociopathic Butterflies, Emotional Laborers

Disguise wants you to know that if you can't be yourself, it's always okay to be someone else. As your handy-dandy superficial charm, Disguise feeds you the lines necessary for a given situation: Need to act mindful and demure at work when you're imagining gutting your manager like a fish? Disguise is already on it. Want to seem like a problem-solving super-genius when you're actually in the middle of cybersex? Disguise is running the social buffer. Trying to avoid telling the truth to your parents or scaring the hoes at the local queer scene? Got. You. Covered.

At high levels, Disguise makes you terrified of failing to live up to your image, to the extent that you'll partition off your life into different personas. You won't be tempted to become any of the masks, but by God will you not take any of them off. At low levels, though, you'll have to take all the lumps that come with never telling anybody what they want to hear.

Distress Tolerance

Endure immediate pain for long-term gain. Stay in the trap to remove the one who set it.

COOL FOR: Forward-thinkers, Sensitive Souls, Cluster Bs

Distress Tolerance is your lexicon of adaptive coping mechanisms. It snaps into action when the world is painful and unfair, identifying pain relief and things you can control. Distress Tolerance reminds you to go for a walk instead of lying in bed, to spend time with people you love instead of fighting online, and to box breathe instead of hiding in a cabinet and sobbing. It also helps you keep your goals in mind: the point of enduring the pain is to avoid hurting people and to have a better life in the future.

At high levels, Distress Tolerance makes you hyper-sane, and thus hypernormal. You'll fall victim to the seductions of personal responsibility, assuming that it's simply your duty to put up with the world's iniquities. Without it, though, you'll be a panicking woman-child ignorant of her own agency, unable to do anything about those iniquities but lash out at the people who love you.

Hiya

Feel shame yourself. Anticipate shame in others.

COOL FOR: Overton Glaziers, Panopticon Inhabitants, Human Dignity Enjoyers

Hiya isn't the cop inside your head, it's the patriarch -- instead of trying to shoot you when you've deviated from the accepted standards of behavior for a given community, it just makes you feel fundamentally unlikable and helpless. This isn't entirely a bad thing, since the accepted standards of behavior frequently involve putting others first so you don't make them feel fundamentally unlikable and helpless. That said, while Hiya teaches you that standards of behavior can change, the only tool it gives you to accomplish that is the cattle prod called "shame".

At high levels, Hiya makes you socially invulnerable -- because you don't do anything objectionable in the first place. Not only will you be self-sacrificingly afraid of being deemed deviant, you'll cringe and withdraw when others embarrass themselves regardless -- and you'll enforce shame yourself to make the cringing stop. Without it, though, you'll literally be walang hiya: a shameless, self-gratifying boob incapable of thinking about others' feelings.

Pakikiramdam

Understand that others’ needs are different. Find out what they are.

COOL FOR: Relationship-Builders, Active Listeners, Safety Tool Users

Pakikiramdam feels out everything that isn't explicitly said. It's a Skill of social moderation formed through trial and error -- knowing what will tickle someone's funny bone, whether acquiescence is hiding upset, and whether they see a given action as common courtesy or a true effort. Pakikiramdam creates models of others' internal states to better foster and maintain kapwa; to this end, it reminds you to check in, slow down, and look at the conversation from outside so you're on the same page about what's going on.

At high levels, Pakikiramdam will make you truly empathetic and understanding -- as long as people can stomach you being a busybody who demands adult communication and introspection about their wants at the drop of a hat. Too low, however, and you'll simply barge through situations assuming you already know what everyone wants, giving you no chance to build empathy in the first place.

White-Passing

Defend yourself and get away with it. Recognize and use what authority you have.

COOL FOR: Egotists, Dissatisfied Customers, Fifth Columnists

You are the phenotypical expression of a multigenerational effort to make you and your desires untouchable in any social situation. White-Passing measures your ability to live up to that standard: Can you talk over people in a meeting to make your point heard? Can you talk to a cop like he's a brave and dignified defender of your security? Can you justify the entire extractive supply chain in order to demand a better customer service experience?

At high levels, White-Passing will get you what you want, and getting what you want will reinforce the rightness of your power. Not only will this make you an entitled little martinet claiming power you lack, it'll chain you to the structures that have given you what power you have. But without it, you won't even be able to get past the cop in your own head, let alone the ones outside it, and you'll make a cult of your own disenfranchisement.

Notes:

Bureaucracy's ear-thingies are a reference to Intergalactic Advocate Bob from Jupiter Ascending.

The mask Disguise is wearing is based on Caves of Qud's gentling mask.

Thanks is due to Jeremiah Reyes' 2015 article "Loób and Kapwa: An Introduction to a Filipino Virtue Ethics", which was instrumental in me figuring out how exactly my lolo's ethics filtered through my dad to me, for good and for ill.