#JS+HTML+CSS

[code-es]

Coding resource!

exercism.org

A free website where you get specific problems to methodically learn small concepts of a programming language. Do 10 minutes to 1 hour every day, and then you will keep practicing every day, and you will be able to use the skills you learn in your real projects. They walk you through the problem all the way, and it's a super good way to learn!

[ameltouati1]

Master Japanese Kanji with Our Automated Flashcard Generator

Explore Japanese language mastery with our automated Kanji Flashcard Generator! Covering all 2,100 JLPT characters, each flashcard includes pronunciation, stroke count, onyomi, kunyomi, and practical examples. Perfect for JLPT preparation or advancing your Japanese skills.

Link to N5 kanji list : https://drive.google.com/drive/folders/1QHHhsfCKIsaQKMVB6jh8UDbwRbkCB_09?usp=drive_link To get the source code so you can run it on your device : https://touati43.gumroad.com/l/japanesecards

[cyberth0t]

dem boys

[madnessofmen]

Hmmm, I kinda want to write some disco elysium fanfic with branching choices, not as much for the story but for the programming practice (I just don't have any ideas atm :/). Or if someone wants to do the writing I can do all the programming? Or maybe I should just make a twine style framework? But I kind of want it to be compatible with AO3's archive format, even though the platform is not really suited for what I want to do lol

[adven-codes]

Code: Remover numero de notifcaciones del titulo en FA

Que tal todos?

Hablando con unos amigos el otro día, me comentaron que estaba teniendo problemas para remover el numerito de notificaciones en el title de los foros

(ese numerito de ahi)

Asi que les di una mano seteandoles un code simplesito para que se lo quite en todas las paginas.

El código se agrega en Plantillas -> General -> overall_header , justo antes de la etiqueta </head> (la de cierre).

Aqui les dejo el código y screenshot de como se ve aplicada

Y aqui ya aplicado

Espero les sirva y mi explicacion haya tenido sentido~

pd: sí, sigo con vida, solo con mucho trabajo, que tal? (?)

[artshineaura]

i remade the homepage of the old 2000s sonic central website and updated it to have more modern up to date sonic media in it

screenshots for comparison:

remake:

original:

im holding off on making this an entire website for now but if anyone seeing this is interested in basically a fanmade indie web version of the official sonic website and social medias let me know!

[brightgreendandelions]

Flagmaker Update!!

it can now accept a custom sting of colors. like this. or this!

you can enter your own hex colors, or combine existing flags together

[lensdeer]

I made this little CSS animation demo (based on this TIC-80 demo) as a quick project. I don't think it's impressive or creative enough to be a proper "demo" like the ones I've been hyperfixating on, but it helped me get used to the workflow a bit.

CSS only! No Javascript is used anywhere in the page~ Which means the path is predefined instead of procedurally generated, sadly :c but I think I achieved a pretty nice effect regardless (I fucking LOVE the way the tail follows the kitty's movement)

Lowkey wish I had a cohost so I could put it there under #css crimes, but alas.

[stripitdown-coding]

Radio

Code

A simple box code with tabs. Haven't done one in a while or felt like finishing other in progress templates, so here's one for now.

Don't remove or alter the code credits from the CSS and HTML.

If you just want to change the colors, they're in a separate section toward the bottom and labeled so you don't need to dig through the rest of the code to find it. The character image line is down there as well.

[leng-m]

With the resurgence of people becoming interested in setting up their own websites and platforms, one thing I'd encourage people to look into is something called "static site generators." If you're looking to stand up a really simple site without a lot of dynamic content, this is probably the easiest way to do so.

Static-site generators allow you to automate the development of html pages that are ready to serve. The biggest difference between static sites and dynamic sites is that the latter cobbles together the page your users see by pulling all sorts of data from databases upon request time. In contrast, static sites allow you to serve ready-made html pages, making them much faster, secure, and cheaper to host.

(You do need to know a bit of back-end programming to run some simple commands and setup configuration files, but if you're already dabbling in HTML, CSS, and JS, I'm guessing you're up for the challenge.)

Here are a few resources if you want to try it out.

What is a static site generator?

A list of static site generators you can choose from

There's a lot on that list, but these are the ones I often see people using: Next.js, Jekyll, Hugo, Pelican

Places that host static sites, often for free, mostly for little charge:

Github Pages

GitLab Pages

Render

Heroku

The process of updating your website will be quite different than if you're used to platforms like Wordpress or Weebly. But if you're okay with using markdown editors and syncing your files manually, the amount of control you get back over your own content is totally worth it. There are also a lot of plugins and resources already out there to make the experience much smoother.

[code-es]

Learn flexbox!

Although it is IMPOSSIBLE to ever get align-items vs justify-content right on the first try, getting familiar with how flexbox works will allow you to know at least one of them does what you want them to. If there's anything I've learned during my studies it's that development is much more about knowing you can do certain things and being able to google it when you don't know how, rather than having everything memorized. What you need to memorize you will memorize from practice, repetition and experience.

That being said: here are some (two) resources for learning flexbox!

Play Flexbox Froggy

This was such a huuuuuge help for me when learning flexbox. I completed all of the exercises once, and then I would use this as a guide and reference when trying to figure stuff out on my own projects. It's a great interactive way of learning, and it really simplifies and makes flexbox digestible. I recommend just crunching through it once, and you will be exposed to all the different ways of using flex! Then you will have in the back of your head what is possible with flex, and you will be able to recall this and maybe use the next resource to implement it if you don't remember all the keywords yourself!

CSS tricks - a complete guide to flexbox

This was recommended to me by a developer waaay back when i started studying, and it has saved me countless times. It's so good for referencing the different properties, with clear visual examples and a super easy-to-follow structure of the page. I have this bookmarked because of how often I use it.

Good luck in your studies 💻🐸

[angeltism]

python learning time and I'm already getting withdrawals guys save meee

[pervertpet]

i might try to make the theme i've got on @henrksson into a legitimate one as well. it doesn't have the post blocks in there since that's my pseudo "custom page" blog.

[piratesexmachine420]

Somebody needs to go talk to the W3C and inform them that, frankly, the document metaphor is dead. Nobody* has made a webpage designed to be a page of hypertext in twenty years. It doesn't, hasn't, won't happen. We gotta find something better.

*Within a reasonable margin of error, and with exception to Wikipedia and similar projects

[eatburgir]

[cerulity]

frontend development is so confusing to me sdggsfgdf how can people do this for a living

i could read a thousand pages of embedded manuals and understand everything but literally anything to do with frontend development leaves me with a hydra of questions, answering one question will make me question like five other things