lenesaile.com

lenesaile.com

Este es mi sitio web independiente, creado con Eleventy, basado en el iniciador Eleventy Excellent. Admite tres idiomas y utiliza mi último flujo de trabajo.

TOC

• lenesaile.com
  • TOC
  • Licencia
  • Creditos y gracias

Licencia

Este es mi sitio web personal. Utilizo muchos fragmentos de código que han creado personas más inteligentes que yo, por lo que es correcto publicar mi código de código abierto también. Siéntase libre de utilizar partes del código de este sitio web en sus propios proyectos, pero no copie la página por completo, ya que no pretende ser una plantilla.

Creditos y gracias

Andy Bell

Me gusta trabajar con la metodología CSS CUBE de Andy, yendo de la mano con las soluciones Every Layout de las que es coautor. Recientemente publicó un enfoque que incorpora Tailwind CSS en su metodología, como creador de clases de utilidades personalizadas. Este flujo de trabajo está integrado en mi sitio web y, en realidad, en todos los sitios web que estoy creando desde que lo descubrí. Aprendí a usar Eleventy en 2020 con su curso (ahora gratuito).

• https://buildexcellentwebsit.es/
• https://cube.fyi/
• https://learneleventyfromscratch.com/

Heydon Pickering

Heydon es genial.

• https://every-layout.dev/
• https://inclusive-components.design/

Zach Leatherman

Zach está desarrollando Eleventy, ¡un genio!

• https://www.11ty.dev/
• https://www.zachleat.com/

Ryan Mulligan

A Ryan se le ocurrió el activador de desplazamiento para resaltar texto, que estoy usando descaradamente en este sitio web.

• https://codepen.io/hexagoncircle/pen/gOPMwvd

Oliver Schöndorfer

Oliver es un experto en tipos. Escribe el boletín Pimp my Type donde descubrí la fuente que estoy usando para este sitio web.

• https://pimpmytype.com/outfit/
• https://pimpmytype.com/category/fontfriday/

Pablo Stanley

Pablo es el creador de los avatares de esta web. Su biblioteca de ilustraciones dibujadas a mano Open Peeps es simplemente genial.

• https://www.openpeeps.com/

Ekrem Elmas

Estoy usando el conjunto de iconos dibujados a mano de Ekrems.

Stephanie Eckles

Stephanie proporciona muchos recursos para Eleventy y CSS moderno.

• https://smolcss.dev/
• https://moderncss.dev/

Max Böck y Sia Karamalegos

Seguí los tutoriales de Max y Sia para implementar Webmentions en este sitio.

• https://sia.codes/posts/webmentions-eleventy-in- Depth/max
• https://mxb.dev/blog/using-webmentions-on-static-sites/

Bernard Nijenhuis

Las imágenes del gráfico abierto se generan automáticamente: primero se crea un SVG para cada publicación, que luego se convierte a JPEG. Aprendí cómo hacer eso con el artículo de Bernard.

• https://bnijenhuis.nl/notes/generar-automaticamente-imagenes-de-graficos-abiertos-en-eleventy/

Aleksandr Hovhannisyan

Me encanta la estructura y la claridad. Aleksandr lo hace de forma ejemplar, por eso basé la estructura de eleventy.js en su sitio personal. La solución de redireccionamiento 301 que estoy usando es de su blog.

• https://github.com/AleksandrHovhannisyan
• https://www.aleksandrhovhannisyan.com/blog/eleventy-netlify-redirects/

Adam Argyle

El cambio de tema es de uno de sus desafíos GUI.

• https://github.com/argyleink/gui-challenges

Viento de cola

• https://tailwindcss.com/

Harry Roberts

Harry Roberts me enseñó mucho sobre cómo hacer que los sitios web sean más rápidos. El orden estricto de mi head es algo que él descubrió.

• https://csswizarry.com/