Melanys melanyss

Animated Star Rating

A star rating where stars pop out one by one if you choose a higher rating.

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

ASCII-art folder structure diagram in semantic markup + CSS

A Pen by Patrick H. Lauke on CodePen.

License.

	<!--
	================================================================================
	STRIPE EXPRESS CHECKOUT TEMPLATE
	Google Pay & Apple Pay Implementation for Experimentation Platforms
	================================================================================

	Author: Melanys Figueredo
	Version: 1.0.0
	Last Updated: 25/01/2026

	<div id="wrapper">

	<div id="canvas_container"></div>

	<div class="text">
	<p class="quoteText">“ Never memorize something that you can look
	up.”<br><span style="font-style: italic; font-size: 1.4rem; color:#ED760D">#Stack Overflow</span></p>
	</div>
	<p class="clickInfo">click anywhere to start journey</p>

	<button class="cybr-btn">
	Cyber<span aria-hidden>_</span>
	<span aria-hidden class="cybr-btn__glitch">Cyber_</span>
	<span aria-hidden class="cybr-btn__tag">R25</span>
	</button>
	<button class="cybr-btn">
	Buttons<span aria-hidden>_</span>
	<span aria-hidden class="cybr-btn__glitch">Buttons_</span>
	<span aria-hidden class="cybr-btn__tag">R25</span>
	</button>

	// submit is an action performed ON THE FORM ITSELF...
	// probably best to give the form an ID attribute and refer to it by that
	$('form').submit( function (event) {
	// prevent the usual form submission behaviour; the "action" attribute of the form
	event.preventDefault();
	// validation goes below...

	// now for the big event
	$.ajax({
	// the server script you want to send your data to

	Check if and which key was pressed
	$(function() {
	$(document).keypress(function(e){
	switch(e.which){
	// "ENTER"
	case 13:
	alert('enter pressed');
	break;

	// "s"

	{
	"name": "fcc-learn-npm-package-json",
	"author": "Melanys Figueredo",
	"version": "0.1.0"
	}

	<!--
	WebGL particle head for a clients website.
	See the full result on fremtidenshoder.no.
	Made with three.js
	-->

	<div class="particlehead"></div>
	<h1><strong>WebGL</strong> head made <em>of</em> particles</h1>