Xtreme News & Web Design

Browsing articles in "HTML"
Jan
22
2013

Validar formularios con JavaScript

Parsey.js es una muy completa biblioteca JavaScript para pura y exclusivamente validar formularios, de forma sencilla y rápida. Este proyecto combina la potencia de JavaScript para realizar verificaciones, permitiendo vincular sus funcionalidades con las de los frameworks más conocidos, como por ejemplo jQuery o Zepto. Otro detalle interesante de este proyecto para validar formularios, es que permite utilizar estructuras HTML perfectamente validas, en muchas oportunidades vamos a ver que para indicarle el tipo de dato a [...]

Sep
26
2012

Plugins jQuery indispensables para Diseño y Desarrollo Web

JQuery se a hecho muy popular para el desarrollo Web. Hay muchisimos plugins o herramientas con las cuales se pueden desarrollar websites usando html/css/javascript. Todas estas herramientas le hacen un poco mas facil el trabajo a los desarrolladores y aqui pongo una lista de esas herramientas que son muy buenos y ayudarian a todos en el desarrollo de una website. JQuery En si jQuery es una librería o framework javascript que nos permitirá interactuar con el HTML de [...]

Sep
21
2012

ToolTipster: Tooltip con jQuery y HTML5

ToolTipster es otro plugin jQuery para la creación dinámica de tooltips con la gran diferencia que utiliza HTML5 de forma valida siempre y cuando el navegador lo soporte. Este plugin cuenta con una gran compatibilidad entre los distintos navegadores, el mismo se encuentra testeado y funciona correctamente en Chrome, Safari, Firefox, Opera e Internet Explorer. Entre sus principales ventajas podemos destacar: Soporta etiquetas HTML dentro del tooltip. Es muy liviano. Es rápido de configurar y flexible. [...]

Apr
9
2012

Efecto de papel doblado para ocultar elementos con CSS3

PaperFold esta desarrollado utilizando tecnologías como CSS3, JavaScript y HTML5. Actualmente el proyecto es tan solo una propuesta de un desarrollador, pero viendo su buena aceptación no dudo que sea pulido y mejorado para ser utilizado de forma masiva. Visita la pagina de el plugin @ PaperFold

Dec
16
2011

Efectos Hover en imagenes con CSS3

Alessio Atzeni pone a nuestra disposición los ejemplos online para que podamos probarlos de forma directa. Al ser código HTML y CSS3 podemos investigar el código visualizando el fuente de la pagina. Para ilustrar un poco lo sencillo que resulta crear animaciones con CSS, colocó a continuación el ejemplo que realizo Alessio para generar el efecto de la captura. Estructura HTML: <div> <img src=”images/1.jpg” /> <div></div> <div> <a href=”#” title=”Full Image”>Full Image</a> </div> </div> CSS: .effect img { [...]

Dec
5
2011

Generador de tablas comparativas utilizando HTML y CSS

Compare Ninja es una aplicación online y gratuita que nos asiste en la tediosa tarea de crear tablas comparativas, utilizando para ellos solo HTML y CSS. De una forma muy simple y mecánica podemos crear nuestras tablas perfectamente estructuradas en apenas unos minutos. El proceso para crear nuestras tablas es muy sencillo, simplemente debemos ingresar por un lado los datos impredecibles como cantidad de columnas, categorías, ancho y titulo de la tabla. Y por el otro, [...]

Nov
14
2011

Paginar resultados con jQuery

jqPagination es un plugin desarrollado con jQuery que sirve para paginar resultados de forma sencilla. El plugin tiene un funcionamiento muy simple y permite crear resultados paginados mediante AJAX. Utilizar este  plugin es muy fácil, por un lado vamos a necesitar preparar nuestro documento HTML de la siguiente manera: <div> <a href=”#” data-action=”first”>&laquo;</a> <a href=”#” data-action=”previous”>&lsaquo;</a> <input type=”text” readonly=”readonly” data-max-page=”40″ /> <a href=”#” data-action=”next”>&rsaquo;</a> <a href=”#” data-action=”last”>&raquo;</a> </div> Finalmente vamos a inicializar el plugin: $(‘.pagination’).jqPagination({ paged: [...]

Pages:123»

Social Stats