experience
TOPICS
Enero 2019
C贸mo desarroll茅 este blog
Enero 1 | Post
![](/media/sticker/mario-gloves.webp)
He creado este sitio utilizando los siguientes recursos
HUGO - The world鈥檚 fastest framework for building websitesDesarrollado utilizando HUGO. Un framework super interesante que utiliza GO. En mi opini贸n es muy vers谩til, gratificante y divertido, una muy buena comunidad.
LogoAgradezco la generosidad, paciencia y creatividad de MagMagnolia para crear el logotipo y los stickers, s铆ganla en sus redes sociales.
Developer IconsPara los iconos utilice dos librer铆as diferentes Devicon by Konpa y Devicons by Vorillaz. En CCS use
@font-face
, definiendo font-family
y la propiedad content
especificando el unicode
.
@font-face {font-family:'devicon';
src:url('../fonts/devicon.eot');
src:url('../fonts/devicon.eot') format('embedded-opentype'),
url('../fonts/devicon.woff') format('woff'),
url('../fonts/devicon.ttf') format('truetype'),
url('../fonts/devicon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
.cat-Csharp {
position:relative;
font-family: "devicon";
padding-left: 35px;
}
.cat-Csharp:before {
content:"\e637";
position:absolute;
top:0;
left:0;
font-size: 1em;
color: blue;
}
TemaLa inspiraci贸n para crear este blog viene de Inbox by Google, un proyecto que desgraciadamente ya no esta activo. Utilizando Material Admin Responsive Theme, Paper Collapse y mucho c贸digo CSS. Los iconos del sitio son de Material Design Iconic Font
StickersEn el sitio encontraras entre los posts
stickers
que no son otra cosa que im谩genes en formato webp algunos de la comunidad de Telegram y otros que son caricaturas de mi persona. Para facilitar su uso en HUGO cree unos shortcodes
para incrustarlos en el markdown de cada post.
Auto ScrollingEl blog no utiliza paginaci贸n tradicional, va cargando posts de acuerdo a la posici贸n del scroll, implementado utilizando la librer铆a Infinite Scroll, este fue un reto interesante ya que tuve que generar un
partial layout
en HUGO donde se cargara el c贸digo javascript basado en la paginaci贸n del sitio ademas de activar paper collapse
para los nuevos elementos.
Hospedado en NetlifyHospedado en Netlify, sorprendido gratamente con la calidad y velocidad de netlify.
![](/media/sticker/me-ok.png)
Ha sido un interesante desaf铆o pero sobre todo divertido y eso es algo que uno debe siempre buscar con sus proyectos divertirse y aprender