Posts Tagged JQuery
Posted on August 7, 2010 by Damian
Hoy cuando me levante se me ocurrió hacer una lista con los mejores blogs o webs sobre diseño web , programación , maquetación css, javascript y frameworks, etc . Como esto de “los mejores blogs” es muy amplio y según el parecer de cada uno la lista va a ser totalmente diferente me parece mejor hacer directamente una lista abierta donde cada uno pueda agregar la web que le parezca. Así que si conoces alguna web interesante o querés presentar la tuya deja un comentario con el link .
Otra cosa que pensé es dividirlos en categorías pero como la mayoría ocupan varias categorías es mejor que cada uno ponga al lado los principales temas que se tratan y simplemente los dividimos en 2 grandes grupos. Páginas en Ingles y en Español
Español
Timersys <—- JQuery ,PHP , tutoriales , recursos y mucho más @Damian Logghe
Anieto2K <—- Desarollo web, wordpress, fotografía ,etc @Andres Nieto
CSSBlog Es <—- CSS 100% y monton de recursos @Pedro Corchero Murga
Foros del web <—- Impresionante comunidad con miles de miembros activos dispuestos a ayudarte @Forosdelweb
LibrosWeb <—- Manuales completamente gratis de programación y diseño web.
Todo Tutoriales Web <—- Recursos y trucos para foroactivo, diseño, etc @Carlos
Ingles
WoorkUp <—- Recursos , tutoriales y artículos muy buenos @Antonio Lupetti
Smashing Magazine <—- Excelente web con miles de recursos gráficos @Smashing Mag
Nettuts+ <—- Página super completa con tutoriales y ejemplos de todos @nettuts
Ahora por favor colaboren que entre todos podemos hacer una buena lista. Saludos!!
Posted on July 21, 2010 by Damian
Hoy les traigo un pequeño recopilatorio de JQuery code snippets que hacen la vida más fácil. Aunque para la mayoría de estos ejemplos existen extensos plugins que hacen lo mismo, con unas simples lineas de código podemos realizar lo mismo y a su vez aprendemos como funciona.
Posted on May 28, 2010 by Damian
Hola a todos!! En este post no voy a explicar ningun plugin , ni hablar de JQuery , ni juegos , ni nada. Tan solo les quiero preguntar a ustedes, mis lectores ¿Que necesitan?
Si hace tiempo que buscan algun tutorial o tienen visto alguno que no deja de todo claro las cosas. Encontraron un plugin raro de JQuery y no le sacan la vuelta a como usarlo. No entienden bien algun tema de PHP o Mysql. Hoy están de suerte, dejen en los comentarios que necesitan y si puedo los iré ayudando.
Eso es todo , un saludo!!!
Posted on May 24, 2010 by Damian
En mi post anterior prometí que iba a explicar un poco de que trata GreaseMonkey y como lo prometido es deuda aca estamos.
Como bien dice la wikipedia Greasemonkey es una extensión para el navegador Mozilla Firefox e Iceweasel que permite, por medio de pequeñas porciones de código creadas por usuarios, modificar el comportamiento de páginas web específicas. Con esta extensión es posible mejorar la experiencia de lectura de un sitio web, hacerlo más usable, añadir nuevas funciones a las páginas web, corregir errores, mejorar servicios de búsquedas y muchas otras cosas más.
Estas pequeñas o no tan pequeñas porciones de código estan creadas por diversos usuarios de internet en lenguaje javascript y se les llama user scripts. Los nombres de dichos script tienen el formato xxxxxx.user.js , donde xxxxxx es el nombre que querramos ponerle.
Ahora veamos como es un user script por dentro empezando por la cabezera y sus @
// ==UserScript==
// @name eMessages Timersys
// @namespace http://blog.timersys.com
// @description eMessages tool to display messages in eRepublik
// @require http://direccionweb.com/jquery.js
// @include http://ww*.erepublik.com/*
// ==/UserScript==
- @name :nombre del programa
- @namespace :web del autor o otra dirección de interes
- @description :descripción del programa
- @include : Página web en la cual nuestro script funcionará
- @require : A diferencia del resto esta no es obligataria y tan solo la debemos usar cuando querramos cargar uno o más archivos externos. En este caso lo voy a usar para cargar JQuery
A partir de la cabezera todo lo que sigue es código Javascript. En nuestro caso podemos usar JQueryya que hemos incluido el archivo en la cabezera metadata.
Además Greasemonkey dispone de su propia API. Con la cual por ejemplo podemos hacer llamada AJAX de forma similar a como lo hacemos con JQuery.
jQuery(document).ready(function(){
GM_xmlhttpRequest({
method: 'GET',
url: 'http://blog.timersys.com/erepublik/ajax_progreso.php?usuario=12',
onload:function(response){
$('.column:first').prepend( response.responseText);
}
});
Con esta explicación se pueden dar un pequeña idea de como funciona GreaseMonkey. La mayor base de datos de user scripts está en userscripts.org
.
En taringa hay 2 buenos tutoriales para los que quieran empezar: Parte I + Parte II
Documentación de GreaseMonkey (en ingles)
Posted on May 1, 2010 by Damian
Download JQuery nightMode Plugin
/////////////////////////ESPAÑOL //////////////////////
Anoche estaba aburrido y me puse a trabajar en un plugin para JQuery ya que nunca habia echo ninguno . Así nacio nightMode Plugin que es simplemente un script chiquitito que cambia el color de las letras y el fondo de pantalla. Con eso logramos ahorrar un poco de energia apagando algunos pixeles de nuestra pantalla y además nos facilita la lectura. Espero que les guste!!
El color tanto de las letras o el fondo se puede cambiar pasando opciones.
Uso:
<a id="nightmode">Turn nightmode On/off</a>
$(document).ready(function(){
$('#nightmode').click(function(){
$('body').nightMode();
});
});
Tan solo cambiar body por cualquier selector válido
También se puede ejecutar con opciones
var options={
color: '#ffffff',
background:'#ccc'
}
$('body').nightMode(options);
Pueden probar como funciona haciendo click en la lamparita que aparece en la parte superior derecha de mi blog 
Descargar JQuery nightMode Plugin
////////////////////////ENGLISH/////////////////////////////
JQuery nightMode Plugin its a funny tiny plugin that will allow you to change your background and letter colors for a night mode. Saving energy turning off pixels of your screen and allowing you to have a confortable read .
Letter colors and background can be moddified by options
Ussage:
<a id="nightmode">Turn nightmode On/off</a>
$(document).ready(function(){
$('#nightmode').click(function(){
$('body').nightMode();
});
});
Just change body to any valid selector you wish
Can also be called with options:
var options={
color: '#ffffff',
background:'#ccc'
}
$('body').nightMode(options);
You can try how it works by clicking on the light bulb on the top right corner of my blog
Download JQuery nightMode Plugin
Posted on April 6, 2010 by Damian
Hace un tiempo escribí un post acerca de los acentos y caracteres especiales con AJAX y JQuery que explicaba como salvar este problema en los formularios enviados por AJAX.
El problema es que esta solución no abarca cuando con JQuery hacemos un .load() de información con AJAX y para variar nos salen cuadraditos o rombos negros con un signo de interrogación adentro. con caracteres como á, é, í, ó, ú ,Á, É, Í, Ó, Ú, ñ, Ñ ,º ,ö, Ö, ü, Ü, etc
Para salvar esto tan solo tenemos que configurar JQuery.ajax() de la siguiente forma:
$.ajaxSetup({
'beforeSend' : function(xhr) {
xhr.overrideMimeType('text/html; charset=iso-8859-1');
}
});
Con esa opción forzamos que el encabezado de respuesta sea iso-8859-1 y no UTF-8.
UPDATE:
Este método solo funciona con FF ya que IE no soporta xhr.overrideMimeType como bien comento Ignacio en los comentarios. Una forma de solucionar esto es hacer lo siguiente:
Modificar el codigo inicial
$.ajaxSetup({
'beforeSend' : function(xhr) {
try{
xhr.overrideMimeType('text/html; charset=iso-8859-1');
}
catch(e){
}
}});
Y luego hay que agregar en nuestro archivo PHP
<?php header( 'Content-type: text/html; charset=iso-8859-1' );?>
Mandando el encabezado con PHP lograremos que funcione en IE. Un saludo , hagan pruebas y comenten que yo no tuve mucho tiempo.
UPDATE II:
Ignacio comenta que para ASP habria que usar el metodo :
Response.ContentType=”text/html; charset=iso-8859-1?
Un saludo espero que les haya servido de ayuda.
« Older Entries
Con tu lector preferido.
Via Email.
Por Twitter.