#frontend

[computer-nerd-girl]

[kitkatcodes]

✧･ﾟ: Customize your highlight color! :･ﾟ✧

I recently came across a blog where when I went to highlight some text I noticed it was a unique color!!! (」°ロ°)」

AND IT'S SO SIMPLE TO DO

all you do is go to your css file and add this:

::selection { background: <hexcolor> }

Enjoy!! ♡⸜(˶˃ ᵕ ˂˶)⸝♡

[numbpilled-themes]

DIGITAL_NECROPOLIS.exe - HTML Neocities/Nekoweb profile page template

LIVE PREVIEW

DOWNLOAD

[mahrico]

I’ve been brewing a little magic and ended up crafting three profile codes with the same base layout, each dressed in a different color theme. They're simple, clean, and (dare I say?) kinda enchanting.

Heads up though: the images I used are randomly plucked from the internet while I was sneakily coding during work hours (oops). So please make sure to download and reupload them yourself, then swap the image URLs in the code. Otherwise, things might break later when the images vanish into the void – and nobody needs that kind of heartbreak.

The real beauty of these layouts? They’re powered by CSS variables. At the top of the CSS under :root, you’ll find all the main color settings. Want a new vibe? Just change a few hex codes, and the entire theme transforms. No messy inline styles, no chaos – just clean, manageable code. The HTML is kept as minimal as possible for easier editing and a smoother experience.

♥ Fantasia #1 (Video Theme)

♥ Fantasia #2 (Red Version)

♥ Fantasia #3 (Blue Version)

Have fun customizing, enchanting, and nerding out. And if you end up using it pls show some love, reblog, or drop a comment. ♥ ♥ ♥

[headlight-district]

A Porsche 911 for Front End Friday

[green-crow]

Crazy how doing backend feels like such a huge and intimidating task that I dread and despise but then I get to frontend and the vibes have never been better. Everything is nice and pretty and the world is amazing

This image sums up pretty well how I feel about it

Thank god I don't mind backend on my personal projects or I'd be misserable

[mit-llusion]

introduction. hi :)

hello!!

i wanted to document my process of learning to code :) it's something i've always been interested in, but never got to, because i felt like it would take too much time to become good. well, the time will pass anyways, i need a project to stay sane. i have adhd, so it's somewhat of a developing hyperfixation / special interest for me.

i was using sololearn to learn, before i got paywalled :/ -- now i'm using freecodecamp and will probably also use codeacademy. on freecodecamp, i'm doing the certified full stack developer program which will (from my understanding) teach me to code front-end / client side as well back-end. i knew some HTML to begin with, but so far i've finished the basics of HTML mini-course and am on to structural HTML. After the full HTML topic, the course teaches me CSS, Java, Back-End Javascript and Python.

LONG STORY SHORT!! let's be friends, because i love doing this. also i need help. and advice. so much of it. m

[nixcraft]

[alycesutherland]

Progress:

Okay so the authentication for spotify is hard for me to understand and requires user authentication, then making a token request that while expire in an hour. So i focused on what I did know how to do and what I had access to token wise. The Spotify developer home page has a temporary access token for demos. I took that token and made a function to make get request to the API and two functions for top tracks and top artists. Then made some functions to print them in my terminal. Here is what my end product looked like in the terminal.

The data for tracks is proving to just show a years worth of listening even though I specified long_term in my get request.

Here is my code:

I tried just doing track.artist but Spotify handles that as multiple artists so I had to handle them as such.

Next Steps: Tackling the user authentication and token requests and including it in this code.

(Also yes I know that is a concerning amount of My Chemical Romance tracks. I had my MCR phase strike up again with a passion last October and I am still balls deep in it.)

[eon-tries]

just realized that i never mentioned that i know how to code websites and vaguely know how to code in C because i took a class from Harvard, as well as classes at my university

in case you're interested in learning HTML and CSS, my web design class literally gave us these websites to use because it has almost everything:

CSS Tricks - An entire website just for CSS

HTML Tutorial - A webpage about HTML

CSS Tutorial - A webpage about CSS

Markup Validator - Makes sure your code is right

also, i recommend using Visual Studio (if you have Windows) or Visual Studio Code (if you have anything other than Windows, or if you want to do more than just HTML)

[codomars]

Day 19 — 21/ 100 Days of Code

✧˖° ♡ progress update

I started the JS Functions chapter, and things are getting so much more interesting. I thought by now I would have finished all the simple function exercises that I found on W3Resources, but it seems I still have much work to do to improve my problem-solving skills.

I always try to find the answer on my own and check the solution only after I hit a wall. My approach is to start by:

Defining the task that I want to achieve.

Making a flowchart and designing the steps that the computer will perform.

And lastly, coding each step.

Even though sometimes the process can be tedious, the feeling you get after you  press enter and it runs with no issues is surreal. Is this how you all have been feeling when coding ( ⸝⸝´꒳`⸝⸝)

[codingflicks]

CSS Animated Text Overlay

[codegummy]

Game with HTML Canvas and Vanilla JS

Been a little stressed out with school and all so I made a little project to cool off a bit. I followed this YT tutorial showing how to code the Google dinosaur game. But then I made new vector illustrations to use instead of a the ones provided in the source code . To give it a touch of cuteness ⸜(｡˃ ᵕ ˂ )⸝♡

[mahrico]

Okay guys ...

New here on Tumblr - and of course, I’m not at home right now to record fancy code edits or aesthetic dev setups. Still, I’m too impatient not to launch my first post, so here we go.

This is some ancient code from my early days. I’ve leveled up since then, big time. But hey, there’s beauty in the basics — and some folks appreciate that raw, beginner energy.

We’ve got 4 nav sections with onclick actions - super easy to tweak or scale up if you wanna go wild. Plus a few cozy color effects sprinkled in for good vibes. TL;DR: clean, simple, and totally beginner-friendly.

[divinector]

CSS Blended Background