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