#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

[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.)

[codomars]

Day 6 — 10/ 100 Days of Code

✧˖° ♡ This week' progress

I think I finally built a steady studying routine - over the past few days, I managed to wake up every day at 6 a.m. and take the first hour to work on coding.

My focus was on exploring CSS transition and keyframe animations.

I discovered that the secret to

✧˖ cool CSS animation ˖✧

is the right manipulation of transition-duration, delay, and timing-function.

I also learned how to transform elements in 2D and 3D space by using a set of CSS properties ( rotate, skew, scale, transform-origin ), and setting the perspective.

As a strong believer of the theory "learn through doing", I based my study plan on 20% theory, 80% experimenting with css and creating silly animations

[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 ⸜(｡˃ ᵕ ˂ )⸝♡

[codingflicks]

Navbar Animation with Moving Hover Effect

[freefrontend-blog]

CSS Landscape #25 (2024)

FreeFrontend's September 3rd "CSS Landscape" brings you a comprehensive overview of the web development landscape, from browser updates to innovative CSS solutions.

🔗 https://freefrontend.com/css-landscape-2024-09-04/

[kitkatcodes]

Interact.js

（\__/) ( o｡o) / つ wow look at how cool this is!!!!

This is a JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers (and also IE9+)

Some other things that can be done:

Dragging

Drag and drop

Snapping

Resizing

Multi-touch Rotation (touchscreen only)

Pinch-to-zoom (touchscreen only)

Use in SVG files

Tap, doubletap and hold

I can't wait to find a way to incorporate this into a future project! If you have any ideas let me know!

Check it out here: https://interactjs.io/

[numbpilled-themes]

network_void.exe and memory_mgmt.exe widget package

DOWNLOAD HERE

BY NUMBPILLED ON KO-FI

[gigabyte1027]

Im doing website commissions!

Howdy! I have decided to open commissions!

I design Skeuomorphic websites. For those who were on the internet in the mid 2000's to early 2010's; I'm doing that but more advanced.

My skills are being offered for things like Personal sites, joke sites, or Portfolios for example.

I'm fairly quick when it comes to setting up a basic website. My criteria for that being fully styled, commented, with basic JavaScript for things like lightboxes and popups.

I'll do a whole website for $50, it will take a minimum of 3 days to create. More depending on how many pages you need, or if you need something more complex.

If you have any questions or want to take a spot: I'll be looking out for any messages you have! Payments will be done through PayPal first, and I'll send updates frequently.

Thanks for reading! Below are some examples of my work.