Echa un vistazo a mis proyectos

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.

Skeleton preloader

PEN

HTML CSS

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. 


Sitio IEMSA

DESARROLLO WEB

HTML CSS JAVASCRIPT

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.

Lluvia binaria

PEN

HTML CSS

Rediseño para el sitio web de  la empresa EMBOBINADOS INDUSTRIALES Y MONTAJES S.A. de C.V.  empresa dedicada a la reparación y embobinado de motores eléctricos.

La situación

El sitio contaba con un diseño desarrollado con la tecnología flash, la empresa necesitaba  cambiar solo algunas imágenes del sitio, pero debido a la tecnología flash antes mencionada  se hizo la propuesta de un nuevo diseño con las últimas tecnologías de desarrollo web.

La propuesta

Se diseñó y  desarrolló un nuevo sitio estático con la información y servicios de la empresa. Desarrollado con las últimas tecnologías web HTML5 Y CSS3 para el diseño y maquetado del sitio  y JAVASCRIPT para dotarla de un poco de dinamismo.

Nuevo diseño sitio EIMSA

DESARROLLO WEB

CSS HTML JAVASCRIPT