experience

TOPICS


Enero 2019

  C贸mo desarroll茅 este blog
Enero 1   |   Post

He creado este sitio utilizando los siguientes recursos

HUGO - The world鈥檚 fastest framework for building websites
Desarrollado utilizando HUGO. Un framework super interesante que utiliza GO. En mi opini贸n es muy vers谩til, gratificante y divertido, una muy buena comunidad.

Logo
Agradezco la generosidad, paciencia y creatividad de MagMagnolia para crear el logotipo y los stickers, s铆ganla en sus redes sociales.

Developer Icons
Para 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;

}

Tema
La 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

Stickers
En 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 Scrolling
El 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 Netlify
Hospedado en Netlify, sorprendido gratamente con la calidad y velocidad de netlify.


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