Joaquín Nuñez » html

Titulos al estilo Alejandro con jQuery

Joaquín Núñez — Tue, 09 Nov 2010 04:24:03 +0000

Este mini-plugin va en honor a Alejandro Adriasola amo y señor de las páginas web y el diseño.

Lo que hace es bien sencillo, toma un texto y lo junta envolviendolo con spans alternando las clases para obtener un lindo resultado si se usa con un css adecuado.

/* Copyright (c) 2009 José Joaquí­n Núñez (josejnv@gmail.com) http://joaquinnunez.cl/blog/

 * Licensed under CBSDLLIAT (http://twitter.com/joaquin_nunez/status/1852053223636992)

 *

 * Version : 0.1

 *

 * Requires: jQuery 1.4+

 */
(function($)

{

  jQuery.fn.AlejandroTitle = function(options)

  {

    var defaults = {

      firstClass:  ‘green’,

      secondClass: ‘gray’

    };
    var opts = $.extend(defaults, options);
    this.each(function(){

      var title = jQuery(this).html();

      var words = title.split(‘ ‘);

      var newTitle = ”;

      jQuery(words).each(function(index, word){

        cssClass = index % 2 == 0 ? defaults.firstClass : defaults.secondClass;

        newTitle += ‘+cssClass+‘">’ + word + ‘’;

      });

      jQuery(this).html(newTitle);

    });

  }

})(jQuery);

Disabling a input without using disabled=”disabled” with jquery

Joaquín Núñez — Sat, 13 Mar 2010 00:59:57 +0000


$('.you_cant_change_this_input_unless_you_have_linux_and_you_use_the_middle_mouse_button_or_you_use_a_javascript_console_a_bookmarklet_or_something_like_that').keydown(function(){
  return false;
}).mousedown(function(){
  return false;
});

jquery enable disable plugin

Joaquín Núñez — Thu, 11 Mar 2010 22:59:31 +0000

This plugin can disable or enable easily an input, textarea or another form element by using a radio button, checkbox or a drop-down list,… ok i know, it doesn’t sound like something amazing … is just a simple and flexible plugin for complex forms.

Homepage
Download
Demos
Documentation
jquery plugin page

greetings

(04-07-2010) update: drop-down list support was added by Ajay Sawant thank you!

form populator es aún más rápido

Joaquín Núñez — Fri, 22 Jan 2010 11:59:46 +0000

Bueno el titulo dice en gran parte que es lo nuevo de esta herramienta, para los que no la conocen, form populator es un generador de bookmarklets para completar tus formularios con datos reales completamente configurable.

El motivo de este post es contarles que he agregado un bookmarklet que recoge la información del formulario que quieran llenar, considerando lo lento del proceso anterior al hacerlo manualmente creo que amarán esta nueva funcionalidad. He subido un video tutorial para que puedan aprender a usarla.

Que es lo que viene?

Los siguientes pasos son migrar la herramienta entera a sourceforge.net, por lo que pueden imaginarse la herramienta será oficialmente open source.

Durante los próximos días haré un listado de lo nuevo que debería tener y lo pondré aquí esperando que puedan ayudar con sus comentarios. Algunas de las cosas nuevas que tengo en mente son:

Envio automatico del formulario
Soporte Safari
Creación de datos relacionados
Internacionalización
Nuevos tipos de datos: texto enriquecido, ciudades, comunas y paises, etc

Eso es todo por hoy saludos y bienvenidas sean sus sugerencias, criticas e insultos.

jquery css cleaner

Joaquín Núñez — Tue, 06 Oct 2009 14:45:34 +0000

this helper it’ll help you with the recognition of unused css selectors and properties/values, so you could delete this lines of your css file in order to make it lighter.

if you are this kind of person worried about the loading time, optimizing everything, you would find this script very useful and you’ll love it.

i’ve improved the style of this script and the last one for make it more presentable and useful, so enjoy it

(again) this script with a css compressor like this or this are a complet and useful tools for make your css files lighter

put this code in your html to try the script, you will see a box with the list of unused css in the right bottom

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://joaquinnunez.cl/download/jquery.css.cleaner.js"></script>

greetings

jquery seo mini helper

Joaquín Núñez — Tue, 29 Sep 2009 15:55:21 +0000

in SEO there are important tips like: an image must have a title and an alt text or a link must have title.
check all these thing is pretty bored…. so i wrote a jquery-based script that check for images or links without those things.

the result es very basic, don’t expect nothing very impressive or really advanced. the beatiful part is that you can navigate through your pages and see inmediately the results

this script plus the senseo addon for firebug are two very helpul tools for make SEO easy.

for use the script, you can put this code in your html file

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://joaquinnunez.cl/download/jquery.seo.js" type="text/javascript"></script>

enjoy :D

Horizontal ul li menu

Joaquín Núñez — Tue, 09 Jun 2009 00:55:25 +0000