Home Etiquetas Publicaciones etiquetada con "css"

css

0 10546

Han pasado ya unos años desde que el diseño web adaptativo es una técnica en el desarrollo web que no debe pasarse por alto. Es muy importante que un sitio web se adapte al entorno del usuario, con tanto dispositivos que tienen acceso a internet. Así que no solo nuestra estructura e imágenes deben adaptarse sino también complementos (plug-ins de jQuery por ejemplo). Y si de presentador de diapositivas (slideshow) se trata hay muchos y pues este es uno de ellos: SlideMe.

Es un presentador de diapositivas hecho en jQuery. Entre las características que cuenta este complemento están:

  • diseño web adaptable
  • CSS 3
  • compatible con varios navegadores
  • facil de configurar
  • fácil de instalar y usar
  • múltiples instancias
  • pantalla completa
  • de atractivo diseño
  • diferentes efectos de transición entre diapositivas

Uso básico

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/slideme.js"></script>
<link rel="stylesheet" href="css/slideme.css" type="text/css" media="all"/>
$(document).ready(function() {
   $('#foo').slideme(); 
});

En la parte HTML

<div id="foo">
  <ul class="slideme"> <!-- Class "slideme" is mandatatory! -->
    <li><img src="img/one.jpg" alt="One"/></li>
    <li><img src="img/two.jpg" alt="Two"/></li>
    <li><img src="img/three.jpg" alt="Three"/></li>
    <li><img src="img/four.jpg" alt="Four"/></li> 
  </ul>
</div>

Enlace | SlideMe

0 6795

En estos días hemos estado hablando de diseño web sensible y esta tarea se puede simplificar con Base, que es un sencillo framework para CSS para construir sitios web sensibles que sean visibles adecuadamente en todo dispositivo desde PC hastas teléfonos moviles.

En realidad es una hoja de estilos base para construir a partir de este nuestros proyectos. Cuenta con estilos que podemos personalizar cono encabezados, tablas, formularios, citas y más. Es fácil de consultar pues el código contiene comentarios indicativos. Además es cross-browser, trabaja con IE 7+ y navegadores modernos como Chrome, Firefox y Opera.

base

Al descargar el framework notarás que el código CSS esta bien estructurado y documentado.

Enlace | Base

SOCIAL

SOCIAL

0FansLike