Xtreme News & Web Design

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 [...]

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. [...]

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 { [...]

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, [...]

Bubble Point Tooltips es un plugin que modifica el comportamiento por defecto de la etiqueta title de los enlaces que se muestra comúnmente cuando posicionamos el puntero del ratón sobre un enlace con un fondo amarillo, bastante feo. Para ejecutar este plugin solo necesitamos inicializarlo con una simple linea de código. Ejemplo de uso: $(“article a[title]“).tooltips(); Pueden ver una demostración online directamente desde la demo disponible. Web Bubble Point Tooltips with CSS3 & 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: [...]

Lightbox es uno de los plugins más utilizados, es prácticamente imposible no encontrarse con algún sitio que lo utilice a lo largo de un día navegando en internet. Lo curioso de este famoso plugin es que cambio muy pero muy poco desde su primera versión, inclusive esto se vuelve más increíble si lo analizamos desde el punto de vista del surgimiento de CSS3, o inclusive HTML5, dos tecnologías que facilitarían muchísimo una implementación y resultado [...]