GroundWork CSS Framework HTML5 – 3 – Sliders y botones

Y seguimos con nuestros tutoriales de GroundWork CSS FrameWork HTML5 para la creación de aplicaciones web y móvil de forma sencilla. En este caso, veremos un videotutorial donde trabajamos con la creación de botones y sliders.

Tutorial GroundWork CSS

Hemos querido empezar con una de las funciones que más utilizamos en nuestras aplicaciones, el uso de botones. Lógicamente, funcionan como si fueran un simple enlace…

Poner en marcha GroundWork CSS FrameWork HTML5

Recordamos que para que funcione este FrameWork, debemos añadir el siguiente código:

En el head

Debemos poner este código dentro de las etiqueta <head></head> de nuestra página web:

<!-- Modernizr -->
<script src="/js/libs/modernizr-2.6.2.min.js"></script>
<!-- framework css -->
<!--[if gt IE 9]><!-->
<link type="text/css" rel="stylesheet" href="/css/groundwork.css">
<!--<![endif]-->
<!--[if lte IE 9]>
<link type="text/css" rel="stylesheet" href="/css/groundwork-core.css">
<link type="text/css" rel="stylesheet" href="/css/groundwork-type.css">
<link type="text/css" rel="stylesheet" href="/css/groundwork-ui.css">
<link type="text/css" rel="stylesheet" href="/css/groundwork-anim.css">
<link type="text/css" rel="stylesheet" href="/css/groundwork-ie.css">
<![endif]-->

En el footer

Debemos poner el siguiente código antes del cierre de la etiqueta </body> de nuestra página

<script type="text/javascript" src="/js/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/groundwork.all.js"></script>

GroundWork CSS Sliders y botones

Tercer de los 4 vídeos del tutorial de GroundWork que podéis encontrar en nuestra web, un framework para la creación de página web responsive. En este caso, veremos como crear botones de diferentes tipos y sliders de una forma muy sencilla y rápida.

Recordad que en el anterior número, vimos cómo estructurar nuestra aplicación teniendo en cuenta que GroundWork es totalmente responsive.

Esperamos que con este vídeo, podáis ya empezar a crear vuestras aplicaciones añadiendo botones y sliders con GroundWork CSS FrameWork HTML5.


Más información