Desarrollo y diseño del sitio en el que te encuentras. Sitio auto administrable con los apartados de proyectos y mis notas (BLOG).
¿Cómo?
Desarrollo logrado con diferentes tecnologías web PHP, JAVASCRIPT, HTML, CSS3 y SQL.
- El desarrollo esta logrado con ayuda del patrón MVC en el lenguaje de programación PHP y el framework LARAVEL.
- Una base de datos relacional con el gestor de bases de datos MySql que se encarga del almacenamiento de la información del sistema.
- Para dotar dinamismo al sitio se emplea el framework de JAVASCRIPT JQUERY.
- Para el tema de la maquetación y diseño responsivo se emplearon las herramientas de HTML5 y CSS3 con el preprocesador SASS.
¿Qué más?
Sistema de autenticación.
Panel de administración con el cual se logra la creación y edición de las secciones blog y proyectos junto a sus diferentes módulos.
Pen con un preloader estilo skeleton, hecho con HTML y CSS.
¿Cómo?
La funcionalidad de un preloader es mostrarse mientras los recursos de una aplicación o servicio no han sido cargados.
Un preloader skeleton tiene como principal característica la de cargar recuadros en tonalidades oscuras en las áreas o segmentos en donde el contenido aún no ha cargado, simulando el esqueleto de la página o aplicación.
Este preloader está desarrollado con una pequeña animación con css3 y el attributo background y su valor de linear-gradient, para llegar a ese efecto de destello.
A continuación el PEN.
La empresa INDUSTRIA ELECTROMECÁNICA S.A. necesitaba un desarrollo para mostrar los servicios y la información de la empresa.
La propuesta
Se propone tanto el diseño como el desarrollo para el sitio de la empresa. Diseñado bajo el estilo landing page y responsive. Desarrollado con las tecnologías HTML5, CSS3 y un poco de JAVASCRIPT para el dinamismo del sitio.
Pen con una sencilla animación de una lluvia de unos y ceros, desarrollado con HTML y CSS.
¿Cómo?
La animación esta desarrollada únicamente con las animaciones de CSS3 mediante la propiedad animation y la regla @keyframes, con ayuda de la herramienta online codepen.io.