Librería pensada para la creación y el desarrollo del frontend de sitios o aplicaciones web.
Para conocer todas las funcionalidades de la librería acudir a su documentación en:
https://bodystyle.000webhostapp.com
La forma más rápida y sencilla de disponer de la librería es a través del CDN que enlaza con el código de los archivos minificados.
La forma de utilizar estos enlaces es agregandolos dentro de la etiqueta <head>...</head>
de nuestro documento html.
https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/css/bodystyle.min.css
https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/js/bodystyle.min.js
Podemos añadir solo la grilla de bodystyle dejando de lado todo lo demas si no lo necesitamos.
https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/css/grillaSolo.min.css
https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/css/utilitarios.min.css
<!DOCTYPE html>
<head>
<!-- META obligatorio para poder utilizar la libreria -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link con el CDN de los estilos css -->
<link rel="stylesheet" href="https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/css/bodystyle.min.css">
</head>
<!-- Resto de la página -->
<script src="https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/js/bodystyle.min.js"></script>
</body>
Dejamos una plantilla para copiar y pegar para poder cargar la librería con lo que mencionamos antes.
<!DOCTYPE html>
<html>
<head>
<!-- META obligatorio para poder utilizar la libreria -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link con el CDN de los estilos css -->
<link rel="stylesheet" href="https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/css/bodystyle.min.css">
</head>
<body>
<h1>Hola Mundo !!! <span class="badge badge-rojo">New</h1>
<script src="https://ghcdn.rawgit.org/FedericoManzano/bodystyle-v3.5.0-fuente/master/dist/js/bodystyle.min.js"></script>
</body>
</html>
Podemos disponer de la librería a través de su código fuente, el archivo pre-compilado o instalarla como una dependencia de nuestro proyecto con los gestores de paquetes de Node.
bodystyle-v3.5.0-precompilado-master.zip
bodystyle-v3.5.0-fuente-master.zip
Ingresar por el terminal los siguientes comandos para instalar la dependencia de la librería.
npm i body-ui
yarn add body-ui
- babeljs
- webpack v4.43.0
- css-loader v3.6.0
- style-loader v1.2.1
- Capacidad deresaltar el código fuente de
html
,js
,css
,java
,c
. - Dependencia dynamics-tips para los tooltips, comentarios y dropdown.
- Mejoramiento de las barras de navegación.
- Dropdown refactorizado y depurado respecto versiones anteriores.
- Archivo bodystyle.bundle.js con todos los archivos de estilo y módulos de js en un sólo archivo.
- Se incorporan íconos de fuente para añadirle a los elementos.
Se eliminaron las funcionalidades de resaltar el código fuente y se los reemplazó con una dependecia show-code-v1.1.1.
MIT
bodystyle (c) 2020