<div class="content"><h2>¿Por qué este diseño antiguo?</h2><p>Para empezar, voy a contar como me crucé con este tipo de diseños. Hace al rededor de 1 año, empecé a estudiar japonés, por algunas cuantas razones que no vienen al caso. Me puse a buscar info sobre paneles o banners similares al que estoy usando en mi "firma" para esta entrada de blog:</p><div class="image"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2787%27%20height=%2724%27/%3e"></span><img alt="Image" src="/_next/image?url=%2Ffirma-banner.png&amp;w=256&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" srcset="/_next/image?url=%2Ffirma-banner.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Ffirma-banner.png&amp;w=256&amp;q=75 2x"><noscript><img alt="Image" srcSet="/_next/image?url=%2Ffirma-banner.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Ffirma-banner.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Ffirma-banner.png&amp;w=256&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span><span>Firma de ejemplo</span></div><p>Y llegué a una entrada de blog titulada <a class="link" href="https://medium.com/@maxwellforrest/the-overwhelming-world-of-japanese-web-design-2d41ad447297" target="_blank" rel="noreferrer">"The overwhelming world of Japanese web"</a> de <a href="https://medium.com/@maxwellforrest" target="_blank" rel="noreferrer" class="link">Maxwell Forrest</a> que trataba sobre la UI y UX de los sitios web pensados para un público japonés, dejando algunas imágenes la evolución de los sitios web (por ejemplo, Yahoo.co.jp) desde 2008 a 2019.}</p><div class="image"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27700%27%20height=%27314%27/%3e"></span><img alt="Image" src="/_next/image?url=%2Fyahoo_comparision.png&amp;w=1920&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" srcset="/_next/image?url=%2Fyahoo_comparision.png&amp;w=750&amp;q=75 1x, /_next/image?url=%2Fyahoo_comparision.png&amp;w=1920&amp;q=75 2x"><noscript><img alt="Image" srcSet="/_next/image?url=%2Fyahoo_comparision.png&amp;w=750&amp;q=75 1x, /_next/image?url=%2Fyahoo_comparision.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Fyahoo_comparision.png&amp;w=1920&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span><span>Fuente: <a class="link" href="https://medium.com/@maxwellforrest/the-overwhelming-world-of-japanese-web-design-2d41ad447297" target="_blank" rel="noreferrer">"The overwhelming world of Japanese web"</a></span></div><p>Se darán cuenta que una de las mayores influencias que tuve para crear mi portfolio fue el diseño del 2008 de Yahoo! JAPAN, pero ya tocaremos ese tema en el siguiente apartado. Ver estos diseños que me encantan, me recuerdan a los viejos diseños de páginas webs que tanto me gustaban pero ya no están disponibles.</p><p>Además, por más de que el diseño de mi <a href="https://tonyhermann.github.io/portfolio/" target="_blank" rel="noreferrer" class="link">antiguo portfolio</a> fue creado por mí, lo encuentro bastante genérico; poco personal. Entonces, me puse a pensar en alguna idea más original y personal y ahí es cuando recordé estos diseños que me gustaban, que además "van de la mano" con el nuevo idioma que estoy aprendiendo.</p><h3>Inspirado en...</h3><p>Principalmente, basado en el diseño de la home page de Yahoo.co.jp del año 2008. Luego, hay otras features que tiene el portfolio como los modales (Por ej: cuando te clickeas el botón "Contáctame") o los íconos que estan en esos botones y tal vez por algún otro lado en el sitio que estan inspirados en la UI de Windows XP</p><div class="image"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27362%27%20height=%27273.5%27/%3e"></span><img alt="Image" src="/_next/image?url=%2Fmodal_inspiration.png&amp;w=750&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" srcset="/_next/image?url=%2Fmodal_inspiration.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fmodal_inspiration.png&amp;w=750&amp;q=75 2x"><noscript><img alt="Image" srcSet="/_next/image?url=%2Fmodal_inspiration.png&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fmodal_inspiration.png&amp;w=750&amp;q=75 2x" src="/_next/image?url=%2Fmodal_inspiration.png&amp;w=750&amp;q=75" decoding="async" data-nimg="intrinsic" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span><span>Fuente: learningcomputer.com</span></div><p>Luego, hay otros pequeños detalles pero que, para mí, importan como:</p><ul><li>El fondo del sitio, basado en como se veían las pantallas de los celulares de los protagonistas de Mirai Nikki.</li><li>La navegación que se utiliza en el sitio pero para dispositivos moviles o tablets, viene de la UI de los mismos celulares.</li><li>El footer, tiene un fondo a cuadros inspirados en la portada de la primera entrega de みんなの日本語 "Minna no nihongo".</li></ul><h4>Fuentes</h4><ul class="fuentes"><li>Emojis: <a href="https://emojipedia.org/softbank/" class="link" target="_blank">https://emojipedia.org/softbank/</a></li><li>Win XP icons: <a href="https://winclassic.boards.net/" class="link" target="_blank">https://winclassic.boards.net/</a></li><li>Yahoo.co.jp style: <a href="https://www.yahoo.co.jp/" class="link" target="_blank">https://www.yahoo.co.jp/</a></li><li>Blog: <a class="link" href="https://medium.com/@maxwellforrest/the-overwhelming-world-of-japanese-web-design-2d41ad447297" target="_blank" rel="noreferrer">"The overwhelming world of Japanese web"</a></li><li>Scrollbar: <a class="link" href="https://github.com/botoxparty/XP.css" target="_blank" rel="noreferrer">"Xp.CSS"</a></li></ul></div>

Nuevo portfolio: ¿Por  qué?

Una aplicación diseñada para ser ligera, rápida y escalable, que permita analizar tus movimientos bancarios con el fin de organizar tus finanzas personales.

oKane

FreeBritney es una aplicación web interactiva, producto de un proyecto universitario de un amigo, que tiene como objetivo proporcionar una forma divertida y educativa de explorar la lucha por la libertad de Britney Spears. A través de una serie de desafíos o 'retos', los usuarios avanzan y aprenden sobre la causa de Britney en un formato lúdico.

FreeBritney

Esta es una landing page desarrollada a medida en React para Diesel Constructora. Cuenta con Layout responsive, optimización de rendimientos, accesibilidad, animaciones suaves, etc.

Diesel - Landing Page

Esta es una app que desarrollé como reto de la página Front End Mentor hace unos meses. Planeo re-hacer la web con un algún framework de JS. Por otro lado, la aplicación es funcional y soporta pantallas de dispositivos moviles. 

Todo App

Reto de Front End Mentor, utilizando una API desde JS vanilla para listar todos los paises del mundo (disponibles en la api) con información de ellos. 

Countries Api App

Esta es una adaptación de el proyecto original que hice para un proyecto escolar. Cuenta con un reproductor funcional, más no tiene ningún archivo .mp3 para reproducir por copyright. Está hecho solo con JS vanilla, html5 y css3. 

Adify

[Backend caído. Pendiente.] Segundo proyecto de DevChallenges.io en la ruta Fullstack, permite postear imagenes en tu main page en la aplicación y eliminarlas, así como filtrarlas con la barra de búsqueda. También está implementado un inicio de sesión con Google. 

My Unsplash (clon) APP

[Backend caído. Pendiente.] Primer proyecto de DevChallenges.io en la ruta Fullstack, permite subir imagenes a internet con Drag & Drop o seleccionandola manualmente. 

Image uploader

[Caído. Pendiente.] Este es un proyecto que hice en un curso de Udemy con Juan Pablo De la torre. Es un crud con PHP vanilla, sin ningún framework. Es 100% funcional y cuenta con un sistema de inicio de sesión, verificación de sesión y un panel de administrador para manejar las propiedades, vendedores y entradas del blog. 

Bienes Raices MVC

De todas maneras deberas apreder a manejarla a la perfeccion