Kernel Linux
Linux SmartCheap
XHTML, PHP y SQL
Plataforma OSOR
y mucho más…
Descarga | Linux+
Todo lo que quieres saber de Ubuntu y más…
Bueno al que lleve tiempo siguiendo el Blog, sabra que aparte de todo lo «Sobrenatural», soy bastante aficionado al tema de los «vampiros», ya sea peliculas, o literatura. Si alguien se ha leido ya 4 biografias de Vlad Tepes, no debe ser muy «normal», jaja. En fin, que acabo de enterarme que se estrena una nueva serie de Vampiros pero en esta ocasion creo que empezare a verla y no precisamente por el tema de vampiros, je.
JQuery es uno de los mejores frameworks (yo diria incluso que es el mejor) para la programacion en Javascript. Pero puede que te haya echado para atras el programar con su API. Eso ahora es más fácil con IxEdit.
La idea es que tu tienes tu pagina HTML normal. Entonces añades los includes de IxEdit (te descargas el pack desde la pagina oficial y la añades a tu pagina HTML, son basicamente 2 ficheros .js y 2 estilos .css).
Entonces recargas tu pagina HTML y ya te aparece el asistente de IxEdit (en Opera y Chrome directamente, en el caso de que uses Explorer o Firefox debes de tener instalado Gears previamente). Desde este asistente ya puedes ir programando de manera visual como quieres que se comporte tu pagina, por ejemplo, que al pulsar sobre tal boton, te añada un texto en esta caja de texto (ver imagen superior del post) y directamente IxEdit se encarga de generar el codigo javascript necesario para esa accion. En el siguiente video puedes ver mejor este funcionamiento:
Aqui puedes ver tambien unos ejemplos. No lo he probado porque yo ya tengo unos cuantos añitos programando con JQuery y prefiero hacerlo «a pelo», pero tal vez sirva para los que esteis empezando.
Estos pinceles son utiles por ejemplo si te dedicas a escribir posts o tutoriales y quieres resaltar alguna acción en alguna imagen al estilo «Pulsa aqui».
Descarga:
Puedes descargar el primer pack de pinceles desde este enlace y el segunda pack desde este enlace.
Instalacion:
Los pinceles son ficheros con extension .gbr (de «G»imp «Br»ushes), para instarlos busca en tu directorio Home, el directorio donde tengas instalado gimp (usa el comando ls -la para ver los ficheros ocultos). En mi caso por ejemplo:
La ultima version que tengo es .gimp-2.7 (usa tu la que corresponda en tu caso). Dentro de esa carpeta oculta de Gimp hay un directorio brushes que es donde tienes que copiar los ficheros .gbr que hayas descomprimido de los pack anteriores.
$ cp *.gbr /home/jose/.gimp-2.7/brushes
Una vez que hayas copiado los pinceles al directorio «brushes» reinicias Gimp y ya deberias poder usarlos desde la caja de herramientas, en la seccion «Pinceles». Si no estas muy acostumbrado a Gimp, es esa ventana donde sale el pincel como un punto gordo redondo, haz click con el raton sobre ese punto y se abrira una nueva ventana con todos los pinceles que tienes instalados, selecciona el deseado y ya podrás usarlo para pintar sobre la imagen. En esa misma ventana podras editar caracteristicas del pincel actual, como es su tamaño (Escala) o su angulo (rotacion).
Nota: Aunque todas estas cosas podemos hacerlas tambien muy facilmente con Shutter, lo veremos en otro post.
Este es un interesante tip para recuperar los parametros de una peticion URL con javascript. ¿Y para que me puede servir?. Bueno, por ejemplo podrias implementar un pseudo-servidor en una pagina HTML que te devolviera una respuesta u otra en función de algun parametro recibido (p.ej para probar algun desarrollo en local o extension de Chrome sin necesidad de utilizar un servidor real). El tema es analizar la cadena del queryString, sin más dejo el ejemplo (hasta 3 funciones diferentes):
<SCRIPT> // Ejemplo de pseudo server en pagina HTML //METODO 1 function queryString( name ) { name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( window.location.href ); if( results == null ) return ""; else return results[1]; } //METODO 2 function queryString2(parameter) { var loc = location.search.substring(1, location.search.length); var param_value = false; var params = loc.split("&"); for (i=0; i<params.length;i++) { param_name = params[i].substring(0,params[i].indexOf('=')); if (param_name == parameter) { param_value = params[i].substring(params[i].indexOf('=')+1) } } if (param_value) { return param_value; } else { return false; //Here determine return if no parameter is found } } //METODO 3 function getParameter3 ( queryString, parameterName ) { // Add "=" to the parameter name (i.e. parameterName=value) var parameterName = parameterName + "="; if ( queryString.length > 0 ) { // Find the beginning of the string begin = queryString.indexOf ( parameterName ); // If the parameter name is not found, skip it, otherwise return the value if ( begin != -1 ) { // Add the length (integer) to the beginning begin += parameterName.length; // Multiple parameters are separated by the "&" sign end = queryString.indexOf ( "&" , begin ); if ( end == -1 ) { end = queryString.length } // Return the string return unescape ( queryString.substring ( begin, end ) ); } // Return "null" if no parameter has been found return "null"; } } function json01() { document.write("{'id'='1','data'='pagina1'}"); } function json02() { document.write("{'id'='2','data'='pagina2'}"); } // buscamos por parametro "q" var pagina=queryString2("q"); // si q=1 devolver json 01 if (pagina=="1") json01(); // si q=2 devolver json 02 if (pagina=="2") json02(); // Ejemplo de uso: file:///home/jose/Escritorio/server.html?q=2 </SCRIPT>
Aunque me gusta más esta implementación basada en Jquery en la que se amplia la libreria con las nuevas funciones:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <SCRIPT> $.extend({ getUrlVars: function(){ var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }, getUrlVar: function(name){ return $.getUrlVars()[name]; } }); // Get object of URL parameters var allVars = $.getUrlVars(); // Getting URL var by its nam var byName = $.getUrlVar('q'); alert("parametro q es:"+byName); </SCRIPT>
Referencias | Jquery Howto | Web Borg | Net Lobo | The Pothoven
Ahora que estamos en plena «voragine» del mundial de fútbol, los mas forofos puede que estén interesados en usar las camisetas de su equipo preferido como avatar para las redes sociales. La solución:
Mas informacion y Enlace | Visual Beta
Comentarios recientes