Almost Geek

El posicionamiento seo es y será el futuro de las empresas en muchos años

2014-05-01T13:38:00.002-04:30

Como expresa muy claramente el título del artículo, el posicionamiento en los buscadores es el futuro de toda empresa que quiera evolucionar y sobrevivir. Puede que hace unos años fuese toda una novedad el hecho de que las empresas estuviesen presentes en la red, pero hoy en día nos encontramos en la era 2.0 y no es suficiente, para poder expandirnos y darnos a conocer, debemos destacar sobre el resto de empresas de nuestro mismo sector, y para ello recurrimos al SEO.

Las empresas deben llamar la atención de los usuarios que navegan por la red, y todos nosotros recurrimos a los buscadores más populares como Google o Yahoo para solventar nuestras dudas o bien encontrar tiendas online, empresas de un determinado sector…etc. Pero, ninguno de nosotros vamos a la página 20 de los resultados que los buscadores nos ofrecen, sino que solemos acceder a los de la primera página o incluso la segunda si se trata de algo poco común. Por este motivo las empresas luchan constantemente por aparecer entre los primeros resultados, es lo que llamamos posicionamiento web y lo que genera un increíble aumento del tráfico en la web.

Para mejorar dicha posición en los buscadores, debemos cumplir una serie de requisitos que cada buscador establece y además optimizar al máximo la web, tanto en contenidos como en diseño o dominios. Toda empresa debe contar con personal especializado en creación de webs e incluso hay numerosas empresas que se encargan de mejorar el posicionamiento de la web. El uso de palabras clave, de enlaces externos que estén directamente vinculados a la web propia o la presencia en las redes sociales, hace que nuestra empresa destaque y ascienda en la larga lista de webs de contenido similar. Los buscadores deben ver en nuestra web un gran trabajo de optimización y sobre todo, una valoración del contenido, pues de nada sirve llenar la web de contenido con palabras clave, títulos optimizados y enlaces, si luego nada de lo que aparece escrito en ella tiene algún sentido o interés para los usuarios.

Además de ser un recurso mucho más económico para las empresas, Internet ofrece un gran abanico de opciones a la hora de mejorar el posicionamiento y difundirse por la red, se trata de un gran mundo inmaterial en el que nos podemos comunicar con personas de todas partes del mundo y que nos afecta de dos modos diferentes al mismo tiempo, por una parte los millones de usuarios son clientes potenciales, pero también son competencia. Por este motivo debemos preocuparnos por nuestra imagen en la red y asegurarnos de mantener una web que represente nuestra empresa en la mejor posición posible de los buscadores más exigentes como Google.

En resumidas cuentas, ninguna empresa que hoy en día pretenda ser exitosa, lo logrará sin una buena presencia en Internet, y para ello no podrá más que rendirse a las exigencias de los buscadores para optimizar al máximo su web y sus contenidos.

Fuente

¿QUÉ ES EL WHITE HAT SEO Y EL BLACK HAT SEO?

2014-05-01T13:23:00.000-04:30

¿Qué es el White Hat SEO?

Una táctica, técnica o método SEO es considerado como White Hat si sigue estas pequeñas normas al pie de la letra:

Si se ajusta a las directrices de los motores de búsqueda.

Si no se trata de ningún engaño, o sea, si es que la persona no trata de engañar a los motores de búsqueda con algún truco para lograr los resultados SEO en poco tiempo.

Si se asegura de que el contenido indexado en los motores de búsqueda llegan a ser los mismos una vez que se ranquea y luego se arrojan los resultados para ofrecer lo que los usuarios buscan o verán. Si un artículo se indexa, luego se ranquea y un usuario busca ese mismo artículo, es lo que el usuario obtendrá de los motores de búsqueda.

Se asegura de que el contenido de una página web está orientado para los usuarios y no solo para los motores de búsqueda.

Se asegura la buena calidad de las páginas web.

Se asegura el contenido útil disponible en las páginas web.

En resumen: El White Hat SEO son las técnicas que todos los SEOs deberían de usar para ranquear una página web. Es lo que en el mundo del SEO está permitido. Siempre se recomienda hacer el White Hat SEO y no tratar de engañar ni a los motores de búsqueda, ni a nuestros visitantes. White Hat SEO es sinónimo de honestidad y definitivamente se obtienen los mejores resultados con él.

¿Qué es el Black Hat SEO?

Toda técnica, táctica o método SEO se le conoce como Black Hat si se aplican estas malas maniobras:

Tratar de clasificar o ranquearse en los motores de búsqueda con técnicas de engaño.

Redirigir los visitantes de una página con una temática ilegal hacia una página con temática legal. En este caso seria, mandar los usuarios de una página de contenido sexual hacia una página que hable sobre Android. Eso es totalmente penalizado.

Utilizar una página con la versión para las arañas de los motores de búsqueda y otra versión para los visitantes humanos. A esto se le conoce como la táctica de encubrimiento SEO y es totalmente ilegal.

Utilizar textos ocultos o invisibles. También la utilización de letras pequeñas o escondiéndolos en el código HTML.

Repetir las palabras clave en las meta etiquetas, y el uso de palabras clave que no están relacionadas con el contenido del sitio web. Esto se conoce como "Relleno de meta etiquetas".

Utilizar gran cantidad de palabras clave en una página para elevar el conteo de palabras clave, la variedad y la densidad de la página. A esto se le conoce como relleno de palabras clave.

Sé que estoy olvidando muchos otros factores, pero para no cansarlos con un artículo muy extenso tendré que dejarlo hasta aquí.

Si tratamos de incursionar en el mundo del SEO de una manera impecable, siempre tenemos que estar lejos de todas las técnicas del Black Hat SEO. No tratemos de curarnos el día y ver como engañamos a los motores de búsquedas, porque son más inteligentes que nosotros. Si tenemos la inteligencia para crear algún truco maligno y lograr los resultados del SEO en corto tiempo, no lo apliquemos, mejor tratemos de utilizar nuestra inteligencia, potencial, capacidad para ranquearnos de una manera legal y los motores de búsqueda nos amaran.

Ya lo saben, White Hat SEO es la parte divina del SEO, lo mejor, la positivo y el Black Hat SEO es el lado oscuro del SEO, los trucos malos, las mañanas, todo lo negativo, lo ilegal, lo malo, el mundo de Judas. Espero les haya gustado el articulo y nos vemos en la próxima entrada.

Libertagia, hoy por hoy es una gran oportunidad de negocio.

2014-04-28T00:37:00.001-04:30

Libertagia, hoy por hoy es una gran oportunidad de negocio.Libertagia te permite empezar a trabajar por Internet, sin que tus ganancias dependan de tus ventas.

Libertagia te pagará por solo visitar páginas Webs, así de sencillo. Registrate gratis y compruébalo tú mismo, introduce tus datos en este sitio:

Ganas $60 mensual con hacer unas simples tareas (ver 10 publicidades al día) que no te tomarán más de 15 minutos de tu tiempo al día. El retiro mínimo es $399 y se puede retirar siendo gratis o teniendo una membresía de pago.
Pero!!!.. para llegar a $399 existe un proceso.. no es llegar y multiplicar $60 x 7meses = $420
Es decir, no es simplemente esperar 7 meses haciendo tus tareas y entonces cobrar los $399. Que sencillo sería si fuera así. Pero Libertagia es un negocio de Multinivel donde debemos subir a paquetes mayores para recibir mejores ganancias..
Si tienes planeado estar 7 meses en Libertagia, y cobrar tus $399 y luego retirarte del negocio.. no te va a ser posible puesto que de $60 al mes que harías con tus tareas, la empresa te separa $40, para guardarlo para que puedas ascender a un plan mayor ya que la propuesta de Libertagia es que crezcas en el negocio y así puedas ganar más.
Es así que con los $20 restante mensual, te llevaría 15 meses para poder cobrar si tu interés es solo retirar apenas consigas los $399
Pero si eres de los que ven las oportunidades que ofrece la empresa aceptarás subir a un paquete mayor (booster) ¡¡a los 7 meses!!.. con el solo producto de las ganancias de las tareas y comenzar a ganar $100 en vez de $60 al mes, y luego esperar un tiempo más para subir al siguiente paquete "plata" (5 meses) o 2 meses si haces una buena red.. y así poder ganar más de tu red y poder llegar más pronto a tu primer retiro que es de $399,
La empresa te pagará una vez que tengas los $399 por medio de una tarjeta de débito emitida por la empresa cuyo valor es de $30 anual, o sino por transferencia bancaria a tu cuenta personal a tu banco

Importante.- Debes poner tus nombres, apellidos y Nº de documento de ID correctos para registrarte.. ya que no tendrás modo de cambiarlo una vez dentro. Después tendrás un tiempo desde el momento que te registras para registrar "otros" datos y enviar los documentos escaneados

Aviso a los ya registrados: las tareas son de Lunes a Domingo en el horario de Lisboa (Portugal).. Pero serán válidos solo 5 días, independientemente de cuales días uses a la semana. Se ha hecho así para facilitarnos el trabajo ya que por descuido podríamos pasar por alto uno o dos días y con 2 días extras tenemos para recuperarlo o sino para poder hacer nuestras tareas los sábados y domingos si así lo deseamos. Las tareas se reinician a las 00:00 hrs en el horario de Lisboa (Portugal)

En vista que algunos se equivocan en el primer paso de registro hice esta captura
solo debe poner sus 2 nombres, 2 apellidos, el Nº de su documento de identidad, un nickname o apodo, su propio correo electrónico, un pasword o clave, escribir el código o captcha.. y luego ENVIAR.

Video de presentación: Para comenzar tenemos un video de presentación que te explicará claramente acerca de lo que es LibertaGia

Modo de registrarse.
El modo de registro y autenticar tus datos podemos dividirlo en dos partes:

a) Al momento de registrarte
Recuerda poner estos 4 datos correctamente ya que "no" tendrás la opción de cambiarlos una vez dentro.

Esto tienes que hacer apenas te registres:

Nombres y apellidos completos (Por favor esto es importante, ya que deberá coincidir con el documento escaneado (ambas caras) que se enviarán a Libertagia después)
Nº del documento de identidad
Nick de Usuario o apodo.
Tu Email (es preferible que sea gmail, es más seguro)

b) Después de registrado

Ojo, Libertagia no te manda un Email de confirmación.. así que haciendo lo anterior ya estás registrado.
Lo que sigue a continuación puedes tomarte tu tiempo, pero ya deberías ponerlo correctamente.. y luego hacer click en la opción guardar o enviar (save)

Tu dirección actual donde vives (si es demasiado largo puedes ocupar el siguiente casillero)
Distrito
Ciudad
Pais
Código Postal
Nº de teléfono con código de País, area etc., (si no tienes dejar en blanco)

Además, hay 4 espacios por donde tendrás que enviar 2 documentos escaneados

1.- Documentación de identidad con foto (parte delantera)

2.- Documentación de identidad con foto (parte trasera)

3.- Un comprobante de domicilio que puede ser un recibo del agua, recibo de la luz, licencia de conducir, contrato de alquiler o cualquier otro documento que contenga la dirección y esté a tu nombre

Pero, si la dirección donde vives en la actualidad es igual como indica tu documento (parte trasera) vuelve a enviar la parte trasera en el 3er espacio.

4.- (4to espacio) En caso de vivir en casa ajena o no tener ningún recibo a tu nombre escanear y enviar una declaración jurada emitida por el dueño de la casa a tu nombre (en la página, en la sección alertas encontrarás la forma correcta de hacerlo) o sino visitar este enlace Declaración Jurada

Por último, si tu documento solo tiene parte delantera como es el caso de México y Venezuela, enviar solo esa parte en las casilleros 1, 2 y 3 (si tu dirección es correcta)

¿Porqué enviar tus documentos a LibertaGia? Porque LibertaGia está en contra de la multiplicidad de cuentas.. y con esto se consigue la autenticidad de la cuenta y que halla una sola persona por cuenta... LibertaGia es un sitio confiable.

PRESENTACIÓN DE ESTA GRAN OPORTUNIDAD

La página oficial de la empresa es: http://www.libertagia.com/ (pero no podrás registrarte por aquí, solo a través de mi enlace.. ya que es por invitación). Después de registrarte si puedes usar la página ya que es por donde debes loguearte y también puedes usar "Live in box" que es una especie de red social.

¿Cuales son las bondades de este negocio? Ojo, puedes empezar totalmente grátis.

• Gran oportunidad - la empresa fué oficialmente lanzada el 12 de octubre 2013, con una celebración de gala realizada en Lisboa, Portugal..

• La empresa es Legítima, con su oficina principal en Lisboa, Portugal - junto a la sede de Microsoft. En los próximos meses más oficinas se abrirán en todo el mundo. Los lugares ya confirmados son Malasia e Italia.

• Más de 13 meses trabajaron en el diseño de este proyecto, que está bien pensado, detallado y profesional en cada centímetro, iniciado por 12 inversores.

• El Presidente y CEO de LibertaGia es Rui Salvador, muy accesible líder de MLM (Multinivel) con amplia experiencia e innumerables éxitos internacionales en el campo.

-Puedes empezar con PAQUETE BRONCE - SIN INVERSIÓN INICIAL ! Esto es lo que lo hace realmente único - la compañía ofrece un paquete Bronce, que es totalmente gratuito y sin embargo puede producir $3 al día ($15 a la semana) de Lunes a Domingo por la realización de pequeñas tareas diarias. Habrá 10 tareas a realizar - en general, tomará alrededor de 10 a 20 minutos por día . Estos pueden conllevar el hacer clics en algunos sitios,.

-Con este paquete gratuito tienes la oportunidad de evaluar el producto y si te conviene ascender a un paquete mayor.

-El mínimo necesario para poder retirar es $300 y lo puedes hacer siendo bronce (gratuito) pero debes tener una gran red para que te ayude a llegar a esa cifra.

¿Qué es el saldo cautivo?
-La empresa te activa una cuota mensual de $40 que se te descontará de los $60 mensual que tu logres con tus tareas.. pero no es un saldo perdido sino que va a formar una cartera aparte que se irá acumulando mes a mes hasta que con ese dinero, más lo generado por tu red, más los $20 que queden de tus tareas mensualmente, sea suficiente para acumular los $399 que se necesita para subir a "bronce booster".. y comenzar a ganar el doble que como bronce.

Los paquetes habilitados actualmente son:

Paquete gratuito Bronce
Paquete bronce booster ($399 anual)

Paquete Plata ($899 anual)

Paquete Oro ($1599 anual)
Paquete Platino ($2,999 anual)
Paquete Visionario ($5,999 anual)

Este tipo de ganancia es sin la necesidad de recomendar el programa a los demás. Como la mayoría de la gente tiende a acercarse a las empresas de MLM (Multinivel) con escepticismo, requieren un poco de aliento al principio, por eso la empresa ha creado un paquete gratuito, donde los usuarios pueden obtener ingresos desde la nada y en cualquier momento actualizar su paquete a plata u oro cuando lo deseen.

Parque de las naciones en Lisboa (ciudadela donde se encuentran varias empresas)

Las 2 torres son edificios para vivienda y allí viven la mayoría de los directivos de las empresas entre ellos los directivos de LibertaGía

Por último.. no olvides que al registrarte debes colocar tus datos reales, ya que LibertaGía te pagará mediante una tarjeta si así lo decides y los datos deben ser reales.

Diez claves para mejorar la estrategia de 'networking'

2014-04-15T20:49:00.000-04:30

El 'networking' se trata de una actividad para incrementar la red de contactos profesionales y buscar oportunidades de negocio. En definitiva, consiste en conseguir contactos, y en una forma de venta personal. Hay que darse a conocer, y destacar tus habilidades.

Se trata de una herramienta que cada vez gana mayor importancia entre los profesionales, especialmente con el auge de los emprendedores y los profesionales por cuenta propia, ya que una buena red de contactos puede suponer una importante ventaja competitiva.

Sin embargo, hacer 'networking' no tiene por que ser fácil. No todo el mundo tiene facilidad para relacionarse con personas nuevas. A continuación presentamos diez consejos que pueden ser útiles para sacar el mayor partido posible al 'networking'.

1. Llegar pronto

Llegar antes de tiempo permite estar más relajado y participar en los grupos que se formen al principio. Llegar tarde puede significar que haya que interrumpir grupos ya formados.

2. Interactuar

No hay que quedarse callado esperando a que vengan a hablar con uno mismo. Hay que atreverse a dar el primer paso, comenzando con un saludo y una pregunta sencilla.

3. Sonreír

Mostrar una sonrisa es el primer paso para parecer agradable y afable. Hace que la gente quiera entablar conversación, y ofrece un aspecto más distendido.

4. No monopolizar

No hay que hablar todo el rato, ni monopolizar la conversación con sus intereses, su empresa y sus objetivos. Hay que escuchar. Prestando atención pueden descubrirse cosas muy interesas de la que se puede beneficiar.

5. Compartir la pasión

La empresa debe ser una pasión, y se debe hablar de ella con la misma pasión. Si uno mismo no cree en el negocio, ¿quién lo va a hacer? Hay que comentar de la creación de la compañía, de las bondades, etc.

6. Hablar de los contactos propios

El 'networking' consiste en establecer relaciones, así que es importante hablar de los propios contactos, ya que pueden interesar a los demás, y dará pie a que las personas que conozcas también hablen de los suyos.

7. Evitar los discursos

El 'networking' no es un negocio, sino un momento para establecer relaciones sociales, profesionales y personales. Hay que dejar de lado los grandes discursos, y hablar simplemente de intereses comunes y del negocio.

8. No tirar tarjetas

No hay que tirar las tarjetas sin mirar a quién. Primero hay que entablar una conversación, después pedir la tarjeta a los demás, y si es menester, dar la propia.

9. Analizar el 'networking'

Como en los negocios, hay que analizar los resultados. Tras el evento es conveniente realizar una lista con los puntos en los que se ha acertado y en los que se ha fallado. Hablar más o menos, realizar más contactos, dirigirse a los ponentes... así, cada evento será mejor que el anterior.

10. Seguimiento posterior

El 'networking' no finaliza con una reunión de un solo día. Tras dejar pasar unos días, es recomendable ponerse en contacto con las personas con las que se ha relacionado. Hay que crear grupos o integrarse en ellos para continuar con la relación.

Fuente: http://www.eleconomista.es/

¿Qué metas y etiquetas SEO debo poner el el HEAD de mi web?

2014-04-04T12:02:00.000-04:30

Yo siempre he sido partidaria de mantener un head relativamente limpio y estructurado en los sites donde he trabajado, sin embargo, con la proliferación de los etiquetados sociales y la carrera hacia la web semántica, se hace cada vez más complicado. ¿Realmente son necesarios todos?

Metadatos Dublin Core (DCMI): Es un movimiento de código abierto que contempla 15 MetaDatos diferentes con el objeto de atribuir significado a la web semántica y entre los que se incluyen algunos relativos a la propiedad intelectual.

<link rel=”schema.DC” href=”http://purl.org/dc/elements/1.1/” />

<meta name=”DC.title” content=”El título de mi página” />

<meta name=”DC.identifier” content=”http://www.midominio.com” />

<meta name=”DC.language” scheme=”ISO639-1″ content=”es” />

Para algunos SEO contribuye a mejorar el posicionamiento web, aunque yo tengo mis reservas, sobre todo desde el microformateo, al que también se han adaptado, ya que DublinCore sólo es aplicable a documentos HTML y XHTML (no pasa la validación W3C en HTML5) y sólo dotan cierta información técnica no atribuible a los metas tradicionales. No hacen mal pero todavía no tengo constancia que suban posiciones por emplearlos.

Microdatos en Metas: Se puede intentar aprovechar este tipo de etiquetado para configurar algunas Metas del site, como la descripción, pero soy más partidaria de emplearlos para lo que realmente han sido concebidos y que el famoso “itemprop” vaya en el body con su correspondiente contenido.

Open Graph y Twitter Cards: De este tema ya os han hablado mis compañeros,@chatunga en su artículo “Defensa apasionada del Metadata” y @pep en “Twitter Cards: etiqueta tu contenido para hacerlo más atractivo”, así que sobre su aplicación y uso no tengo nada más que añadir, salvo en lo relativo al SEO.

Si hablamos que ambos favorecen la compartición social de nuestro contenido, lógicamente son recomendables. No olvidemos que estamos dotando de información extra cada share, lo que no sólo permite aumentar el CTR y la interacción, sino que además aporta al robot un contexto más claro e individualizado de nuestras páginas, completándolo con la autoría y por tanto sumando puntos en AuthorShip y ViralScore.

Rel=”author”, Rel=”me” y Rel=”publisher”: Hablando de la relevancia de la autoría, no siempre tenemos correctamente vinculadas nuestras cuentas, ni Google nos lo pone tampoco fácil, únicamente tenemos que intentar enlazar Youtube con Google+ y con Adwords con mails de acceso diferentes en cada plataforma, cuando no te cargas una terminas con tres perfiles distintos en Google+ :S

Vincular el site de la empresa con cada una de nuestras páginas nos ayudará a decirle al robot quienes somos y dónde estamos. Twitter ya lo incorpora cuando ponemos nuestra web (ver imagen1), eso sí, acompañado de un maravilloso nofollow. Como el de Google+ cuando enlazamos el resto de nuestros perfiles sociales (ver imagen2), así que puede aprovecharse y meterse en el HEAD tipo <link rel=”me” type=”text/html” href=”https://plus.google.com/Micuentadegoogleplus” /> o bien (alternativa por la que abogo), incluirlo en los enlaces de canales sociales: <a href=”https://plus.google.com/Micuentadegoogleplus” title=“Perfil de Google+” rel=“me”>Google+</a>

Si conocéis algún etiquetado más que se me escape, además de los de siempre, soy toda ojos

Imagen: gabitogol en Flickr

Fuente: www.misapisportuscookies.com/

Como ocultar la ruta de un archivo en la descarga

2014-03-18T17:37:00.001-04:30

Una pregunta que más de una vez nos hemos planteado es como conseguir descargar archivos de manera segura cuando tenemos un sistema de autenticación con PHP. Más concretamente, con un sistema de autenticación como este solo podemos limitar el acceso a documentos con la extensión .php, por tanto un documento .zip, por ejemplo, no podría protegerlo. Más de uno diréis, pero si la ruta a ese archivo está dentro de una página Web protegida con PHP, no hay manera de poder acceder a el, y sí, es cierto, a menos que acierte por azar. Pero también es posible que un usuario identificado vea la ruta, y la publique por ejemplo en un foro. Con lo que si la ruta esta en un foro, ese archivo ya es accesible para todo el que vea el enlace y no tendremos ningún control sobre las descargas.

Pues bien, planteado en problema en su justa dimensión, necesitamos un script que contenga la dirección, y sin desvelarla, fuerce la descarga del archivo. De esta manera el usuario nunca podrá saber en que directorio se encuentra.

En nuestro caso, la carpeta en la que guardo los archivos, y que no quiero que se conozca se llama “carpeta_x” (obviamente lo digo por motivos didácticos, no tiene sentido decir el nombre de la carpeta que quieres ocultar), y el archivo se llamará “archivo.zip”. Lógicamente el nombre del archivo si lo conocerá el usuario una vez lo descargue. La cuestión es que, no se pueda saber el nombre de la carpeta o directorio que lo contiene de cara ha hacer la descarga. Sobre como limitar el acceso a este archivo a usuarios identificados es otro tema que lo veremos en un artículo destinado a ello.

Así, todo lo que tenemos que hacer para iniciar la descarga es enlazar el siguiente archivo, llamado "oculta_ruta.php":

<?php// Permite la descarga de un archivo ocultando su ruta $nombre = "archivo.zip";  $filename = "carpeta_x/archivo.zip";  $size = filesize($filename);  header("Content-Transfer-Encoding: binary");  header("Content-type: application/force-download");  header("Content-Disposition: attachment; filename=$nombre");  header("Content-Length: $size");  readfile("$filename");

?>

Fuente: http://www.uterra.com/

Diez maneras de ser muy feliz (avaladas por los científicos)

2014-01-30T09:35:00.000-04:30

La práctica totalidad de las ciencias ha estudiado qué nos hace felices y qué no y las respuestas son tan variadas como investigaciones se han hecho sobre el tema. El periodista Jeff Haden ha recogido algunas de las principales actitudes que contribuyen a nuestra felicidad, basándose en las observaciones de Belle Beth Cooper. Estas son, entre otras, diez de las conclusiones más sólidas.

1. Haz ejercicio. Aunque sea durante 7 minutos.

Con frecuencia pensamos que no tenemos tiempo para hacer ejercicio, pero sólo siete minutos son suficientes para hacernos un poco más felices. ¿No tenemos siete minutos que extraer de nuestro apretado horario?

El ejercicio tiene un efecto tan profundo en nuestra felicidad y en nuestro bienestar que se ha convertido en una estrategia eficaz para combatir la depresión. Así lo probaba un estudio citado en el libro de Shawn Achor The Happiness Advantage. En él tres grupos de pacientes deprimidos fueron tratados con medicación, con deporte o con una combinación de ambos. Los resultados son verdaderamente sorprendentes: todos los grupos experimentaron una mejoría. Sin embargo, fueron testados seis meses después para comprobar si se habían producido recaídas. Un 38% de los que sólo habían tomado medicación había retomado la depresión, un 31% de los que habían combinado medicación y ejercicio había recaído igualmente, y sólo un 9% de los que habían paliado su depresión con el deporte había recaído a los seis meses.

Los beneficios del deporte, sin embargo, no se limitan a las personas deprimidas. Igual que sus efectos son positivos en éstas, lo son en cualquiera que haga ejercicio y desee ser un poco más feliz a lo largo del día.

2. Duerme más: serás menos susceptible ante las emociones negativas

Dormir es muy importante para que el cuerpo se recupere de su actividad diaria, y tiene efectos muy positivos en nuestra alegría. Así lo confirman Po Bronson y Ashley Merryman en NurtureShock, donde aluden al hecho de que los estímulos negativos se procesan en la amígdala y los positivos y los neutrales en el hipocampo. La falta de sueño afecta con mayor intensidad al hipocampo, por lo que las personas que duermen mal tienen mayor tendencia a recordar con intensidad los eventos negativos y a olvidar los positivos.

La afirmación se sustenta con un experimento realizado por Walker en el que una serie de universitarios privados de sueño debían memorizar una lista de palabras. Recordaban el 81% de las palabras negativas, como cáncer, y sólo el 31% de las palabras positivas o neutras, como sol o baloncesto.

El humor con que afrontamos las primeras horas del día puede condicionar la jornada completa, de modo que es importante descansar bien.

3. Pasa más tiempo con los amigos y la familia

Suena tópico, pero no haber pasado el tiempo suficiente con los amigos y la familia es uno de los principales arrepentimientos que expresa la gente antes de morir. Interactuar con aquellos que nos aprecian y a los que apreciamos revierte positivamente en nuestro estado de ánimo. Así lo explica Daniel Gilbert, profesor de psicología de Harvard: "Somos felices cuando tenemos familia y somos felices cuando tenemos amigos, y casi todas las otras cosas que creemos que nos hacen felices son, en realidad, vías para tener más amigos y más familia".

En la misma línea, el estudio Terman, recogido en The Longevity Project, concluía que las relaciones con los demás son fundamentales para vivir una vida larga y feliz: "El beneficio más claro de las relaciones sociales viene de ayudar a los demás. Aquellos que ayudaban a sus amigos y sus vecinos, aconsejando y cuidando de los demás, tendían a vivir más que el resto".

4. Sal a la calle con frecuencia

En The Happiness Advantage Shawn Achor recomienda pasar tiempo al aire libre para aumentar la alegría y el buen humor: "Reservar tiempo para estar al aire libre cuando hace buen día proporciona grandes ventajas; un estudio reveló que pasar 20 minutos en la calle cuando hace buen tiempo no sólo propicia el buen humor, sino que desencadena la reflexión y mejora la memoria".

Así, aunque sea simplemente en el descanso para comer, reserva unos minutos al día para que te dé el aire.

5. Ayuda a los demás

Para ser felices nosotros mismos resulta imprescindible ayudar a los demás, y 100 horas al año (dos horas a la semana) parece ser el número clave de tiempo que debemos dedicar al resto. El Journal of Happiness Studies publicó una investigación que aludía al hecho de que la gente a la que se le había encargado comprar algo para otra persona experimentaba una felicidad mucho mayor que aquellos que se habían comprado algo a sí mismos.

De la misma manera que podemos invertir dinero en los demás, podemos invertir nuestro tiempo, lo que resulta ser incluso más satisfactorio y nos proporciona grandes dosis de alegría.

6. Sonríe

No se trata de fingir, pero sonreír nos puede hacer sentir mejor. Por supuesto, es importante que la sonrisa sea el producto de cultivar pensamientos positivos, como afirma un estudio de la Michigan State University. Éste sugiere que los que trabajan de cara al público, si fuerzan una sonrisa falsa a lo largo del día su estado de ánimo empeora y terminan por dejar el trabajo. Sin embargo, aquellos que sonríen como resultado de pensar en cosas positivas mejoran su estado de ánimo y están más alegres.

7. Planea un viaje, aunque no vayas a hacerlo

El mero hecho de planear un viaje o un descanso del trabajo puede contribuir al bienestar. Un estudio publicado en el Applied Research in Quality Life mostraba que el mayor pico de felicidad se experimentaba durante la planificación de las vacaciones, más que durante el propio viaje.

Ello está ligado al sentimiento de anticipación. Como refiere también Shawn Achor, "un estudio reveló que en la gente que pensaba que iba a ver su película favorita se elevaban los niveles de endorfina un 27%".

8. Medita

Un equipo de investigación del Massachusetts General Hospital realizó escáneres cerebrales a 16 personas antes y después de su participación en un curso de meditación de ocho semanas. El estudio, publicado en Psychiatry Research: Neuroimaging, concluía que tras completar el curso las partes del cerebro asociadas con la compasión y la consciencia propia habían crecido, mientras que las partes relacionadas con el estrés se reducían.

Además, meditar suele relajarnos y clarificar nuestra mente, lo que también contribuye a nuestra propia felicidad.

9. Múdate cerca del trabajo

El tiempo que nos cuesta llegar al lugar del trabajo tiene un gran impacto en nuestra felicidad. Al fin y al cabo, es algo que hacemos dos veces al día, cinco días a la semana, y la gente a la que le lleva mucho tiempo desplazarse o que lo hace de manera incómoda es menos feliz. Así lo dice The Art of Manliness: "Mientras que muchas condiciones no afectan a nuestra felicidad a largo plazo porque nos acostumbramos a ellas, nunca nos acostumbramos al esfuerzo diario de ir al trabajo. A veces el tráfico es espantoso y a veces no". Así lo decía también Gilbert: "Conducir en un atasco es un tipo distinto de infierno cada día".

10. Practica la gratitud

Estar agradecidos por las cosas que tenemos –lo que implica valorarlas en su justa medida– es muy importante para ser conscientes de nuestra felicidad y disfrutarla más. De hecho, los participantes de un experimento ligado a la gratitud debían, en primer lugar, escribir una lista de las cosas por las que estaban agradecidos, y ese simple hecho ya mejoró su estado de ánimo. Siempre de acuerdo con el refranero español, para el que "es de bien nacido ser agradecido".

Fuente: http://www.elconfidencial.com/

Lo que tienes que saber de los Framework para Wordpress

2014-01-23T23:39:00.000-04:30

Empecemos primero por definir ¿Qué es un framework para WordPress?. El término framework para WordPress, se refiere a una biblioteca de código que se utiliza para facilitar el diseño y desarrollo de un tema. Hace varios años, cuando WordPress iniciaba, existían algunos problemas con la forma en cómo los temas o plantillas eran desarrolladas y actualizadas. El equipo de desarrollo de WordPress y su comunidad decidió solucionar estos problemas mediante la introducción de los conceptos: “Parent Theme” (Plantillas Madre) y “Child Theme” (Plantillas Hijas).

Los frameworks para WordPress están destinados a ser utilizados como parent theme, y es aquí donde se encuentran todas sus funcionalidades – en una ubicación centralizada. Por ejemplo, si el equipo que desarrolla y actualiza WordPress decidiera eliminar una función del core de WordPress, sería realmente fácil realizar esa actualización sin modificar ningún elemento del child theme.

Tipos de Framework para WordPress:

Además de que existen frameworks gratuitos y frameworks de pago, los frameworks pueden ser clasificados en:

Frameworks tipo “Drag & Drop” ..

Hay frameworks para WordPress muy amigables para los principiantes, algunos incluyen funciones tipo “Drag & Drop” (Arrastrar y Soltar) como por ejemplo Headway Theme, permitiendo a los usuarios crear su sitio web de forma visual sin ningún conocimiento de códigos y programación.

Frameworks tipo “Semi – Drag & Drop” ..

Existen también frameworks “Semi – Drag & Drop” como Pagelines y Tesis. Estos frameworks permiten a los usuarios arrastrar y soltar secciones predefinidas (muy similar a la forma en que funcionan los widgets de WordPress).

Frameworks con Opciones de Personalización ..

Están también los frameworks que ofrecen miles de opciones, por ejemplo: Themify.

Frameworks para Desarrolladores ..

Y los frameworks ideales para los desarrolladores por sus ventajas en seguridad, eficiencia y opciones de optimización como Genesis Framework, Canvas – WooFramework y nuevamente Pagelines y Tesis.

Ventajas de utilizar un Framework en tu sitio web con WordPress:

Comunidad: Los frameworks más populares tienen una gran comunidad, esto permite que sea mucho más fácil conseguir respuestas a dudas y preguntas.
Facilidad de desarrollo: El uso de un framework permite estandarizar el proceso de desarrollo y facilitar tareas como mantenimiento y actualizaciones.
Funcionalidad: Todos los frameworks incluyen widgets y funciones adicionales de orígen.
Códigos limpios y bien documentados: A menudo los frameworks son revisados y auditados por especialistas en temas de seguridad, rendimiento y optimización.
Actualizaciones: La posibilidad de actualizar la versión de WordPress o el mismo framework, sin perder ninguna funcionalidad u opción de personalización en el child theme es una gran ventaja.

Frameworks que te recomendamos utilizar para tu sitio web con WordPress:

Para los principiantes, recomendamos iniciar con un framework visual como Headway Theme. Tiene una interfaz “Drag and Drop” que te permitirá crear un hermoso sitio web, rápidamente y sin necesidad de saber códigos y programación. Para los usuarios intermedios y avanzados que desean personalizar más opciones, tener un mayor control, y aprovechar al máximo el core de WordPress te recomendamos utilizar: Genesis Framework, Canvas -WooFramework o Tesis.

Fuente: http://mvkoen.com/

Varios códigos útiles para PHP

2014-01-23T23:31:00.000-04:30

SABER SI UN VALOR ES NUMÉRICO O NO:

$num = 5;

if(is_numeric($num)){

      echo 'Es numérico.';    

}else{

      echo 'No es numérico.';
}

CONTAR NÚMERO DE CARÁCTERES DE UNA CADENA:

$num = 5;
$cadena = 'Esta es una cadena. Visítanos en http://blog.reaccionestudio.com/';
echo 'La cadena tiene '.strlen($cadena).' carácteres.';

MOSTRAR UN CIERTO NÚMERO DE CARÁCTERES EN UNA CADENA DE TEXTO SIN CORTAR PALABRAS:

$cadena = substr($cadena,0,strrpos(substr($cadena,0,600),' ')); //600 ES EL LÍMITE DE CARÁCTERES.

AQUÍ UN EJEMPLO DE COMO CORTAR UNA CADENA SI ESTA SUPERA UN CIERTO NÚMERO DE CARÁCTERES:

if(strlen($cadena) > 600){ //SI LA CADENA ES MAYOR A 600 CARÁCTERES.

      $cadena = substr($cadena,0,strrpos(substr($cadena,0,600),' ')); //MOSTRAMOS LA CADENA HASTA 600 CARÁCTERES.
      echo $cadena.' [ ... ]';
}else{ //SI TIENE MENOS DE 600 CARÁCTERES, MOSTRAMOS LA CADENA COMPLETA.
      echo $cadena; 
}

FUNCIÓN PARA SUMAR DÍAS A UNA FECHA CON PHP:

function calcularFecha($dias){
      $calculo = strtotime('$dias days');
      return date('d/m/Y', $calculo);
}
//LLAMAMOS A LA FUNCIÓN
      echo calcularFecha(+30);

Fuente: http://blog.reaccionestudio.com/

Evitar inyección SQL limpiando las variables con PHP

2014-01-23T23:21:00.000-04:30

Cuando vamos a insertar datos a nuestra base de datos con PHP, tenemos que tener especial cuidado con las inyecciones SQL y demás intentos de que nos inserten datos maliciosos por parte de algún usuario. La siguiente función es probablemente la manera más completa y eficiente de limpiar una cadena de texto antes de insertarla en nuestra base de datos.

function cleanInput($input) {
  $search = array(
    '@<script[^>]*?>.*?</script>@si',   // Elimina javascript
    '@<[\/\!]*?[^<>]*?>@si',            // Elimina las etiquetas HTML
    '@<style[^>]*?>.*?</style>@siU',    // Elimina las etiquetas de estilo
    '@<![\s\S]*?--[ \t\n\r]*>@'         // Elimina los comentarios multi-línea
  );
    $output = preg_replace($search, '', $input);
    return $output;
  }
function sanitize($input) {
    if (is_array($input)) {
        foreach($input as $var=>$val) {
            $output[$var] = sanitize($val);
        }
    }
    else {
        if (get_magic_quotes_gpc()) {
            $input = stripslashes($input);
        }
        $input  = cleanInput($input);
        $output = mysql_real_escape_string($input);
    }
    return $output;
}

Un ejemplo de cómo usar esta función:

$cadena_maliciosa = "Hola <script src='http://www.evilsite.com/bad_script.js'></script> Es un buen día!";
$cadena_limpia = sanitize($cadena_maliciosa);
// $cadena_limpia devuelve "Hola! Es un buen día!"
// También lo puedes usar para las variables POST/GET
$_POST = sanitize($_POST);
$_GET  = sanitize($_GET);


Fuente: http://blog.reaccionestudio.com/

CKEditor – Editor WYSIWYG gratuito

2014-01-23T23:15:00.000-04:30

Hola a todos, esta vez os traigo CKEditor, el cual es un editor WYSIWYG gratuito, para los que no sepan que es un editor WYSIWYG aquí les dejo esta definición:

“WYSIWYG es el acrónimo de What You See Is What You Get (en inglés, “lo que ves es lo que obtienes”). Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso.”

En efecto, es un editor HTML, su objetivo es transformar todo lo que escribimos en HTML, añadiendo sus párrafos, saltos de linea, el formato que le damos al texto, etc, ya que en HTML todas estas cosas se hacen con código. Entonces su función es tan simple como poner a untextarea de nuestra página web con la clase de CKEditor y ya tenemos nuestro editor WYSIWYG, así de rápido y fácil.

Podeis ver una DEMO y DESCARGARLO en su página oficial:

Sitio web: http://ckeditor.com/

Fuente: http://blog.reaccionestudio.com/

15 tips para desarrolladores de jQuery

2014-01-22T14:11:00.004-04:30

jQuery es actual referencia en construcción de paginas web cada vez más prácticas. En este artículo te mostramos 15 técnicas de jQuery, las cuales serán de gran ayuda para el uso de esta librería, comenzando con unos tips de rendimiento y continuaremos con algunas de las características menos vistas.

1) Usa la última versión de jQuery

Sonará tonto, pero con toda la innovación en el proyecto de jQuery, una de las maneras más fáciles de mejorar el rendimiento de tu sitio web es utilizar simplemente la última versión de jQuery. Cada versión de la biblioteca presenta optimizaciones y correcciones de errores, y la mayor parte de la mejora en el tiempo implica solamente cambiar una etiqueta de script.

Puedes incluir directamente la librería de jQuery desde el servidor de Google, el cual provee un hosting libre para una serie de librerías Javascript.

<!– Incluye una versión específica de jQuery, la versión 1.10.2 –>

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js“></script>

<!– Incluye la última versión. Esta librería depende de la anterior presentada –>
<script src=”//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js“></script>

El último ejemplo incluye la última versión 1.10.x de forma automática a medida que esté disponible, esto está almacenado en caché sólo durante una hora, así que es mejor no utilizarlo en entornos de producción.

2) Usa los selectores simples

Hasta hace poco, la recuperación de los elementos DOM con jQuery fue una combinación finamente coreografiada de analizar cadenas de selectores, bucles de JavaScript y APIs incorporadas como getElementById(), getElementsByTagName() y getElementsByClassName(). Pero ahora, todos los principales navegadores soportan querySelectorAll(), que entiende los selectores CSS de consulta y trae una ganancia significativa de rendimiento.

Sin embargo, debes tratar de optimizar la manera de recuperar los elementos. Por no hablar de que muchos usuarios siguen utilizando navegadores antiguos que obligan a jQuery a recorrer el árbol DOM, lo cual lo hace más lento.

$(’li[data-selected="true"] a’)    // Funciona, pero lento
$(’li.selected a’)    // Bueno
$(’#elem’)    // Mejor

La selección por id es el más rápido. Si usted necesita seleccionar por nombre de clase, colocas como prefijo la siguiente etiqueta - $(’li.selected’). Estas optimizaciones afectan principalmente a los navegadores antiguos y dispositivos móviles.

Accediendo al DOM siempre será la parte más lenta de todas las aplicaciones de JavaScript, por lo que minimizar código es beneficioso. Una de varias maneras de hacer esto es almacenar en caché los resultados que jQuery arroja. La variable que elija va a contener un objeto jQuery, que se puede acceder más tarde en su script.

var buttons = $(’#a.button navegación’);

// Algunos prefieren prefijar sus variables con $:
var $buttons = $(’#navigation a.button’);

Otra cosa a destacar, es que jQuery ofrece un gran número de selectores adicionales para mayor comodidad, como por ejemplo :visible, :hidden, :animated y más, que no son selectores CSS3 válidos. El resultado es que si las utilizas entonces la librería no puede utilizar querySelectorAll(). Para remediar la situación, puedes primero seleccionar los elementos que deseas trabajar, y más tarde filtrarlos, así:

$(’a.button:animated’); // No usa querySelectorAll()
$(’a.button’).filter(’:animated’); // Si lo usa

El resultado anterior es exactamente lo mismo, con la excepción de que el segundo es más rápido.

3) Objetos jQuery como Arrays

El resultado de ejecutar un selector es un objeto jQuery. Sin embargo, la biblioteca hace que parezca como si estás trabajando con una matriz mediante la definición de los elementos de índice y una longitud.

// Seleccionando todos los botones de navegación:
var buttons = $(’#navigation a.button’);

// Podemos iterar a través de la colección:
for(var i=0;i<buttons.length;i++){
console.log(buttons[i]); // Un elemento DOM, no es un objeto jQuery.
}

// Incluso podemos cortarlo:
var firstFour = buttons.slice(0,4);

Si después te dedicas al rendimiento, mediante un procedimiento sencillo con un for (o while) en lugar de $.each(), puedes hacer que el código vaya varias veces más rápido.

Comprobando la longitud es también la única manera de determinar si tu colección contiene elementos.

if(buttons){ // Esto es siempre cierto
// Haz algo
}

if(buttons.length){ // Verdad sólo si los botones contienen elementos
// Haz algo
}

4) La propiedad selector

jQuery provee una propiedad la cual contiene selectores que son usados para iniciar una cadena.

$(’#container li:first-child’).selector // #container li:first-child
$(’#container li’).filter(’:first-child’).selector // #container li.filter(:first-child)

Aunque los ejemplos anteriores se dirigen a un mismo elemento, los selectores son bastante diferentes. La segunda sentencia no es válido en realidad, no la puedes utilizar como base de un nuevo objeto jQuery. Sólo demuestra que el método de filtrado se utiliza para reducir la colección.

5) Crear un objeto jQuery vacío

Crear un nuevo objeto jQuery puede traer un significante gasto. Algunas veces, podrías necesitar crear un objeto vacío, y llenarlo con el método add().

var container = $([]);
container.add(another_element);

Esta es también la base para el método quickEach() que se puede utilizar como una alternativa más rápida a los valores del each().

6) Seleccionar un elemento al azar

Como he mencionado anteriormente, jQuery añade sus propios filtros de selección. Al igual que con todo lo demás en la biblioteca, también puedes crear el tuyo propio. Para ello sólo tienes que añadir una nueva función a los objetos $.expr[':']. Un impresionante caso de uso fue presentado por Waldek Mastykarz en su blog: la creación de un selector para recuperar un elemento aleatorio. Puedes ver una versión ligeramente modificada de su código abajo:

(function($){
var random = 0;

$.expr[':'].random = function(a, i, m, r) {
if (i == 0) {
random = Math.floor(Math.random() * r.length);
}
return i == random;
};

})(jQuery);

// Así es como se usa:
$(’li:random’).addClass(’test_class’);

7) Usar los Ganchos (Hooks) de CSS

El API de ganchos (Hooks) en CSS se introdujo para dar a los desarrolladores la capacidad de obtener y establecer valores CSS particulares. Al usarlo, puedes ocultar las implementaciones específicas del navegador y exponer una interfaz unificada para acceder a las propiedades particulares.

$.cssHooks['borderRadius'] = {
get: function(elem, computed, extra){
// Dependiendo del browser, lee el valor de
// -moz-border-radius, -webkit-border-radius o border-radius
},
set: function(elem, value){
// Establece la propiedad CSS3 apropiada
}
};

// Usa el código sin preocuparte de cuales propiedades realmente entiende navegador:

$(’#rect’).css(’borderRadius’,5);

Lo que es aún mejor, es que la gente ya ha construido una amplia biblioteca de ganchos CSS que puede utilizar de forma gratuita en tu próximo proyecto.

8 - Usa la flexibilización de las funciones personalizadas

Probablemente has oído hablar de la flexibilización del plugin de jQuery por ahora, que le permite añadir efectos a tus animaciones. El único inconveniente es que esto presenta otro código JavaScript que los visitantes tienen que cargar. Por suerte, sólo tienen que copiar el efecto que necesitan del archivo plugin, y agregarlo al objeto jQuery.easing:

$.easing.easeInOutQuad = function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((–t)*(t-2) - 1) + b;
};

// Para usarlo:
$(’#elem’).animate({width:200},’slow’,'easeInOutQuad’);

9) El $.proxy()

Una de las desventajas de utilizar el retorno en funciones de jQuery siempre ha sido que cuando se ejecutan por un método de la biblioteca, el contexto se establece en un elemento diferente. Por ejemplo, si usted tiene este marcado:

<div id=”panel” style=”display:none”>
<button>Cerrado</button>
</div>

Y tratas de ejecutar este código:

$(’#panel’).fadeIn(function(){
// Esto apunta a #panel
$(’#panel button’).click(function(){
// Esto apunta al botón
$(this).fadeOut();
});
});

Tu te encontrarás con un problema, el botón desaparecerá, más no el panel. Con $.proxy, puedes escribirlo así:

$(’#panel’).fadeIn(function(){
// Usando $.proxy para enlazarlo:

$(’#panel button’).click($.proxy(function(){
// Esto apunta a #panel
$(this).fadeOut();
},this));
});

La función de $.proxy toma dos argumentos, su función original, y un contexto. Se devuelve una nueva función en la que el valor de este es siempre fija al contexto. Puedes leer más acerca de $.Proxy en la documentación.

10) Determina el Peso de tu página

Un hecho simple: cuanto más contenido tu página tiene, más el tiempo que tarda el navegador para renderizar. Puedes obtener un conteo rápido del número de elementos DOM en tu página ejecutando esto en la consola:

console.log ($(’*').length);

Cuanto menor sea el número, más rápida será el renderizado de la página web. Puedes optimizar mediante la eliminación de marcas redundantes y elementos de envoltura innecesarios.

11) Convierte tu código en un plugin jQuery

Si inviertes un poco de tiempo en escribir un fragmento de código jQuery, considera convertirlo en un plugin. Esto promueve la reutilización de código, limita las dependencias y ayuda a organizar la base del código de su proyecto.

La creación de un plugin de jQuery no podría ser más fácil:

(function($){
$.fn.yourPluginName = function(){
// Tu código va aquí
return this;
};
})(jQuery);

Lee el tutorial detallado en convierte el código jQuery en un plugin.

12) Ajusta los valores por defecto de AJAX

Cuando se activen las peticiones AJAX en tu aplicación, a menudo será necesario que muestres algún tipo de indicación de que una solicitud está en curso. Esto se puede hacer mediante la visualización de una animación de carga, o mediante una superposición oscura. La gestión de este indicador en la llamada $.get o $.post puede convertirse en algo tedioso.

La mejor solución es establecer valores predeterminados y globales de AJAX utilizando uno de los métodos de jQuery.

/ / AjaxSetup es útil para configurar los valores predeterminados generales:

$.ajaxSetup({
url: ‘/ajax/’,
dataType: ‘json’
});

$.ajaxStart(function(){
showIndicator();
disableButtons();
});

$.ajaxComplete(function(){
hideIndicator();
enableButtons();
});

/*
// Métodos adicionales que puedes usar:
$.ajaxStop();
$.ajaxError();
$.ajaxSuccess();
$.ajaxSend();
*/

Lee la documentación acerca de funcionalidad de AJAX en jQuery.

13) Usa delay() para las animaciones

Encadenamiento de efectos de animación es una herramienta poderosa en la caja de herramientas de todos los desarrolladores de jQuery. Una de las características más pasada por alto es que se puede introducir retrasos entre las animaciones.

// Esto está mal:
$(’#elem’).animate({width:200},function(){
setTimeout(function(){
$(’#elem’).animate({marginTop:100});
},2000);
});

// Hazlo así:
$(’#elem’).animate({width:200}).delay(2000).animate({marginTop:100});

Para apreciar la cantidad de tiempo que salvamos de la animación de jQuery(), imagínate si tuvieras que manejar todo tu mismo: lo necesario para establecer tiempos de espera, analizar los valores de propiedad, realizar un seguimiento del progreso de la animación, cancelación, cuando proceda y actualizar numerosas variables en cada paso.

Lea la documentación sobre animaciones jQuery.

14) Usa los atributos de datos de HTML5

Los atributos de datos HTML5 son un simple medio para integrar los datos en una página web. Es útil para el intercambio de datos entre servidor y el front end, algo que solía exigir la salida de bloques <script> o marcas ocultas.

Con los recientes cambios a los datos del método jQuery(), atributos de datos de HTML5 son atraídos automáticamente y están disponibles como entradas, como se puede ver en el siguiente ejemplo:

Para acceder a los atributos de datos de este div, utilizaría código como el siguiente:

$(”#d1″).data(”role”);            // “pagina”
$(”#d1″).data(”lastValue”);        // 43
$(”#d1″).data(”hidden”);        // true;
$(”#d1″).data(”options”).name;    // “Juan”;

Lee mas acerca de data() en la documentación de jQuery.

15) Almacenamiento local y jQuery

El almacenaje local es un simple API para guardar la información en el lado del cliente. Simplemente agregando tu data como una propiedad global del objeto localStorage:

localStorage.theData = “Esto va a ser guardado entre las páginas refrescadas y los browsers reiniciados”;

Las malas noticias es que no es soportado por viejos browsers. Esto es donde tu puedes usar uno de los muchos plugins de jQuery que proveen otras soluciones en caso de que localStorage no esté disponible, lo cual hace que el almacenaje del lado del cliente funcione casi siempre.

Aqui hay un ejemplo usando $.jStorage jQuery plugin:

// Revisa si la llave existe en el almacenaje
var value = $.jStorage.get(”key”);
if(!value){
// si no - carga la data desde el servidor
value = load_data_from_server();
// y salvalo
$.jStorage.set(”key”,value);
}

Si tienes alguna sugerencia que no has visto en la lista, utiliza la sección de comentarios para compartirla con nosotros.

Fuente y Traducción realizada por elWebmaster.com

7 gestores de archivos gratuitos con PHP/AJAX

2014-01-19T18:58:00.000-04:30

Si estás buscando un gestor de archivos gratuito programado en PHP y que utilice AJAX, echa un vistazo a la siguiente lista que contiene los mejores gestores de archivos totalmente gratuitos y personalizables. Podrás hacer todo lo que necesites, listar directorios y archivos, buscar, subir y descargar archivos, editar, copiar, mover, eliminar y mucho más.

Si conoces algún otro gestor de archivos gratuito, por favor no dudes en dejarnos tu comentario.

1) eXtplorer

Las características de eXtplorer son las siguientes:

Listar archivos y directorios.
Renombrar, editar, copiar, mover, eliminar archivos.
Buscador.
Subir y descargar archivos.
Crear y extraer archivos.
Cambiar los permisos.
Etcétera

2) KFM File Manager

KFM es un gestor de archivos Open Source, y eres totalmente libre de utilizarlo para cualquier proyecto, tanto gratuito como comercial. Veamos algunas de sus características:

Drag & Drop de archivos y carpetas.
Plugins.
Manipulación de imágenes.
Slideshows.
Fácil instalación y actualización.
Resaltado de sintaxis.
Buscador.
Tags.
Multi-idioma

Página web: http://kfm.verens.com/

3) Relay

Relay es un gran gestor de archivos bastante cómodo para subir y descargar archivos en tu servidor, sus características son las siguientes:

Drag & Drop de archivos y carpetas.
Barra de progreso al subir archivos.
Vista de thumbnails, también los PDF.
Múltiples usuarios.

Página web: http://ecosmear.com/relay/

4) MooTools based FileManager

Un gestor de archivos basado en MooTools que te permite (pre)visualizar, subir y modificar archivos y directorios vía web. Sus características son:

Renombrar, Eliminar, Mover (Arrastrar y soltar), Copiar y descargar archivos.
Ver imágenes, archivos de texto, archivos comprimidos o archivos de audio.
Subir archivos vía FancyUpload
Buena interfaz de usuario
Opción para poder redimensionar imágenes grandes cuando se suben al servidor.

Página web: http://og5.net/christoph/article/MooTools_based_FileManager

5) File Thingie

File Thingie es un ligero gestor de archivos en PHP. Está destinado para aquellos que necesiten dar acceso a otros usuarios al servidor o a cierta parte del mismo cuando el FTP no es lo suficientemente práctico para dicha tarea. Sus características son las siguientes:

Sencillez
Subida múltiple de archivos/li>
Múltiples usuarios y grupos.
Creación de subdirectorios.
Renombrar, mover, eliminar y copiar archivos y directorios.
Buscador de archivos y carpetas.
Editor de archivos.
Descompresión de archivos ZIP sin tener que descargarlos.
Sencilla personalización de la plantilla con CSS.
Traducción para tu idioma.

Página web: http://www.solitude.dk/filethingie/

6)FileNice

FileNice es un gestor de archivos gratuito, personalmente es bastante útil si tienes algún directorio en tu servidor que utilizas regularmente para subir archivos y necesitas ver que tienes ahí.

Página web: http://filenice.com/

7) AJAXPLORER

AjaXplorer es un gestor de archivos gratuito con Ajax además de una sencilla instalación. Es bastante accesible y sencillo para cualquier usuario que lo vaya a utilizar.

Sus características son las siguientes:

Renombrar/Copiar/Mover/Eliminar/Descargar archivos y directorios.
Subida de múltiples archivos con barra de progreso. (Se necesita flash)
Creación de directorios y archivos.
Edición de archivos (txt, php, js, html, java, sql, perl), cuenta con resaltado para la sintaxis de cada lenguaje.
Previsualización de imágenes.
Permite escuchar MP3s de forma online sin tener que descargarlos.
Ver videos Flash (FLV) de forma online y a pantalla completa.
Examinar y extraer archivos ZIP de forma online.

Página web: http://www.ajaxplorer.info/

Fuente: http://blog.reaccionestudio.com/

Calcular si un año es bisiesto en Javascript

2014-01-15T22:32:00.001-04:30

Una de los primeros ejercicios que se hacen en cualquier lenguaje de programación es el de calcular si un año es bisiesto o no. Generalmente se usa la regla de si el año es divisible por 4 pero no divisible por 100 salvo en el caso de ser divisible por 400.

Un ejemplo de código puede ser el siguiente:

function fEsAnioBisiesto(Anio)
{
    var checkYear = (((Anio % 4 == 0) && (Anio % 100 != 0)) || (Anio % 400 == 0)) ? 1 : 0;
    if (! checkYear )  
        return false;
    else 
        return true;
}

Calcular si un año es bisiesto en PHP

2014-01-15T22:14:00.001-04:30

function esBisiesto($year){
   if((!($year%4) && ($year%100)) || !($year%400)){
      return TRUE;
   }else{
      return FALSE;
   }
}

Sin embargo, podemos aplicar la regla de oro de la programación: Antes de programar algo, comprueba si ya esta programado (y copialo).

function esBisiesto($year){
   return date('L',mktime(1,1,1,1,1,$year));
}

La función date(‘L’) nos devuelve un 1 si es bisiesto y 0 si no lo es. Gracias a mktime calculamos un tiempo que entre dentro del año que le pasamos.
A veces dar una vuelta por php.net nos puede ahorrar algo de tiempo y enseñarnos nuevas formas de usar funciones tan conocidas como “date”

20 Tips para ser un buen programador

2013-11-23T01:34:00.001-04:30

En la red hay muchos tips, incluso ciento de estos así que pondremos los mejores o que mas se adecuan a nuestra persona.

Al final puedes dejarnos tu tips en los comentarios si es que no lo encuentras en los siguientes:

1. Estudia, estudia y estudia
El estudiar nos permite perfeccionarnos, cuanto mas estudiemos mas oportunidades de programar mejor tendremos, no solamente estoy hablando de universidades, ni tampoco de cursos, hoy por hoy gracias a internet existen infinidad de tutoriales y manuales, sin ir mas lejos el sitio oficial de PHP es realmente muy bueno.

2. Busca antes de preguntar
Esto es un mal común del que quiere aprender a programar, es mas fácil preguntarle a alguien que sepa, pero realmente no tiene que ser así por varias razones, primero por que es algo de muy de vago, luego que cuando alguien nos da la respuesta fácil no aprendemos nada, lo interesante cuando se nos presenta un problema es buscar la solución nosotros mismos, sino damos con la respuesta recién ahí preguntar, este ejercicio realmente es muy beneficio, nos permite preparar nuestra cabeza para solucionar futuros problemas.

3. Busca scripts ya desarrollados
Por lo general podemos encontrar muchas funciones, scripts listos para utilizar, pero lo interesante es estudiarlos, ver como funcionan, de ahí aprendemos si copiamos y pegamos vamos mal.

4. Lee el código fuente libre
Yo muchas veces descargo algunas aplicaciones para ver como están programadas, de verdad que se aprende mucho, a medida que realicemos esta practica cada vez iremos aprendiendo mas, en especial si estas aplicaciones son de uso popular en donde miles de programadores del mundo “meten” mano para mejorarla. Un buen ejemplo de esto es WordPress.

5. No copies y pegues
Es fácil, entramos a google buscamos una función que sirva para lo estamos necesitando y listo. Pero la realidad es que no siempre lo que descargamos es correcto, y si luego tenemos que solucionar un problema lo mas probable es que no tengamos ni idea por donde empezar. Ni hablar del factor aprendizaje cero que esta practica implica.

6. Buscar el momento para programar
Estas sentado delante de tu ordenador, llaman por teléfono, tu compañero de trabajo o familiar te pregunta algo, realmente es lo mas molesto e incomodo que hay, es difícil concentrarse, es preferible hacer algo mas “Light” antes de programar algo mal y después tener que arreglarlo.

7. Ten tu propia Wiki
Esto lo recomiendo muchísimo, es muy sencillo instalar una Wiki en nuestra pc, simplemente podemos descargar el Easyphp y tener en nuestro ordenar un servidor funcional, y mejor aun si quieres hacer la instalación “a mano”. La wiki es interesante para poder almacenar rutinas que usamos frecuentemente, en mi caso suelo guardar validaciones, etc. Una vez que aprendimos a hacer algo y lo tenemos lo mejor posible es interesante tenerlo a mano para no perder tiempo escribiendo lo mismo una y otra vez.

8. Comenta todo lo que sea necesario
Escribir comentarios en el código suele ser bastante molesto y parecer innecesario, pero comentar las cosas importantes nos puede ahorrar mucho tiempo cuando tengamos que retocar el código meses después.

9. Participa en foros/comunidades
Es interesante para interactuar con otras personas que estén en nuestra misma sintonía, muchas veces ayudaremos nosotros y otra vez nos podrán ayudar. En línea general estas comunidades tienen muy buena onda, y la ayuda mutua es lo que abunda, unas líneas de código pueden ser útiles para muchas personas, de ahí que entre todos se puede perfeccionar. Recuerden respetar el punto 2.

10. Habla con otros programadores
Mensajería instantánea, en un café, por teléfono, etc. Es interesante tener amigos que están en lo mismo, no solamente por el tema de la ayuda mutua, estos grupos suelen ser también de ayuda “emocional” del programador, unos chistes, algún comentario puede ser una inyección de energía para continuar con un problema que no podemos resolver.

11. Tiempo libre para otras cosas
Me encanta programar, pero entendí que no es lo único en la vida, a veces es bueno una salida, una película, realmente es necesario desenchufarnos.

12. Arma tu bunker
Tener un espacio de trabajo acorde con tus gustos es indispensable para programar, un buen sillón que no dañe nuestra columna, un lindo escritorio que nos permita desparramar CDS, libros, etc. También hay que ser organizado, pero siempre a nuestro gusto, es bueno que sea TU espacio y que nadie meta mano, uno a la larga lo termina sintiendo como un refugio.

13. Tu equipo en condiciones
Otro punto importante, una buena computadora, que no tenga problemas, si es necesario un poco mas de RAM, no hace falta tener una supermáquina para programar con PHP pero si algo que no se este colgando cada 2 seg.

14. Usa herramientas gratuitas
Si no podes pagar ciertas herramientas realmente ni te gastes en bajar las versiones piratas, en PHP no se necesita mucho y realmente no vale la pena estar trucando programas.

15. Organiza tu propia biblioteca de scripts
Relacionado con el punto 7. La wiki es muy buena, pero hay que tenerla organizada, sino encontrar algo puede llevarnos mas tiempo que volverlo a escribir. Yo soy bastante desorganizado, pero con los años aprendí a manejar mi problemita

16. Se agradecido con los que te ayudan
Si alguien te ayuda, por favor al menos di gracias. Recuerda que las personas que te rodean no son tu soporte técnico (Al menos que les pagues). Si alguien se molesta en responder a tus consultas agradécele, para la próxima esa persona seguirá teniendo buena predisposición.

17. Se humilde
Esencial. Siempre hay alguien que sabe más que uno y mas en este “rubro” en donde hay verdaderos cráneos, Yo hace varios años que programo en PHP y sin embargo siempre aprendo algo nuevo, y en parte eso es lo que me gusta de programar, siempre se puede mejorar.

18. Siempre busca perfeccionarte
Relacionado con el punto anterior. Las tecnologías evolucionan y nosotros debemos hacer lo mismo. Una linda practica cuando tenemos un poco de tiempo libre es tratar de optimizar un código nuestro de unos meses anteriores, si aprendimos cosas nuevas de seguro que podemos hacerlo mejor que antes.

19. Intenta ser eficiente y luego inténtalo de nuevo
Que funcione no quiere decir que este bien. También una de las cosas más lindas de programar: Siempre se puede hacer una función mas eficiente, que consuma menos recursos, no hay que conformarse que arroje los resultados que queremos, probablemente lo podemos hacer mejor.

20. Programa primero lo que menos te gusta
Esto es bastante personal, pero por lo general me da buenos resultados. Cuando me siento a programar algo los primeros minutos son de “ambientación” luego tengo un periodo de concentración digamos máxima, en ese momento las cosas que parecen o son mas complicadas son cuando mas rápido y mejor salen, luego cuando uno esta mas cansado puede dedicarse a las cosas mas sencillas y rutinarias.

Fuente: Taringa

Jquery agregar y quitar clases.

2013-10-23T12:12:00.000-04:30

Este tutorial voy a mostrar como se agrega y se quita una clase usando jquery. En javascript se usa el evento onclick y con este podemos llamar a una función que nos agregue la clase a un elemento. Un ejemplo son los eventos onmouseover(agrega) y onmouseout(quita). Estos eventos se activan cuando pasa el puntero por algún elemento que nosotros le emos agregado dicha propiedad.

Para este ejemplo voy a crear un div y cuando pase el puntero por ensima de el se le agregue la clase (miclase).


.miclase{ 
background-color: #ccc; 
width: 400px; 
height: 200px; 
font-family: Tahoma;
}

El div


<div id="caja"> 
<p>Hola Soy un Div</p>

</div>

Ahora al div vamos a agregarle la clase miclase con jquery:


$(document).ready(function (){ 
//El evento mouseover se activa cuando pase el puntero. 
//addClass se encarga de agregar la clase 
  $("#caja").mouseover(function(){ 
  $("#caja").addClass("miclase"); 
 });

});

Ahora vamos a hacer que cuando quite el punte del div se le quite la clase.

//Quitar la clase con removeClass y lógicamente el

//evento mouseout se quita cuando se quite el puntero.

$("#caja").mouseout(function(){ 
 $("#caja").removeClass("miclase");

});

todo:

$(document).ready(function (){ 
 $("#caja").mouseover(function(){ 
 $("#caja").addClass("miclase"); 
 }); 
  $("#caja").mouseout(function(){ 
 $("#caja").removeClass("miclase"); 
 }); 
});

Obtener el Alto y el Ancho del Navegador con jQuery

2013-10-23T11:48:00.000-04:30

A veces cuando estamos muy metidos desarrollando un proyecto web, necesitamos obtener las medidas de la ventana del Navegador por algun motivo.
En este Tutorial les voy a mostrar como podemos obtener el Ancho y el Alto de la ventana de nuestro navegador con el framework jQuery.

Utilizaremos las funciones .width() y .height().

Comencemos:

Paso 1:

Primero hacemos referencia a nuestro archivo del framework jQuery, colocamos antes de la etiqueta < / head >, lo siguiente:

src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"

Paso 2:

Ahora le damos un poco estilos CSS:


body{padding:20px;} 
.btncls{padding: 10px; background-color:#000; color:#fff; border:none; cursor:pointer; margin:10px;} 
.txtcls{color:#44f; font-size:20px;}

Paso 3:

Ahora creamos nuestros 2 botones uno para obtener el ancho y otro para obtener el alto de nuestra ventana. Asi mismo crearemos 2 capas, uno para mostrar el ancho y otro para mostrar el alto.

<button class="btncls" id="obtan">Obtener ancho</button> 
<button class="btncls" id="obtal">Obtener alto</button> 
<div class="txtcls" id="anvent"> </div>
<div class="txtcls" id="alvent"> </div>

Paso 4:

Ahora creamos nuestras funciones, una para obtener el ancho y otra para obtener el alto:



<!-- Funcion para obtener el Ancho(Height) --> 
function obtenerAncho( obj, ancho ) {
$( "#anvent" ).text( "El ancho de la " + obj + " es " + ancho + "px. (Width)" );
}
$("#obtan").click(function() {
obtenerAncho( "ventana", $( window ).width() );
});
<!-- Funcion para obtener el Alto(Height) --> 
function obtenerAlto( obj, alto ) {
$( "#alvent" ).text( "El alto de la " + obj + " es " + alto + "px. (Height)" );
}
$( "#obtal" ).click(function() {
obtenerAlto( "ventana", $( window ).height() );
});

Listo !

Eso es todo, les dejo una demo:
DEMO

En la Demo Puedes jugar con la ventana del navegador, estíralo y dale mas alto o mas ancho, para ver sus medidas, tanto el ancho como el alto, como gustes.
Ademas en la Demo pueden ver el código fuente de este tutorial solo le dan botón derecho del mouse y luego en la opción de ver código fuente.

Efecto para darle vida al scroll (jQuery)

2013-10-23T11:12:00.000-04:30

Todos conocemos la funcionalidad de “volver arriba” que muchos diseñadores y programadores utilizan en sus sitios. Esta pequeña implementación resulta útil para aquellos sitios web con mucho contenido que buscan mejorar la experiencia del usuario que llega al final del documento y desea retornar al encabeza sin tener que desplazarse por todo el sitio manualmente.

Existen muchas formas de realizar este trabajo, la forma de hacerlo más sencilla es un enlace que referencia al identificador de un div. Esta manera, que es de lo más sencilla puede ser un poco brusca, para mejorar el resultado podemos utilizar jQuery junto a AnimateScroll.

AnimateScroll es un plugin que mejora estéticamente la forma en que el navegador retorna al comienzo del documento, permitiendo hacerlo mediante el uso de divertidos efectos.

La forma de emplear este plugin requiere apenas unas lineas de código:$('#section').animatescroll({scrollSpeed:3000,easing:'easeOutElastic'});

En el ejemplo se puede ver perfectamente los parámetros utilizados:
#section: representa el identificador del div a donde queremos dirigir el scroll.
scrollSpeed: La velocidad con la que se realiza el movimiento del documento.
easing: el efecto que deseamos utilizar.

Falta otra opción, padding,que permite ajustar con excelente precisión la ubicación exacta donde queremos ubicar al usuario una vez finalizada la ubicación. Esta opción permite la utilización de números negativos.

Web: AnimateScroll

Fuente: http://www.kabytes.com/

Tabs o Pestañas en Jquery

2013-10-23T10:24:00.001-04:30

Las tabs o pestañas son un recurso muy utilizado en las web para poder economizar los espacios especialmente en las áreas de las barras laterales. Consisten en algunos botones que operan como si fueran solapas y que al ser clickeadas revelan contenido en un contenedor y ocultan el contenido de las demás pestañas. En esta oportunidad les traemos a jQuery Tabslet.

El código para generar las tabs es simple.

<div class='tabs tabs_default'>
    <ul class='horizontal'>
        <li><a href="#tab-1">information</a></li>
        <li><a href="#tab-2">tab</a></li>
        <li><a href="#tab-3">tab</a></li>
    </ul>
<div id='tab-1'><h3>This is the default tab functionality.</h3></div>
<div id='tab-2'><h3>Tab 2</h3></div>
<div id='tab-3'><h3>Tab 3</h3></div>
</div>

Tras linkear al proyecto el framework jQuery y el plugin Tabslet, activamos el script:

<script type="text/javascript">
$('.tabs').tabslet();
</script>

Dentro de las opciones que soporta encontramos:

mouseevent: acción que activa la pestaña (hover, click).
autorotate: animación automática, podemos establecer el delay.
_before: nos permite insertar una acción a ejecutarse antes de mostrar la pestaña.
_after: inserta una acción luego de mostrar la pestaña.
data-toggle: permite trabajar con dicho atributo.

Sitio oficial | Github.

Lo que debemos saber de frameworks para WordPress

2013-09-17T14:18:00.003-04:30

Empecemos primero por definir ¿Qué es un framework para WordPress?. El término framework para WordPress, se refiere a una biblioteca de código que se utiliza para facilitar el diseño y desarrollo de un tema. Hace varios años, cuando WordPress iniciaba, existían algunos problemas con la forma en cómo los temas o plantillas eran desarrolladas y actualizadas. El equipo de desarrollo de WordPress y su comunidad decidió solucionar estos problemas mediante la introducción de los conceptos: “Parent Theme” (Plantillas Madre) y “Child Theme” (Plantillas Hijas).

Los frameworks para WordPress están destinados a ser utilizados como parent theme, y es aquí donde se encuentran todas sus funcionalidades – en una ubicación centralizada. Por ejemplo, si el equipo que desarrolla y actualiza WordPress decidiera eliminar una función del core de WordPress, sería realmente fácil realizar esa actualización sin modificar ningún elemento del child theme.

Tipos de Framework para WordPress:

Además de que existen frameworks gratuitos y frameworks de pago, los frameworks pueden ser clasificados en:

Frameworks tipo “Drag & Drop” ..

Frameworks tipo “Semi – Drag & Drop” ..

Frameworks con Opciones de Personalización ..

Están también los frameworks que ofrecen miles de opciones, por ejemplo: Themify.

Frameworks para Desarrolladores ..

Y los frameworks ideales para los desarrolladores por sus ventajas en seguridad, eficiencia y opciones de optimización como Genesis Framework, Canvas – WooFramework y nuevamente Pagelines y Tesis.

Ventajas de utilizar un Framework en tu sitio web con WordPress:

Comunidad: Los frameworks más populares tienen una gran comunidad, esto permite que sea mucho más fácil conseguir respuestas a dudas y preguntas.
Facilidad de desarrollo: El uso de un framework permite estandarizar el proceso de desarrollo y facilitar tareas como mantenimiento y actualizaciones.
Funcionalidad: Todos los frameworks incluyen widgets y funciones adicionales de orígen.
Códigos limpios y bien documentados: A menudo los frameworks son revisados y auditados por especialistas en temas de seguridad, rendimiento y optimización.
Actualizaciones: La posibilidad de actualizar la versión de WordPress o el mismo framework, sin perder ninguna funcionalidad u opción de personalización en el child theme es una gran ventaja.

Frameworks que te recomendamos utilizar para tu sitio web con WordPress:

Fuente: http://mvkoen.com/lo-que-debes-saber-sobre-los-frameworks-para-wordpress/

Los códigos de estado de HTTP

2013-09-05T08:50:00.000-04:30

La siguiente lista muestra todos los códigos de estado HTTP oficiales y su explicación, tal y como se recogen en el registro de códigos de estado HTTP de la IANA (Internet Assigned Numbers Authority).

Códigos de estado 1XX

Informan al navegador de algunas acciones que se van a realizar:

100 (Continue), el navegador puede continuar realizando su petición (se utiliza para indicar que la primera parte de la petición del navegador se ha recibido correctamente).
101 (Switching Protocols), el servidor acepta el cambio de protocolo propuesto por el navegador (puede ser por ejemplo un cambio de HTTP 1.0 a HTTP 1.1).
102 (Processing (WebDAV)), el servidor está procesando la petición del navegador pero todavía no ha terminado (esto evita que el navegador piense que la petición se ha perdido cuando no recibe ninguna respuesta).
103 (Checkpoint), se va a reanudar una petición POST o PUT que fue abortada previamente.

Códigos de estado 2XX

Indican que la petición del navegador se ha recibido, procesado y respondido correctamente:

200 (Ok), la petición del navegador se ha completado con éxito.
201 (Created), la petición del navegador se ha completado con éxito y como resultado, se ha creado un nuevo recurso (la respuesta incluye la URI de ese recurso).
202 (Accepted), la petición del navegador se ha aceptado y se está procesando en estos momentos, por lo que todavía no hay una respuesta (se utiliza por ejemplo cuando un proceso realiza una petición muy compleja a un servidor y no quiere estar horas esperando la respuesta).
203 (Non-Authoritative Information), la petición se ha completado con éxito, pero su contenido no se ha obtenido de la fuente originalmente solicitada sino de otro servidor.
204 (No Content), la petición se ha completado con éxito pero su respuesta no tiene ningún contenido (la respuesta sí que puede incluir información en sus cabeceras HTTP).
205 (Reset Content), la petición se ha completado con éxito, pero su respuesta no tiene contenidos y además, el navegador tiene que inicializar la página desde la que se realizó la petición (este código es útil por ejemplo para páginas con formularios cuyo contenido debe borrarse después de que el usuario lo envíe).
206 (Partial Content), La respuesta de esta petición sólo tiene parte de los contenidos, tal y como lo solicitó el propio navegador (se utiliza por ejemplo cuando se descarga un archivo muy grande en varias partes para acelerar la descarga).
207 (Multi-Status (WebDAV)), la respuesta consiste en un archivo XML que contiene en su interior varias respuestas diferentes (el número depende de las peticiones realizadas previamente por el navegador).
208 (Already Reported (WebDAV)), el listado de elementos DAV ya se notificó previamente, por lo que no se van a volver a listar.

Códigos de estado 3XX

Indican que el navegador debe realizar alguna acción adicional para que la petición se complete (como por ejemplo redirigirse a otra página):

300 (Multiple Choices), existe más de una variante para el recurso solicitado por el navegador (por ejemplo si la petición se corresponde con más de un archivo).
301 (Moved Permanently), el recurso solicitado por el navegador se encuentra en otro lugar y este cambio es permanente. El navegador es redirigido automáticamente a la nueva localización de ese recurso (este código es muy importante para tareas relacionadas con el SEO de los sitios web).
302 (Moved Temporarily), el recurso solicitado por el navegador se encuentra en otro lugar, aunque sólo por tiempo limitado. El navegador es redirigido automáticamente a la nueva localización de ese recurso.
303 (See Other), el recurso solicitado por el navegador se encuentra en otro lugar. El servidor no redirige automáticamente al navegador, pero le indica la nueva URI en la que se puede obtener el recurso.
304 (Not Modified), cuando el navegador pregunta si un recurso ha cambiado desde la última vez que se solicitó, el servidor responde con este código cuando el recurso no ha cambiado.
305 (Use Proxy), el recurso solicitado por el navegador debe obtenerse a través del proxy cuya dirección se indica en la cabecera Location de esta misma respuesta.
306 (Switch Proxy), este código se utilizaba en las versiones antiguas de HTTP pero ya no se usa (aunque está reservado para usos futuros).
307 (Temporary Redirect), el recurso solicitado por el navegador se puede obtener en otro lugar, pero sólo para esta petición. Las próximas peticiones pueden seguir utilizando la localización original del recurso.
308 (Permanent Redirect), el recurso solicitado por el navegador se encuentra en otro lugar y este cambio es permanente. A diferencia del código 301, no se permite cambiar el método HTTP para la nueva petición (así por ejemplo, si envías un formulario a un recurso que ha cambiado de lugar, todo seguirá funcionando bien).

Códigos de estado 4XX

Indican que se ha producido un error cuyo responsable es el navegador:

400 (Bad Request), el servidor no es capaz de entender la petición del navegador porque su sintaxis no es correcta.
401 (Unauthorized), el recurso solicitado por el navegador requiere de autenticación. La respuesta incluye una cabecera de tipo WWW-Authenticate para que el navegador pueda iniciar el proceso de autenticación.
402 (Payment Required), este código está reservado para usos futuros.
403 (Forbidden), la petición del navegador es correcta, pero el servidor no puede responder con el recurso solicitado porque se ha denegado el acceso.
404 (Not Found), el servidor no puede encontrar el recurso solicitado por el navegador y no es posible determinar si esta ausencia es temporal o permanente.
405 (Method Not Allowed), el navegador ha utilizado un método (GET, POST, etc.) no permitido por el servidor para obtener ese recurso.
406 (Not Acceptable), el recurso solicitado tiene un formato que en teoría no es aceptable por el navegador, según los valores que ha indicado en la cabecera Accept de la petición.
407 (Proxy Authentication Required), es muy similar al código 401, pero en este caso, el navegador debe autenticarse primero con un proxy.
408 (Request Timeout), el navegador ha tardado demasiado tiempo en realizar su petición y el servidor ya no espera esa petición. No obstante, el navegador puede realizar nuevas peticiones cuando quiera.
409 (Conflict), la petición del navegador no se ha podido completar porque se ha producido un conflicto con el recurso solicitado. El caso más habitual es el de las peticiones de tipo PUT que intentan modificar un recurso que a su vez ya ha sido modificado por otro lado.
410 (Gone), no es posible encontrar el recurso solicitado por el navegador y esta ausencia se considera permanente. Si existe alguna posibilidad de que el recurso vuelva a estar disponible, se debe utilizar el código 404.
411 (Length Required), el servidor rechaza la petición del navegador porque no incluye la cabecera Content-Length adecuada.
412 (Precondition Failed), el servidor no es capaz de cumplir con algunas de las condiciones impuestas por el navegador en su petición.
413 (Request Entity Too Large), la petición del navegador es demasiado grande y por ese motivo el servidor no la procesa.
414 (Request-URI Too Long), la URI de la petición del navegador es demasiado grande y por ese motivo el servidor no la procesa (esta condición se produce en muy raras ocasiones y casi siempre porque el navegador envía como GET una petición que debería ser POST).
415 (Unsupported Media Type), la petición del navegador tiene un formato que no entiende el servidor y por eso no se procesa.
416 (Requested Range Not Satisfiable), el navegador ha solicitado una porción inexistente de un recurso. Este error se produce cuando el navegador descarga por partes un archivo muy grande y calcula mal el tamaño de algún trozo.
417 (Expectation Failed), la petición del navegador no se procesa porque el servidor no es capaz de cumplir con los requerimientos de la cabecera Expect de la petición.
422 (Unprocessable Entity (WebDAV)), la petición del navegador tiene el formato correcto, pero sus contenidos tienen algún error semántico que impide al servidor responder.
423 (Locked (WebDAV)), el recurso solicitado por el navegador no se puede entregar porque está bloqueado.
424 (Failed Dependency (WebDAV)), la petición del navegador ha fallado debido al error de alguna petición anterior (por ejemplo una petición con el método PROPPATCH).
426 (Upgrade Required), el navegador debe cambiar a un protocolo diferente para realizar las peticiones (por ejemplo TLS/1.0).
428 (Precondition Required), el servidor requiere que la petición del navegador sea condicional (este tipo de peticiones evitan los problemas producidos al modificar con PUT un recurso que ha sido modificado por otra parte).
429 (Too Many Requests), el navegador ha realizado demasiadas peticiones en un determinado período de tiempo (se utiliza sobre todo para forzar los límites de consumo de recursos de las APIs).
431 (Request Header Fileds Too Large), el servidor no puede procesar la petición porque una de las cabeceras de la petición es demasiado grande. Este error también se produce cuando la suma del tamaño de todas las peticiones es demasiado grande.

Códigos de estado 5XX

Indican que se ha producido un error cuyo responsable es el servidor:

500 (Internal Server Error), la solicitud del navegador no se ha podido completar porque se ha producido un error inesperado en el servidor.
501 (Not Implemented), el servidor no soporta alguna funcionalidad necesaria para responder a la solicitud del navegador (como por ejemplo el método utilizado para la petición).
502 (Bad Gateway), el servidor está actuando de proxy o gateway y ha recibido una respuesta inválida del otro servidor, por lo que no puede responder adecuadamente a la petición del navegador.
503 (Service Unavailable), el servidor no puede responder a la petición del navegador porque está congestionado o está realizando tareas de mantenimiento.
504 (Gateway Timeout), , el servidor está actuando de proxy o gateway y no ha recibido a tiempo una respuesta del otro servidor, por lo que no puede responder adecuadamente a la petición del navegador.
505 (HTTP Version Not Supported), el servidor no soporta o no quiere soportar la versión del protocolo HTTP utilizada en la petición del navegador.
506 (Variant Also Negotiates), el servidor ha detectado una referencia circular al procesar la parte de la negociación del contenido de la petición.
507 (Insufficient Storage (WebDAV)), el servidor no puede crear o modificar el recurso solicitado porque no hay suficiente espacio de almacenamiento libre.
508 (Loop Detected (WebDAV)), la petición no se puede procesar porque el servidor ha encontrado un bucle infinito al intentar procesarla.
510 (Not Extended), la petición del navegador debe añadir más extensiones para que el servidor pueda procesarla.
511 (Network Authentication Required), el navegador debe autenticarse para poder realizar peticiones (se utiliza por ejemplo con los portales cautivos que te obligan a autenticarte antes de empezar a navegar).

LOS 10 PASOS A SEGUIR EN EL DISEÑO DE UNA WEB.

2013-08-01T00:54:00.000-04:30

El otro día estuve un evento de Meetup para conocer a otros diseñadores web y hablamos sobre cómo empezábamos el diseño de un sitio web. Había quien directamente se ponía a picar código, otros un poco más elaborados que primero hacían el diseño en Photoshop y finalmente los profesionales de verdad que empezaban con un sketch a mano. A raíz de esta reunión me di cuenta que muchas veces no sabemos por dónde empezar y cuál es la manera correcta de hacer las cosas para obtener un buen diseño web .

Este post es una guía práctica que muestra los pasos a seguir en el diseño de una web. Este es el ideal, la guía de referencia, por decirlo de alguna manera, pues muchos son los diseñadores que no los tienen en cuenta. Sin embargo, si pretendemos crear sitios web profesionales, vale la pena tenerlos presentes y valorar la importancia de cada uno de ellos antes de lanzarnos a la aventura.

PASO 1: DEFINIR OBJETIVOS

No hace mucho me encontré a un amigo que me dijo que tenía a una clienta a la que le iría muy bien tener una web. Cuando le pregunté a mi amigo cuáles eran los objetivos de la web, me contestó sin pestañear ni un poco que vender más, porque el futuro estaba en Internet y la floristería de esta amiga estaba perdiendo clientes y que si eso me pasaba unas fotos y yo hacía una web. Historias como esta, por extrañas que parezcan, están a la orden del día en los países latinos donde todavía se cree que con cuatro fotos y tres pinceladas tenemos una web que funciona. Mi consejo: si quieres un buen portafolios, así como ahorrarte dinero en aspirinas, define muy bien los objetivos con el cliente, o abstente de tomar un proyecto en el que no hay objetivos claros.

No son los mismos los objetivos de una tienda online, que el de un bufete de abogados o un estudio de arquitectos. Hay que definir muy claro el qué y el para quién, el cómo ya vendrá después. ¿Quién es nuestro target? ¿En qué lugares del mundo se encuentra? ¿Qué necesita? ¿Qué espera encontrar? Sin una definición clara de objetivos, el sitio web será un fracaso, hazme caso y no te involucres en proyectos perdidos. Y si lo haces, ten ética y déjale claro al cliente que esa no es la mejor opción ni de lejos y no incluyas ese trabajo en tu portafolios.

PASO 2: DEFINIR CONTENIDOS
Con el paso del tiempo me he dado cuenta que es un error crear primero el diseño y luego adaptar los contenidos al mismo. El proceso debe ser el inverso, primero debemos saber, ni sea a grosso modo, los contenidos que queremos publicar, para así después adaptar el diseño a los contenidos. Tampoco es necesario tener los textos e imágenes de antemano, ni mucho menos, simplemente tener una idea clara de lo que hay que publicar, para así poder hacernos una mejor idea de las necesidades concretas del cliente.

PASO 3: DIBUJA UN SKETCH

Este es uno de los puntos que salió en la reunión del otro día y que reconozco yo había enviado al baúl de los recuerdos. ¿Papel? Uff, alergia. Pero si que es verdad que es más fácil pensar sobre papel que directamente en herramientas de Wireframing y que en reuniones con el cliente puede ser muy útil utilizar un bloc de notas.

PASO 4: UTILIZA UNA HERRAMIENTA DE WIREFRAMING

En el mercado hay un montón de herramientas de wireframing, miraré esta semana de hacer un post con una recopilación de wireframes para que te ayuden en tu trabajo de diseñador web. Estas herramientas lo que hacen básicamente es algo parecido al sketch manual, a partir de aquí se podría abrir una discusión sobre si el paso anterior de dibujar el sketch a mano es necesario o no, pero en el fondo creo que verdaderamente es más fácil crear sobre papel que sobre pantalla, aunque quizás eso sea porque soy de la generación de los dinosaurios:-)

PASO 5: HAZ EL DISEÑO EN PHOTOSHOP
Con el diseño web responsive se terminaron los días en que sólo hacíamos un diseño. Ahora necesitamos grids responsive que nos permitan adaptar el diseño a la pantalla. Esto requiere más tiempo, pero va a garantizar una mejor experiencia de usuario. Es recomendable empezar de menor a mayor, a diferencia de lo que se venía haciendo hasta ahora en que se partía de la versión desktop para crear la móvil.

Asegúrate de crear un diseño que aporte una buena experiencia de usuario y que siga los requisitos de la usabilidad y accesibilidad. Porque si tu diseño es fantástico pero no hay quien encuentre las cosas, ten por seguro que la web será un fracaso. No profundizo más en estos temas porque se pueden escribir libros enteros, pero tenlo presente cuando hagas la maquetación en Photoshop.
PASO 6: CREA EL HTML

Sí, sí, crea el HTML sin el CSS, porque así seguro que crearás un código web semántico y podrás separar el diseño del contenido. Créeme, a largo plazo lo agradecerás. Te recomiendo programar con HTML5, porque es mucho más semántico y versátil que el tradicional, además que cada vez son más los sitios web que se programan con HTML5.
PASO 7: CREA EL CSS

Una vez tenemos hecha la estructura del documento con HTML, entonces empezamos a darle forma con el CSS. Mi consejo es que diseñes para navegadores modernos y que utilices un CSS diferente para otros prehistóricos o que no siguen los estándares como IE7. Así, mira de implementar todo lo que puedas con CSS3 en lugar de imágenes recortadas del Photoshop, pues esto creará un código mucho más limpio y eficiente y reducirá el consumo de ancho de banda en dispositivos móviles que navegan con 3G.
PASO 8: COMPATIBILIDAD ENTRE NAVEGADORES

Este es el punto que a mí personalmente menos me gusta. Tienes un diseño que se ve fantástico en Chrome y Firefox y abres IE y se sirve el desastre. O lo pruebas en el iPad vertical y genial, pero lo giras y de nuevo el desastre. Esta es la fase que requiere de más paciencia, pues implica hacer que la web se vea correctamente en todos los navegadores, con la dificultad añadida de los dispositivos móviles que hace unos años no hacía falta tener en cuenta.

PASO 9: COMPRUEBA QUE EL CÓDIGO VALIDE
En su momento se abrió un debate de hasta que punto es importante que el código valide si la web se ve bien. En mi opinión, hay que procurar hacer un código lo más limpio posible que también en la medida de lo posible valide. Y digo esto porque cuando pongas la likebox de Facebook como la que sale en esta web, verás que tu web deja de validar, pues Facebook va por libre en temas de estándares. Por eso yo soy de la opinión de sopesar los pros y contras de utilizar elementos que no validan, y en el caso de la likebox los pros son claramente superiores a los contras, pues muchos seguidores del Facebook me llegan gracias a este elemento. A partir de aquí, pienso que nos hemos de esforzar en la medida de los posible por crear un código que valide y arreglar los errores básicos que son fáciles de solucionar, pues si una página web tiene 10 errores hay un pase, pero si tiene 100 ya no.

PASO 10: SUBE LA WEB AL SERVIDOR
No lo he dicho antes, pero espero que todo este trabajo lo hayas hecho en local, porque de otro modo los potenciales usuarios y clientes se habrán llevado una mala impresión. Una vez has comprobado que todo funciona como es esperado, ha llegado el momento de subir la web al servidor. No te asustes si algo no funciona, a veces hay permisos que no están activados en el servidor. Yo acostumbro a subir las nuevas páginas web la noche del sábado, porque la gente está de fiesta y raramente se dará cuenta de si ha habido algún error.

CONCLUSIÓN
Hemos visto los 10 pasos a seguir en el diseño de un sitio web. Podríamos haber profundizado más, pero la idea era dar una visión general. A partir de aquí me gustaría abrir el debate de cuáles son los pasos que vosotros seguís en el diseño de una nueva web y de si estáis de acuerdo o no con lo aquí propuesto. Así de paso puedo yo también aprender de vosotros, pues quizás he omitido algo que vale la pena tener en cuenta:-)

Fuente del articulo: http://www.creativasfera.com/pasos-a-seguir-en-el+diseno-de-una-web

Detectar ie6 y actualizar explorer

2013-07-30T10:30:00.000-04:30

Demostración de como detectar IE6 e indicar que actualice el navegador!

<!--[if IE 6]>
<style>
.ie6{
background:#FFFFE7 url(img/icon.gif) no-repeat 5px 5px;
text-decoration:none !important;
padding:7px 0px 7px 30px;
color:#333;
cursor:pointer;
border-bottom:1px #333333 solid;
width:100%;
display:block;font-family:arial;
font-size:12px
}
.ie6:hover{
background:#319AFF url(img/icon.gif) no-repeat 5px 5px;
color:#ffffff
}
</style>
<!--[if IE 6]><style>.ie6{
background:#FFFFE7 url(img/icon.gif) no-repeat 5px 5px;
text-decoration:none !important; padding:7px 0px 7px 30px; color:#333;cursor:pointer; border-bottom:1px #333333 solid; width:100%; display:block; font-family:arial; font-size:12px } .ie6:hover{ background:#319AFF url(img/icon.gif) no-repeat 5px 5px; color:#ffffff }</style> <div class=ie6 > Su navegador esta desactualizado no podra disfrutar nuestra p&aacute;gina correctamente actualice o cambie su navegador a <a href='http://getfirefox.com'>FireFox</a>, <a href='http://www.opera.com/download/'>Opera</a>, <a href='http://www.apple.com/safari/'>Safari</a>, <a href='http://windows.microsoft.com/es-xl/internet-explorer/download-ie'>Internet Explorer</a> y <a href='http://www.google.com/chrome/?'>Google Chrome</a> </div> <![endif]-->

Las mejores herramientas para limpiar y optimizar tu PC

2013-07-03T15:18:00.001-04:30

Normalmente después de formatear nuestro ordenador, tenemos el equipo de trabajo con un Windows inmaculado, sin ficheros temporales ni la basura que dejan las instalaciones de programas o los mismosnavegadores con el uso diario. Windows tiene una herramienta de limpieza para todos estos ficheros que nos comen recursos y que aunque en un principio no nos damos cuenta de ellos, a la larga nos acaban por resultar bastante molestos. Hoy vamos a hablar de unas aplicaciones que cumplen este cometido básico de la herramienta por defecto de Windows, y que además añaden otras funcionalidades que se consideran básicas en el mantenimiento y limpieza de Windows.

CCleaner

Una de las herramientas más conocidas y utilizadas para limpieza. Entre sus características destaca la limpieza de ficheros temporales, historial, cookies y autocompletado de los navegadores más utilizados (Internet Explorer, Firefox, Chrome, Opera y Safari) y otros tantos navegadores con menos cantidad de usuarios (K-Meleon, Rockmelt, Flock, Phoenix…).

También elimina los ficheros de la Papelera, ficheros temporales, logs o reportes de errores entre otros.

Pros

El ser una herramienta tan utilizada ha facilitado el crecimiento de la misma, ofreciendo cada vez más y mejores funcionalidades. De hecho puntos a destacar de CCleaner son la potabilidad, limpieza del registro o una buena gestión de puntos de restauración del sistema.

Pero sin duda una de las grandes ventajas de CCleaner es la posibilidad de introducir complementos, como CCenhacer, que añade soporte para la limpieza de ficheros basura de 270 aplicaciones adicionales.

Contras

Un punto en contra de esta aplicación es que no elimina los archivos basura de algunos directorios básicos como el AppData/Local/Temp de la carpeta de usuario o el contenido del directorio /Windows/Prefetch.

Este directorio lo usa Windows para guardar parte de programas que hayamos usado, para que el próximo acceso a ese programa sea más rápido. Microsoft aconseja no vaciar el contenido de dicho directorio pero hay muchos usuarios que prefieren vaciarlo de vez en cuando, ya que se llena de datos de aplicaciones que ya no están en uso.

Descarga de CCleaner

Slim Cleaner

Otra buena herramienta de limpieza y optimización para nuestroWindows. Ofrece muchos extras, limpiando archivos que no son utilizados o de otros que dejan los programas al desinstalarlos.Herramienta potente y cumplidora. Además la interfaz de usuario está muy cuidada.

Pros

Slim Cleaner elimina archivos obsoletos de los directorios que CCleaner es incapaz de eliminar. También nos informa los recursos que acaparan las aplicaciones y los programas de desinstalación. A parte de esto, ofrece las mismas carácterísticas básicas que el resto de programas de limpieza del sistema.

Contras

Un punto negativo de Slim Cleaner es la falta de un limpiador de registro como el de CCleaner, además de no contar con una versión portable.

Descarga de Slim Cleaner

Xleaner

Se trata de otra alternativa del popular CCleaner. Xleaner es una aplicación que además de ofrecer las funcionalidades básicas disponibles en esta categoría de software, también cuenta con un sistema de extensiones para ampliar más su capacidad.

Pros

Xleaner tiene la capacidad de limpiar los datos del directorio Prefetch. Otro punto a su favor y que siempre considero fundamental en una aplicación, es su portabilidad. El aspecto en el que destaca Xleaner es el soporte para características adicionales tales como la optimización del sistema. En esta herramienta también tenemos la posibilidad de ampliar su funcionalidad a través de extensiones.

Contras

Por defecto cuenta con muchas opciones, además se ha comprobado que elimina archivos temporales que el sistema necesita para uso inmediato. También, el proceso de limpieza nos ofrece poca información, por lo que lo se considera como un punto negativo. Y por último, aunque sin importancia, funcionalmente hablando, hay usuarios que no se han mostrado muy contentos con su interfaz ya que consideran que es algo fea.

Descarga de Xleaner

Advanced SystemCare Free

Es la versión gratuita de Advanced SystemCare, utilidad que tiene el mismo cometido que sus compañeras de artículo. Desarrollado para Windows 7, Windows XP y Windows 2000, permite en pocos pasos y de forma sencilla conseguir mejoras en el rendimiento de nuestro equipo.

Pros

Esta versión gratuita proporciona un sistema de seguimiento, programa de desinstalación, limpiador de disco, optimización de la memoria o gestor de procesos entre otros.

Contras

Muchas de las características Pro como limpiador de registro, están disponibles en herramientas gratuitas como CCleaner. Además, otras muchas características que ofrece se encuentran disponible en otras aplicaciones libres que son más conocidas como Microsoft Security Esentials, Avast o AVG.

Descarga de Advanced SystemCare Free

Glary Utilities

Junto con CCleaner, esta es sin duda una de las herramientas más utilizadas para la eliminación de ficheros basura y optimización del sistema. Tiene una versión de pago y otra gratuita. Esta última opción es bastante interesante y completa para no tener coste.

Pros

Permite eliminar archivos basura comunes del sistema, así como entradas de registro no válidas y rastros de Internet. También puede gestionar y eliminar los complementos del navegador, analizar el uso de espacio en disco y encontrar archivos duplicados. Y por si esto fuera poco, Glary Utilities divide archivos grandes en ficheros más pequeños y manejables para luego volver a unirlos.

Contras

Pocas son las desventajas de esta gran aplicación, ~~sin embargo un gran punto en contra es que no ofrece una versión portable~~. Aunque en un principio pensábamos que no tenía versión portable, el lector @Alejandro, nos ha indicado que esta herramienta si dispone de versión portable y efectivamente así es.

Descarga de Glary Utilies

Conclusión

Parece que instalar una herramienta de limpieza se antoja como imprescindible en un entorno Windows. Es algo que no podemos dejar de lado, y más si estamos todo el día trabajando con el ordenador. De las herramientas que os hemos hablado, la que se puede proclamar como campeona por funcionalidad y popularidad es CCleaner seguida por Glary Utilities. Sin embargo para usuarios avanzados quizá esta última sea más completa, ya que tiene opciones que aún son inexistentes en CCleaner tales como laeliminación de Spyware o el borrado de accesos directos con el link perdido.

Vemos no obstante, que la oferta es variada, y que cada usuario utiliza sus propios métodos y herramientas para limpiar y optimizar el sistema. E incluso hay muchos que no usan nada y optan por formatear cuando el equipo no da más de si. ¿Qué usáis vosotros?

Articulo tomado de: http://www.omicrono.com/2011/05/las-mejores-herramientas-para-limpiar-y-optimizar-tu-pc/