Xtreme News & Web Design
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 [...]
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 [...]
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. [...]
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
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 { [...]
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, [...]
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”>«</a> <a href=”#” data-action=”previous”>‹</a> <input type=”text” readonly=”readonly” data-max-page=”40″ /> <a href=”#” data-action=”next”>›</a> <a href=”#” data-action=”last”>»</a> </div> Finalmente vamos a inicializar el plugin: $(‘.pagination’).jqPagination({ paged: [...]

An article by





