Skip to content

Instantly share code, notes, and snippets.

@kevinacuna1
kevinacuna1 / starter.css
Created December 8, 2025 19:59
Starter CSS con buenas prácticas: box-sizing, tipografía base, encabezados, enlaces, imágenes, contenedor y utilidades rápidas. Incluye comentarios para guiar a estudiantes en cada regla.
/* ============================================================
Starter CSS – Plantilla base para proyectos web
Incluye buenas prácticas de box-sizing, tipografía y estilos globales
============================================================ */
/* 1. Box-sizing global */
html {
box-sizing: border-box;
font-size: 62.5%; /* 1rem = 10px */
}
@kevinacuna1
kevinacuna1 / settings.json
Created November 25, 2025 15:15
Cheatsheet de configuración de Visual Studio Code en settings.json. Incluye opciones esenciales para editor, archivos, terminal, explorador, apariencia y formateadores por lenguaje. Ideal para mantener un entorno limpio, consistente y productivo sin depender de Prettier global.
{
// =========================
// Editor
// =========================
"editor.fontSize": 14, // tamaño de fuente del editor
"editor.tabSize": 4, // espacios por nivel de indentación
"editor.insertSpaces": true, // usar espacios en lugar de tabs
"editor.detectIndentation": false, // fuerza tabSize en todos los archivos
"editor.wordWrap": "on", // envuelve líneas largas
"editor.formatOnSave": true, // formatea automáticamente al guardar
@kevinacuna1
kevinacuna1 / gymfitness_post_types.php
Created November 11, 2025 00:54 — forked from codigoconjuan/gymfitness_post_types.php
Crear un Plugin en WordPress
<?php
/*
Plugin Name: Gym Fitness - Post Types
Plugin URI: http://twitter.com/codigoconjuan
Description: Añade Post Types al sitio Gym Fitness
Version: 1.0.0
Author: Juan Pablo De la torre Valdez
Author URI: http://twitter.com/codigoconjuan
Text Domain: gymfitness
*/
@kevinacuna1
kevinacuna1 / style.css
Created November 3, 2025 03:30 — forked from codigoconjuan/style.css
Menú con Animaciones en WordPress
.menu-principal a::before,
.menu-principal a::after {
position: absolute;
left: 0;
content: '';
display: block;
width: 100%;
height: 50%;
background-color: var(--primario);
z-index: -1;
@kevinacuna1
kevinacuna1 / style.css
Created October 31, 2025 20:56 — forked from codigoconjuan/style.css
Style.css para Crear un Tema nuevo
/*
Theme Name: Gym Fitness
Theme URI:
Author: Juan Pablo De la torre Valdez
Author URI: http://twitter.com/codigoconjuan
Description: Theme Diseñado para el Gimnasio GymFitness
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Gym, gimnasio, flexbox, css grid, mobile first
@kevinacuna1
kevinacuna1 / wordpress.gitignore.md
Last active October 31, 2025 04:11
Archivo .gitignore completo y comentado para proyectos WordPress. Incluye exclusiones para el core, plugins, temas, dependencias, archivos sensibles, cachés, IDEs, exportaciones y más. Ideal para desarrolladores que versionan temas, plugins o el sitio completo.

📄 Archivo: .gitignore para proyectos WordPress

############################################################
# 🧠 WordPress Core (ignorar si no versionás el núcleo)
############################################################
wp-admin/
wp-includes/

/wp-*.php
@kevinacuna1
kevinacuna1 / live-server-firefox-dev.md
Created October 16, 2025 23:45
Configura Live Server para abrir tus proyectos en Firefox Developer Edition en lugar del navegador predeterminado. Ideal para debugging avanzado.

🦊 Live Server con Firefox Developer Edition

Configura VS Code para que Live Server abra tus proyectos en Firefox Developer Edition.

📍 Instrucción para settings.json

{
  // Configura Live Server para usar Firefox Developer Edition
  "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe"
@kevinacuna1
kevinacuna1 / regex-validacion-email.md
Last active October 12, 2025 20:00
Expresión regular para validar correos electrónicos en JavaScript. Acepta múltiples formatos comunes, incluyendo subdominios y extensiones de dominio de hasta 10 caracteres. Ideal para validaciones en formularios, scripts backend o utilidades de depuración.

📧 Regex para Validación de Emails

const regex = /^\w+([.-_+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,10})+$/;

✅ Características

@kevinacuna1
kevinacuna1 / spring-ansi-output.md
Created September 2, 2025 00:24
Explicación clara y visual sobre cómo activar colores ANSI en la consola de Spring Boot usando `application.properties`. Ideal para mejorar la legibilidad de logs en entornos de desarrollo compatibles. Incluye tabla comparativa, recomendaciones y ventajas para debugging y documentación técnica.

🌈 Activar colores ANSI en Spring Boot

📄 Archivo: application.properties

spring.output.ansi.enabled=always