Web / Documentación01
Astro
Documentación del framework que da forma a este espacio.
docs.astro.build
Instalación
Una biblioteca en movimiento.
Mi rincón de conocimiento: ideas, herramientas y aprendizajes para seguir creciendo.
Artículos
01Proceso
De una idea a una buena pregunta
Antes de elegir una herramienta, merece la pena entender qué queremos cambiar.
Leer artículo
02Conocimiento
Documentar mientras construyes
Una nota breve hoy puede ahorrar muchas preguntas mañana.
Leer artículo
03Web
Una web con intención
Estructura, lectura y pequeños detalles que ayudan a encontrar el camino.
Leer artículo2 / 3
Artículos de ejemplo para previsualizar este espacio.
Repositorio
¿De qué está compuesto el repositorio?
Tócame, soy interactivo.
Web / Referencia02
MDN Web Docs
Una referencia para entender y construir la web.
developer.mozilla.org
Instalación
IA / Repositorio03
Hugging Face Course
Un repositorio abierto para explorar modelos y procesamiento del lenguaje.
github.com
Instalación
Web / Mapas04
Mapcn
Mapas interactivos con TypeScript, CSS y YAML.
github.com
Instalación
Web / Animación05
Amicro
Biblioteca de animaciones y microinteracciones en React.
amicro.vercel.app
Instalación
IA / Skill06
Hallmark
Skill para Codex y Claude orientada a crear mejores presentaciones.
usehallmark.com
Instalación
Web / Animación07
Canvas UI
Recursos para crear animaciones en HTML.
canvasui.dev
Instalación
Web / Animación08
Orbs
Animaciones para estados de espera y carga.
orbs.jakubantalik.com
Instalación
IA / SEO09
Open SEO
Herramientas para trabajar el SEO de páginas web.
github.com
Instalación
Web / Animación10
Border Beam
Bordes animados.
npmjs.com
Instalación
pnpm install border-beamWeb / Despliegue11
Openship
Despliegue de proyectos internos.
openship.org
Instalación
IA / Diseño UI12
Name That UI
Repositorio de nombres de componentes de interfaz para describir a la IA lo que quieres construir.
namethatui.com
Instalación
Web / Vídeo13
Hyperframes
Crear vídeos con HTML.
github.com
Instalación
Web / Diseño UI14
Boneyard
Crear el esqueleto visual y los estados de carga de tu página.
github.com
Instalación
Web / Iconos15
Reicon
Catálogo de iconos para interfaces.
reicon.dev
Instalación
Web / Interacción16
Theme Toggle
Cambiar al modo oscuro con una transición interactiva.
theme-toggle.rdsx.dev
Instalación
Web / Email17
React Email
Generar correos con componentes de interfaz en React.
react.email
Instalación
npx create-emailWeb / Directorio18
Free for Dev
Catálogo de servicios gratuitos para desarrolladores.
free-for.dev
Instalación
IA / Skill19
No Mistakes
Skill para revisar la calidad de los cambios antes de subirlos a GitHub.
github.com
Instalación
Web / Diseño UI20
HTML to Design
Plugin de Figma y extensión de Chrome para convertir páginas web en diseños editables en Figma.
html.to.design
Instalación
Web / Animación21
Slot Text
Biblioteca sin dependencias para animar texto en etiquetas y botones.
npmjs.com
Instalación
pnpm i slot-textIA / Skills22
UI Skills
Directorio de skills para mejorar los diseños que genera tu IA.
ui-skills.com
Instalación
Web / CSS23
MDN · Masonry layout
Guía para crear composiciones de cuadrícula tipo masonry y explorar display: grid-lanes.
developer.mozilla.org
Instalación
Web / Branding24
Fontpair
Combinaciones tipográficas y referencias visuales para trabajar la identidad de marca.
fontpair.co
Instalación
Web / Interacción25
Pragmatic Drag and Drop
Biblioteca de JavaScript para arrastrar y soltar.
atlassian.design
Instalación
npm install @atlaskit/pragmatic-drag-and-dropWeb / Carruseles26
Blossom Carousel
Biblioteca de deslizadores y carruseles.
blossom-carousel.com
Instalación
Web / Formación27
Component Party
Comparar componentes y aprender la sintaxis de React y otros frameworks de interfaz.
component-party.dev
Instalación
IA / Seguridad28
NVIDIA Skillspector
Escáner de skills para revisar aspectos de ciberseguridad.
github.com
Instalación
Web / Iconos29
Icons0
Catálogo de iconos para proyectos web.
icons0.dev
Instalación
Web / Formación30
Patterns.dev
Patrones de diseño y desarrollo en JavaScript.
patterns.dev
Instalación
Web / Infraestructura31
KodeKloud Labs
Laboratorios para practicar Docker, Kubernetes y otras herramientas de infraestructura.
kodekloud.com
Instalación
Web / Formación32
DevOps Daily · Linux Terminal
Aprender y practicar comandos de Linux en un terminal interactivo.
devops-daily.com
Instalación
Web / Animación33
Blendy
Biblioteca de animaciones y transiciones en JavaScript.
npmjs.com
Instalación
pnpm install blendyWeb / Formación34
Database School · Intro to Postgres
Curso de introducción a PostgreSQL y SQL para trabajar con bases de datos como Supabase.
databaseschool.com
Instalación
IA / Formación35
AI Engineering from Scratch
Curso de ingeniería de IA e infraestructura desde cero.
github.com
Instalación
Web / Visualización36
Rosencharts
Gráficos y animaciones con React y Tailwind.
rosencharts.com
Instalación
Web / Animación37
GSAP
Crear animaciones web y experiencias de scroll al estilo Apple.
gsap.com
Instalación
IA / Skill38
Animate Text
Crear animaciones de texto.
github.com
Instalación
npx skills add pixel-point/animate-text --skill animate-textIA / Diseño UI39
Refero Styles
Referencias y skills para recrear estilos de diseño.
styles.refero.design
Instalación
Web / Iconos40
Morphicons
Iconos SVG con animaciones de transformación.
morphicons.com
Instalación
Web / Idiomas41
Language Reactor
Extensión para aprender idiomas con subtítulos en YouTube y Netflix.
languagereactor.com
Instalación
Web / Documentación42
MkDocs
Crear sitios de documentación a partir de archivos Markdown.
mkdocs.org
Instalación
Web / Vídeo43
Animos
Editor y biblioteca de animaciones de interfaz para vídeo.
animos.app
Instalación
01
Abrir recurso
Instalación
Pronto habrá nuevos enlaces en la biblioteca.
Descargar
Archivos descargables
Guías, documentos y materiales para consultar a tu ritmo.
Web / HTML descargable01
Create Ticket
Interfaz HTML para crear tickets. Descarga el archivo y ábrelo en tu navegador.
HTML · Descargar
Descargar archivoInstalación
Web / HTML descargable02
Digitalize · Diagrama animado
Diagrama animado en HTML y SVG. Descarga el archivo y ábrelo en tu navegador.
HTML · Descargar
Descargar archivoInstalación
01
Descargar archivo
Descargar archivoInstalación
Los próximos archivos estarán disponibles aquí para descargar.