Skip to content

LoopStudio es un website en donde se implemento JS como lenguaje de programación para los diferentes eventos que se pueden encontrar en el sitio web y también el uso de HTML y CSS como herramientas de diseño y estructuración. La novedad principal de este proyecto es el uso de SASS como preprocesador al momento de realizar el diseño.

License

Notifications You must be signed in to change notification settings

JosCalCor22/LoopStudio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LoopStudio

El proyeco LoopStudio fue tomado de la pagina de desafios FrontMentor, aunque el diseño y todo el croquis fue tomado de allí, la estructuración y creación del proyecto fue totalmente mia.

Este proyecto lo realice con HTML, CSS y JS. Tambien use del procesador SASS para realizar todo el diseño, esto se puede encontrar en la caperta de Style.

Una de las nuevas cosas que implemente en este proyecto fue, el uso del preprocesador SASS y la implementación de display grid, el cual me permitio crear una galeria responsive casi que de manera automatica.

El estilo es bastante llamativo y creativo pues en el reto se mostraba un "diseño futurista" y el objetivo principal del desfio era recrear esta pagina sin perder la escensia del estilo y asi fue, al momento que ingreses a la pagina notaras lo mencionado.

Se añadieron animaciones a los botones, links, imagenes y demas elementos del proyecto. Como resultado la pagina quedo mas atractiva.

El desafio fue completado de manera satisfactoria, ademas que añadi ciertas caracteristicas propias como animaciones y de igual forma se implemneto un responsive designe que hace que la pagina sea multiplataforma y se pueda ver en varios dispositivos sin ningun problema.

Personalmente siento que este proyecto es uno de los mas completos en diseño como en desarrollo y me siento contento y satisfecho con el resultado.

--------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // --------- // ----

LoopStudio

The LoopStudio project was taken from the FrontMentor challenges page, although the design and all the sketches were taken from there, the structuring and creation of the project was entirely mine.

This project is done with HTML, CSS and JS. I also used the SASS renderer to do all the design, this can be found in the Style tab.

One of the new things that I implemented in this project was the use of the SASS preprocessor and the implementation of the display grid, which allowed me to create a responsive gallery almost automatically.

The style is quite striking and creative because the challenge showed a "futuristic design" and the main objective of the challenge was to recreate this page without losing the essence of the style and that was the case, when you enter the page you will notice what is mentioned.

Animations were added to the buttons, links, images and other elements of the project. As a result, the page became more attractive.

The challenge was completed satisfactorily, in addition to adding certain own features such as animations and in the same way a responsive design was implemented that makes the page cross-platform and can be viewed on various devices without any problem.

I personally feel that this project is one of the most complete in design and development and I am happy and satisfied with the result.

About

LoopStudio es un website en donde se implemento JS como lenguaje de programación para los diferentes eventos que se pueden encontrar en el sitio web y también el uso de HTML y CSS como herramientas de diseño y estructuración. La novedad principal de este proyecto es el uso de SASS como preprocesador al momento de realizar el diseño.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published