Optimización avanzada de imágenes para web – School

En esta tercera entrega sobre la mejora del rendimiento del Blog, vamos a dar un paso adelante en la optimización del tratamiento de las imágenes para dejarlas perfectamente comprimidas al tamaño que deben tener.

Si bien aprendimos a controlar los formatos de imagen con los que trabajar (.jpg y .png), así como ajustarlas para que el navegador no tuviera que reescalarlas, ahora nos toca pasar al siguiente nivel de optimización, conseguir el nivel de compresión ideal.

Muchos al pasar Pagespeed habréis recibido el mensaje de advertencia:

"
Optimizar imágenes

Comprimir imágenes y aplicarles un formato adecuado puede ahorrar una gran cantidad de bytes de datos.

• Si se comprime "https://[NOMBRE IMAGEN]"sin pérdida, se pueden ahorrar2,8 KB(lo que supone una reducción del64%).

"

Al realizar laprimera entrega de optimizaciónde imágenes conseguimos evitarnos el mensaje de advertencia sobre el reescalado, pero ahora, para este tipo de advertencias vamos a aprender no ya sólo a escalar la imagen al tamaño adecuado sino además a comprimirla sin pérdida para obtener los mejores resultados posible.

Si primero no has realizado el tutorial"Mejora la velocidad de tu Blog I - Optimizando las imágenes", es importante que lo ejecutes antes de este, ya que la "primera base" de mejora se encuentra en que tus imágenes no deban ser reescaladas por el navegador y que "midan" y "pesen" lo estrictamente necesario para una navegación adecuada por parte de tus usuarios.

El siguiente nivel de optimización, la compresión:

Cuando preparamos una imagen para subir al Blog consideramos siempre estos pasos:

1) Buscar la imagen en el formato adecuado, o .jpg o .png para mayor detalle.
2) Hacer que tenga el tamaño exacto con el que va a ser "dibujada" por el naveagdor. Es decir, por medio de Image Resizer o las herramientas de edición de Google+ la ponemos en un tamaño nativo que no obligue al navegador a reescalarla.
3) Por último le damos el máximo nivel de optimización, comprimirla todo lo posible sin pérdida de información para que reduzca su porcentaje de tamaño, liberando el ya de por sí limitado el ancho de banda de nuestros usuarios.

La importancia de la página principal de nuestro Blog

Todos los puntos que en la gestión de imágenes te voy a indicardeben utilizarse especialmenteen aquellas que apareceránen los resúmenes de las entradas de la página principalde tu blog.

Nos centramos sobre todo en la parte principal del Blog por tratarse de la "fachada" exterior que da entrada a todos nuestros contenidos. Cuanto más depurada esté, más rápido se cargará nuestro Blog en sus máquinas.

No obstante, lo mismo que lo aplicas a la página principal con el resumen de las entradas, deberías procurar igualmente emplear estos conceptos en el interior de las entradas.

Cómo detectar si tenemos mal gestionada la optimización de imágenes en nuestro Blog:

Hemos visto ennumerosas ocasiones cómo utilizar el servicio PageSpeed de Google paradetectar los problemas que podamos tener en nuestro Blog que estén impidiendo una navegación veloz, fluída y de calidad para nuestros usuarios.

Hay dos advertencias fundamentales de esta herramienta al respecto de las imágenes:

• 1) La advertencia de "Ofrecer imágenes a escala" ,sin duda el paso mínimo es que la imagen no deba ser reescalada por el navegador.

• 2) La advertencia "Optimizar imágenes" es la que trataremos en este tutorial avanzado. Consiste en darle la compresión adecuada a la imagen para que sin pérdida de calidad, adquiera exactamente el tamaño que deba ocupar. De esta manera, conseguiremos reducir tamaños de imágenes hasta en más de un 90%, lo que quiere decir que la descarga será mucho más rápida y dejará más ancho de banda de nuestros clientes libre para continuar con el dibujado de la página.

¿Qué vamos a hacer?

Al subir la imagen a Blogger o nuestros álbumes Google+, una vez escalada adecuadamente le queda el ajuste de compresión exacto.

Google recomienda que se utilicen estos dos programas gratuitos para mejorar la compresión de la imagen:

• Optipng: Programa de código libre alojado en sourceforge.net que se encarga de la optimización total de la compresión para imágenes .png.

• jpegtran: Programa de código linre alojado en jpegclub.org que se encarga de la optimización total de la compresión de imágenes .jpg.

Paso a Paso Optipng:

1) Conéctate a la web de Optipng para descargarte su programaaquí

2) Descomprime en tu disco duro el .zip descargado que contiene el programa Optipng.

3) Coloca el .optipng.exe en una carpeta de tu disco duro. Para que sea más sencillo, ponlo en c:\OptimizarPNG y mete en dicha carpeta las imágenes que desees optimizar.

4) Abre un comando MS-DOS. Desde Windows, dale al botón de Inicio, después la opción "Ejecutar" y por último escribe CMD.

5) Dirígete a la carpeta donde pusiste las imágenes .ong a optimizar escribiendo en la linea de comandos "cd OptimizarPNG" o el nombre de la carpeta donde metieras las imágenes.

6) Una vez dentro escribe "optipng.exe -o7 *.png" y pulsa enter.

Un ejemplo de utilización sería: optipng -o7 imagen_a_optimizar.png

7) Se comenzará a ejecutar el programa de optimización, al finalizar dejará las imágenes arregladas con el mismo nombre que tenían.

8) Sube las imágenes a Blogger de nuevo y vuelvelas a colocar en la entrada donde se encontraran (imágenes o iconos, lo que fuera).

9) Ejecuta Pagespeed y comprueba que ya no hay más optimización que realizar para las imágenes que has arreglado.

Eso es todo con los .PNG. Hazlo con los de la página principal, con los que se dibujan cuando el usuario accede al Blog y comprueba la mejora. Luego, una vez que lo hagas por rutina verás que mejora claramente la velocidad de dibujado en los navegadores.

Paso a Paso JPEGTRAN:

1)Conéctatea la web de jpegclub para descargarteJPEGTRAN aquí

2) Coloca el jpegtran.exe en una carpeta de tu disco duro. Para que sea más sencillo, ponlo en c:\Optimizarjpg y mete en dicha carpeta la imagen que desees optimizar.

3) Abre un comando MS-DOS. Desde Windows, dale al botón de Inicio, después la opción "Ejecutar" y por último escribe CMD.

4) Ve a la carpeta donde metiste el jpegtran.exe escribiendo " cd Optimizarjpg" o el nombre de la carpeta donde lo introdujeras.

5) Ejecuta el comando "jpegtran -optimize NOMBRE_IMAGEN_ORIGINAL.jpg NOMBRE_IMAGEN_OPTIMIZADA.jpg

6) Sube a Blogger la imagen JPEG optimizada.

Eso es todo con los .JPG. Hazlo con las de la página principal, con las que se dibujan cuando el usuario accede al Blog y comprueba la mejora. Luego, una vez que lo hagas por rutina verás que mejora claramente la velocidad de dibujado en los navegadores.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football DONATE CAR TO CHARITY CALIFORNIA FIFA World Cup,DONATE CAR FOR TAX CREDIT, and DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA, SELL ANNUITY PAYMENT and DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS pero for you STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, CAR INSURANCE QUOTES COLORADO and future now NUNAVUT CULTURE and pero mas aya del visita DAYTON FREIGHT LINES and Mesothelioma law firm HARDDRIVE DATA RECOVERY SERVICES,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Criminal Defense Attorneys Florida Online casino Mesothelioma Law Firm Tech school Neuson car insurance quotes mn Casino Casino reviews Make money online Australia Best Criminal Lawyers in Arizona WORLD TRADE CENTER FOOTAGE car insurance quotes colorado CHEAP CAR INSURANCE FOR LADIES Online Classes online motor insurance quotes mesothelioma law suits Massage School Dallas Texas Auto Accident Attorney Dwi lawyer Annuity Settlements ROYALTY FREE IMAGES STOCK verizon sip Personal Injury Law Firm illinois law lemon Psychic for free CAR INSURANCE QUOTES COLORADO Mortgage Adviser Mobile casino Donate Car for Tax Credit How to Donate A Car in California mesothelioma lawyer dallas business administration masters domain yahoo Car Insurance in South Dakota HOME PHONE INTERNET BUNDLE low credit line credit cards emergency response plan ppt Online classes Live casino personal injury firm california law lemon Photo Christmas cards mesothelioma claims Hire php developer structured settlement quote Asbestos Lung Cancer DONATE YOUR CAR FOR MONEY forensics online course structured settlement sell att call conference WordPress themes for designers Social media campaigns CRIMINAL DEFENSE ATTORNEYS FLORIDA Criminal defense lawyer Hard drive data recovery services domain registration yahoo asbestos lawyers yahoo web hosting Structures Annuity Settlement structured settlement cash out Best Seo company Criminal lawyer Cheap auto insurance in VA alabama mesothelioma lawyer Forensics Online Course Psd to html Criminal defense attorneys Florida Hire php developers DUI lawyer LIFE INSURANCE CO LINCOLN Asbestos Lawyers structured settlement buyer Custom WordPress theme designer Hire php programmers World Trade Center Footage cash annuity michigan motorcycle accident lawyer New social media platforms broward county dui lawyer Cheap Domain Registration Hosting Service business software Cheap Auto Insurance in VA Php programmers for hire buying structured settlements Donating a car in Maryland Online Motor Insurance Quotes Bankruptcy lawyer Computer science classes online Php programmers adverse remortgage Social media examiner Seo companies Social media strategies Car Insurance Quotes Utah WordPress theme designers Best social media platforms for business Health Records Personal Health Record Business finance group Donate your Car for Money CHEAP DOMAIN REGISTRATION HOSTING Online Christmas cards Cheap Car Insurance in Virginia Social media platforms for business SELL ANNUITY PAYMENT personal injury accident lawyer Car Insurance Quotes compare small business phone systems Seo services Online Criminal Justice Degree mesothelioma care bus accident attorney los angeles Best social media platforms structure settlements Dedicated Hosting Dedicated Server Hosting mesothelioma attorney california best consolidation loan student Business management software Paperport promotional code Seo company injury attorney baton rouge personal accident attorney Custom Christmas cards DONATE CARS ILLINOIS Car Insurance Quotes PA Forensics online course WordPress hosting Psd to WordPress Online Stock Trading Nunavut culture motorcycle accident lawyer san diego Sell Annuity Payment Social media management Html email Online College Course lawyers accidents Donate a Car in Maryland Social media platforms Christmas cards Proud Italian cook REGISTER FREE DOMAINS Donating Used Cars to Charity student loan consolidation program Italian cooking school Adobe illustrator classes Learning adobe illustrator Social media tools personal injury law firm Psychic for Free Donate Old Cars to Charity structured settlements companies donate your car for money Donate Car to Charity California primary pulmonary hypertension Donate Cars in MA Donate Your Car Sacramento washington mesothelioma attorney Injury Lawyers DONATE A CAR IN MARYLAND Donate Your Car for Kids motorcycle accident attorney chicago Car Insurance Quotes Colorado mesothelioma attorneys firm law mesothelioma cheap domain registration hosting mesothelioma lawsuit google affiliate Nunavut Culture MESOTHELIOMA LAW FIRM PHD IN COUNSELING EDUCATION houston motorcycle accident lawyer california mesothelioma attorney Dayton Freight Lines orlando criminal attorney Forex Trading Platform Hard drive Data Recovery Services Donate Car To Charity CALIFORNIA Motor Replacements CAR INSURANCE QUOTES UTAH EMAIL BULK SERVICE personal injury attorney ocala fl Donating a Car in Maryland Donate Cars Illinois asbestos exposure lawyers Better conferencing calls Motor Insurance Quotes personal injury lawyer ONLINE MOTOR INSURANCE QUOTES Life Insurance Co Lincoln Holland Michigan College Donate car to charity California LOW CREDIT LINE CREDIT CARDS royalty free images stock Car Accident Lawyers Automobile Accident Attorney Online Colleges Paperport Promotional Code Car Insurance Quotes MN Car insurance quotes Utah cloud identity and access management seattle mesothelioma lawyer car accident lawyer in san diego Low Credit Line Credit Cards Dallas Mesothelioma Attorneys mesothelioma suit Royalty free images stock VIRTUAL DATA ROOMS mesothelioma lawsuits Mortgage adviser wisconsin mesothelioma attorney Low credit line credit cards

Selectores CSS. Básicos – Donate – Phone – Money

CSS es un lenguaje que permite programar la parte estética de un sitio web. Para ello se sirve de lo que se denominan reglas, unos elementos que a su vez se componen de un selector y una declaración.

El selector indicaa qué hay que aplicarle la regla y la declaración especificaqué es lo que hay que hacerle.

Dentro de la declaración nos encontramos las propiedades y sus valores, que son los que al final marcarán el estilo de nuestro sitio: colores, tipografías, márgenes, etc.

Con un conocimiento básico de inglés pienso que cualquiera puede deducir qué hace cada una de las propiedades que se pueden usar, pero de todas formas aquí tenéis la utilidad delas más comunes.


Sin embargo con los selectores no basta con saber idiomas y creo que conociéndolos bien nos podríamos ahorrar en muchas ocasiones el tener que usar otros lenguajes -como JavaScript- que aumentan el peso de la página a veces innecesariamente. Así que hoy empezamos con los básicos y en otra ocasión vemos otros más avanzados.

Si quieres ir un paso atrás y ver dónde se debe poner este tipo de código, no olvides pasar por esta otra entrada:CSS básico. Ejemplo con imágenes redondas.

Y que me disculpen los puristas si le pego alguna patada a la terminología del estándar.

Selectores básicos CSS

Los selectores son como una especie de filtro. Con ellos podemos seleccionar subconjuntos de elementos de entre todos los existentes en una página web y así aplicarles idénticas propiedades para que finalmente tengan el mismo estilo.

La principal ventaja de usar CSS es que con una sola regla podemos dar un estilo determinado a todos esos elementos homogéneos de una sola vez, cosa especialmente útil cuando queremos modificar una parte importante de nuestro diseño.


Imaginad por ejemplo que vamos redactando entradas en un blog insertando en ellas código para forzar determinado color para la tipografía. El día que queramos cambiar dicho color tendremos que editar todas y cada una de las entradas para cambiarlo. Sin embargo, si asignamos ese color mediante un selector CSS, cuando queramos cambiarlo en todas las entradas sólo tendremos que alterar el valor de la propiedad en la regla correspondiente.

En Blogger y plantillas estándar, esto se haría aplicando propiedades a.post-body, que es el selector bajo el que está el contenido de las entradas propiamente dichas. Las reglas que tenga ese selector automáticamente afectarán a la estética de todas las entradas. Si queremos todo el texto centrado, pues allí incluiremos untext-align: center; Si queremos que todo el texto de la entrada sea verde, pues pondremos uncolor: green;.

Si el día de mañana queremos cambiar el color por otro, sólo habría que cambiar el valorgreen por el nuevo y TODAS nuestras entradas cambiarían de color.


Por explicarlo de otro modo, un selector viene a ser como una marca que ponemos en ciertos contenidos HTML. Esa marca por si sola no hará nada, pero cuando además se pone en CSS con unas reglas, el navegador es capaz de relacionar uno y otro lenguaje y aplica el estilo al contenido marcado.

Es más fácil verlo y hacerlo que explicarlo, pero esta es lamagia de CSS (Cascading Style Sheets, Hojas de estilo en cascada). Pasamos a verlo y vuestra parte es hacerlo.

Selector universal

Sirve para seleccionar todos los elementos de la página. Se representa mediante un asterisco.

(Aplicar a TODOS los elementos de la página un margen cero)

* { margin: 0; }

Un ejemplo simple. Añadid a vuestra hoja de estilo esto y veréis que gracia. Bueno, en unas plantillas más que en otras.

* {
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}

Lo que hace esa regla es aplicar a TODOS los elementos de vuestra página una transición. Cualquier elemento que tenga en ella un cambio de tamaño, un cambio de posición, de color de fondo, etc., se hará poco a poco y no de golpe, a partir de que pongáis esa regla. Ya digo que según las plantillas será más o menos visible, pero en los enlaces y otros elementos en los que tengáis programado algúnhover con algún efecto, lo veréis más claro.

Para este post he añadido esa regla. Al margen de que ya la llevan las etiquetas desde siempre, ahora se ha incorporado a los botones sociales entre sidebar y entradas. Probad también a cambiar el tamaño de la ventana y fijaros como a partir del ancho en el que desaparece la barra lateral izquierda, el resto de bloques se adaptan al tamaño disponible poco a poco, como a cámara lenta.

Este selector funcionará para todo aquello que no tenga su propia regla con distinta propiedad. Si usáis el selector universal con unbackground: red; por ejemplo, veréis que algunas cosas no cambian. Esto es porque tienen un fondo propio asignado mediante una regla. Sin miedo, que con Vista Previa se puede ver y no grabar.


Pues el resto de selectores funcionan igual, pero permiten seleccionar (valga la redundancia) elementos más concretos... según necesitemos. Vamos con el resto.

Selector de etiqueta

Selecciona todos los elementos marcados con determinada etiqueta HTML.

(Aplicar a TODOS los div un fondo rojo y un borde sólido de 2px y color negro)

div { background: red; border: 2px solid black;}

Y al igual que en el ejemplo hemos usado undiv, podremos aplicar reglas aspan,p,input,h1, etc.

Selector de clase

Sirve para dar estilo sólo a determinados elementos marcados con el atributoclass y la clase definida.

(Aplicar a todos los elementos con una clase verdeuna fuente de color verde)

.verde { color: green; }

Este tipo de selectores son fundamentales para dar estilo a partes concretas del sitio web y para ello utiliza nombres arbitrarios que nosotros mismos generamos en lugar de etiquetas HTML.

Como nombre de clase podemos utilizar prácticamente lo que queramos (olvidémonos de los caracteres especiales), aunque conviene que sea nemotécnico para recordar que existe y lo que hace cuando para lo vayamos a necesitar. Para añadirlo a un elemento se utiliza el atributoclass.

div class="green"AQUÍ EL CONTENIDO DEL DIV/div

Selector de ID

Iguales que los anteriores pero para elementos marcados con el atributoid. Este se utiliza para marcar un elemento único.

(Aplicar al elemento slider un color de fondo azul)

#slider { background: blue; }

Las clases y los identificadores son como los nombres comunes y los propios. Una clase se puede reutilizar para diversos elementos pero uno con id tiene que ser único (class="montes", id="Everest"). No puede haber más que un solo elemento con una determinadaid en la misma página, de lo contrario el intérprete del navegador dará resultados a priori imprevisibles. No es que se vaya a auto-destruir el ordenador ni nada de eso, pero seguramente no hará lo que nosotros necesitamos.

Nótese que la diferencia al declararlos es que los de clase llevan un punto y los deid llevan un símbolo de sostenido (#).

Para añadirlo a un elemento se hace también igual que antes pero usando el atributoid:

div id="slider"AQUÍ EL CONTENIDO DEL DIV/div

Selector descendente

Las declaraciones se aplicarán sólo a los elementos de la etiqueta especificada que estén dentro de otra etiqueta concreta. Con este tipo de selectores restringimos el alcance de los simples, que evidentemente son más genéricos.

(Aplicar a todos los párrafos que se encuentren dentro de un span un relleno igual a 10px)

span p { padding: 10px; }

En este caso veis que hemos utilizado dos selectores (span yp) pero se pueden seguir añadiendo los que sean necesarios según el anidamiento de cajas que hayamos programado. El estilo siempre se aplicará al último. En el ejemplo a los párrafos (p).

(Aplicar a todos los elementos con clase textorojo que estén dentro de otro con id #slider, un color de fuente rojo)

#slider .textorojo { color: red; }

Se pueden combinar selectores de todos los tipos, de etiqueta, de clase y de id.

Selectores combinados

No sé si realmente están clasificados así, pero con el nombre de combinados me refiero a otros que utilizan todos los anteriores mezclados y que no son necesariamente descendentes.

(Aplicar a todos los párrafos con clase amplio que estén dentro de otro de un div con clase verde, un margen de 40px)

div.verde p.amplio { margin: 40px; }

Como veis en el ejemplo, el párrafo y eldiv son descendentes entre sí, pero tanto eldiv con respecto a su clase y el párrafo con respecto a la suya no lo son. En este último caso no se deja un espacio en blanco entre ambos selectores. Correspondería a esta estructura HTML:

div class="verde"
p class="amplio"TEXTO QUE SE VERÁ AFECTADO POR EL SELECTOR/p
pTEXTO QUE NO SE VERÁ AFECTADO/p
OTRO TEXTO QUE NO SE VERÁ AFECTADO
/div

Y a medida que vamos complicando esto obtenemos selectores cada vez más potentes para poder hacer operaciones de microcirugía en nuestra plantilla y así lograr alcanzar el elemento que queremos modificar y no otro.


En próximas entradas veremos otro tipo de selectores más avanzados y una manera sencilla de usar jQuery para saltar la limitación CSS de sólo poder ir en sentido descendente.

Sí, es JavaScript, pero no encontré otra manera y por eso dije "saltar" y además nos servirá a los de Blogger para poder personalizar los comentarios del autor del blog dónde no llega el CSS.

Lo que sabemos sobre selectores CSS

• Selectores básicos
  • Universal
  • Etiqueta
  • Clase
  • ID
  • Descendente
  • Combinado
• Selectores avanzados
  • Hijos
  • Adyacentes

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate your car Sacramento Donate car to charity California verizon sip alabama mesothelioma lawyer massage school dallas texas donate your car for kids business voice mail service Online casino Php programmers Life Insurance Co Lincoln mesothelioma information offshore accident lawyer buyer of structured settlement annuity adverse remortgage Social media platforms for business Hire php developer auto accident attorney Casino phd in counseling education Motor Replacements Make money online Australia Seo services business email web hosting Donating a car in Maryland Car Insurance in South Dakota Live casino WordPress theme designers buy gift card Best social media platforms MESOTHELIOMA LAW FIRM Casino reviews lawsuit mesothelioma new mexico mesothelioma lawyer mesothelioma settlement amounts Christmas cards Online Classes uk homeowner loans accident attorney in los angeles Hire php programmers arizona auto accident attorney Donate Car for Tax Credit mesothelioma lawyer california Online Christmas cards insurance medical temporary Mobile casino Social media tools PHD IN COUNSELING EDUCATION Computer science classes online structured settlement annuity companies refinance with poor credit Holland Michigan College Service business software auto accident attorney Torrance Bankruptcy lawyer Online Criminal Justice Degree Structures Annuity Settlement mesothelioma law firm Hard drive Data Recovery Services Nunavut culture DUI lawyer Hire php developers Dayton Freight Lines mesotheliama Online Colleges Cheap Domain Registration Hosting World trade center footage structured settlement sell Dwi lawyer life insurance co lincoln philadelphia mesothelioma lawyer Criminal lawyer florida car insurance company michigan motorcycle accident lawyer Criminal defense lawyer Webex Costs Php programmers for hire Car Insurance Quotes Utah LIFE INSURANCE CO LINCOLN CAR ACCIDENT LAWYERS structured settlement brokers low credit line credit cards cheaper insurance companies Cheap car insurance in Virginia Car Donate mesothelioma lawyer chicago emergency response plan ppt Donating used cars to charity mesothelioma lawsuits Donate a Car in Maryland Car Insurance Quotes PA structured settlemen home phone internet bundle car accident lawyers west palm beach structured settlements annuities alcohol rehab center in florida Sell Annuity Payment automobile accident attorney ONLINE MOTOR INSURANCE QUOTES Italian cooking school mesothelioma personal injury lawyers Paperport promotional code yahoo web hosting motorcycle lawyer los angeles Mortgage FUTURISTIC ARCHITECTURE mesothelioma lawsuit student loan consolidation program webex costs Business finance group MOTOR REPLACEMENTS Seo companies criminal defense federal lawyer Forex Trading Platform Best social media platforms for business Social media strategies New social media platforms Met Auto car insurance in south dakota personal injury lawyer DAYTON FREIGHT LINES Custom WordPress theme designer Best Seo company Business management software what is structured settlement Donate cars in ma Seo company ONLINECLASSES Social media platforms selling annuity Mesothelioma Law Firm Custom Christmas cards Photo Christmas cards city college in miami mesothelioma WordPress themes for designers WordPress hosting Personal Injury Lawyers Automobile Accident Attorney Psd to WordPress MET AUTO Social media examiner Donate Old Cars to Charity Car Insurance Quotes Colorado boca raton personal injury attorney Social media management pharmacist jobs in chicago injury lawyers Tech school Html email Criminal Defense Attorneys Florida Dedicated Hosting Dedicated Server Hosting Car insurance quotes MN miami personal injury attorney Proud Italian cook mesothelioma attorney florida adverse credit remortgage Psd to html domain name yahoo mesothelioma claims lease management software structured settlement company Donate Your Car Sacramento Adobe illustrator classes car insurance quotes tucson car accident attorney better conferencing calls Learning adobe illustrator SELL ANNUITY PAYMENT mesothelioma attorney Social media campaigns los angeles auto accident attorneys DONATE CARS ILLINOIS Donate Car to Charity California Donate Cars in MA How to Donate A Car in California NEUSON mortgage adviser Nunavut Culture Donate Your Car for Kids Asbestos Lawyers harddrive data recovery services sell structured settlement calculator boulder personal injury lawyers structured settlement investments mesothelioma settlements amounts Annuity Settlements event management security Insurance Companies supportpeachtreecom Donating Used Cars to Charity benchmark lending Online Stock Trading Massage school Dallas Texas Donate Cars Illinois Donating a Car in Maryland ASBESTOS LAWYERS Best Criminal Lawyers in Arizona Claim best mesothelioma lawyers bus accident attorney los angeles personal injury firm data recovery raid DONATE YOUR CAR FOR MONEY accident car florida lawyer Online Motor Insurance Quotes Auto Mobile Insurance Quote CAR INSURANCE QUOTES MN Paperport Promotional Code Online colledges World Trade Center Footage

Inserta botones sociales en el pié de tus entradas sin penalizar el rendimiento de tu Blog – Rooms

Ya no basta sólo con escribir buenos contenidos, ahora se hace necesario saber difundirlos. Los Bloggers mantienen una estrecha relación con las redes sociales como medio para conseguir llegar a más personas.

No es suficiente con los buscadores, las suscripciones o el boca a boca que hace años mantenía vivas nuestras publicaciones. Hoy día, Google+,Twitter o Facebook son verdaderos referentes para poder llegar hasta los millones de usuarios potenciales que navegan día a día por Internet.

El problema está en cómo propagar nuestros contenidos: aquí ya hemos vistocómo enviar nuestras entradas automáticamente a Facebook,enviarlas a Twitter, utilizamos a diario Google+ como red fundamental para compartir las entradas de nuestro Blog, hemosaprendido a integrar Twitter dentro de nuestra web e incluso hemos añadidoiconos de acceso para redes sociales en la cabecera del títulopara nuestro Blog.

Todo lo que vamos añadiendo a nuestro Blog en Diarios de la nube va orientado a obtener el mejor rendimiento posible de cara la navegación de nuestros usuarios. Busco conseguir no sólo un objetivo meramente visual o comunicativo, además trato de que la experiencia de navegación de los usuarios de tu Blog no se vea mermada por un ineficiente uso de "scripts" o "añadidos" que lastren su velocidad.

Para culminar los esfuerzos por integrar nuestros Blogs completamente en las redes sociales, me propongo ayudarte a crear un conjunto de botones "sígueme" o "me gusta" que tanto se utilizan en todos los Blogs del mundo pero con una peculiaridad que los hace "especiales": no van a restarle un ápice de velocidad al "dibujado" de tu página principal en el navegador de tus usuarios.

Así pues, realizaremos varias actividades en una, veremos cómo introducir unos botones "me gusta" y "enviar" de Facebook, otros de "sígueme" y "Twitear" de Twitter, para conseguir que nuestros usuarios puedan "difundir" u "opinar" sobre nuestros contenidos en las redes sociales. Así mismo, haremos que todos estos "scripts" o "añadidos" para "meter" esos botones en nuestro Blog, no ralenticen la carga para que de paso sean lo más eficientes posible.

Algunos conceptos iniciales, ¿Qué son los botones para las redes sociales?, ¿qué hacen?, ¿cómo funcionan?:

• Los botones de las redes sociales exigen la utilización de unos "scripts" que permiten introducir en nuestro Blog los "mecanismos necesarios", a través de código fuente para:

- Que los usuarios puedan puntuar nuestros contenidos o sumarse a ellos.
- Que los usuarios puedan suscribirse a nuestros contenidos, hacerse seguidores nuestros.
- Que los usuarios puedan "difundir" por su red social preferida nuestra entradas para que puedan leerlas otros usuarios.

• Estas posibilidades son revolucionarias, pues permiten a nuestros clientes interactuar, propagar, difundir nuestras creaciones más allá del círculo social en el que nosotros nos movamos para pasar a incluirlo dentro de otros que nos son ajenos.

• Por supuesto, la adición de estos añadidos obliga o, más bien, hace imprescindible estar dado de alta en todas las redes sociales cuyos botones decidamos poner en nuestro Blog.

¿Qué inconvenientes pueden tener a nivel de rendimiento el uso de scripts?

• El inconveniente que tiene añadir "scripts" es que requieren "incrustar" código fuente, que normalmente se conecta a servidores externos a nuestro Blog, que deben realizar operaciones de cálculo o descarga de componentes en los navegadores de nuestros usuarios, redundando en una relativa "carga" para el dibujado de nuestra web.

• Es fácilmente mesurable, como vimos en el artículo para optimizar el rendimiento de nuestro sitio web, que con Page Speed u otros "Benchmarks" existentes en el mercado se descubre cómo estos scripts "paran" en cierta medida la finalización del dibujado de nuestro sitio. Mientras descargamos los contenidos de nuestro Blog, los scripts "postergan" de una manera u otra el avance debido a que deben conectarse al servidor del cual han sido extraídos para dibujar sus botones y realizar las operaciones para las cuales fueron creados.

Entonces, ¿quitamos todos los scripts de nuestro Blog?, ¿quitamos los de redes sociales?

• Los navegadores modernos se encargan de realizar cálculos y "balanceos" de carga que permiten "dibujar" lo fundamental de la página en primer lugar para después centrarse en aquello que pueda ir más despacio.

• La carga asíncrona de scripts es algo con lo que también, poco a poco, los propios scripts descargados de las redes sociales trabajan. Cuando el navegador lee una página HTML descargada de un servidor, va leyendo línea a línea, cuando llega a un script si "espera" a que termine por completo, hace que la web entera no se dibuje completamente hasta que dicho script finalice. La carga "asíncrona" impide que el navegador espere a que el "script" termine para completar el dibujado de la página.

• Podemos utilizar "scripts" pero siempre controlando que no nos estamos "cargando" la experiencia de usuario con una velocidad inferior a la esperada, que no estamos incurriendo en un uso indiscriminado "de cosas" que añadimos a nuestro Blog para añadir una funcionalidad determinada que ni siquiera utilizan nuestros usuarios.

• Recomiendo en este punto leer puntos de optimización comoMejora la velocidad de tu Blog ajustando las imágenesolocalización de objetos que puedan estar impidiendo un rendimiento adecuado..

¿Qué vamos a hacer?, postergando la carga de los scripts dentro de las entradas

• Vamos a configurar los botones para las redes sociales de Tweeter y Facebook como ejemplo, se podrán configurar todos los que se deseen.

• Vamos a hacer que se dibujen sólo en el interior de las entradas, es decir, cuando el usuario accede al contenido de la entrada al pulsar "más información" desde la página principal de nuestro Blog. De esta manera impedimos que la página principal tenga que mostrar los botones sociales, precargando los scripts sin tener que dar resultados "visibles" que ataquen directamente al rendimiento de nuestro Blog.

Paso a paso:

Configura tus botones para Twitter:

1) Nos conectamos ahttps://twitter.com/about/resources/buttonspara extraer el código fuente de los botones para esta red social que vamos a introducir en nuestro Blog.

En la página de selección de botones de Twitter elegimos los que nos interesen.

2) Selecciona por ejemplo "Compartir Enlace" que nos proporcionará el código fuente de Twitter para introducir el botón "Twitear" en nuestro Blog:

Seleccionamos el botón que deseemos añadir a nuestro Blog. Observar el recuadro azul donde se encuentra el código que debemos llevarnos a nuestro Blog.

3) Copiamos el código que se encuentra bajo la sección derecha "Previsualización y código":

Procura ir pegando el texto en un editor a parte para luego recuperar todos los botones con los que vamos a trabajar.

4) Realiza los mismos pasos del 1 al 3 pero esta vez selecciona el botón "Seguir" para poder añadir el botón que permitirá a tus usuarios seguirte en Twitter.

Configura tus botones para Facebook:

5) En la página de Facebookhttps://developers.facebook.com/docs/reference/plugins/like/dispondrás de los botones que requieres para añadirlo a tu Blog.

Selección de botones de Facebook para incluir en tu navegador

6) Introduce la URL de tu Blog en "URL to like" y selecciona "Layout Style" "button_count" para que podamos tener espacio en el Blog y no ocupemos todo el espacio disponible en la botonera inferior con sólo los botones de Facebook.

7) Pulsa el botón "Get Code" y cópiate el código en el editor donde incorporaste los de Twitter.

Introduce los cambios en tu Blog

8) Realiza una copia de seguridad antes de cualquier cambios para poder volver atrás en caso de error.

9) Dentro de Blogger, dirígete a "Plantilla" y pulsa el botón "Editar HTML" para realizar los siguientes pasos.

Al editar el HTML de tu plantilla aparecerá todo el código de la misma.

10) Pulsa CONTROL+ F dentro del recuadro de código y busca:b:includable id='shareButtons' var='post'

En esa zona se encuentran todos los botones para compartir que por defecto Blogger añade en tu plantilla a tus entradas.

11) Al final del último botón que Blogger utiliza para colocar tus botones de compartir añade el código marcado en rojo:

b:includable id='shareButtons' var='post'
b:if cond='data:top.showEmailButton'
a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'
span class='share-button-link-text'
data:top.emailThisMsg/
/span
/a
/b:if
b:if cond='data:top.showBlogThisButton'
a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'
span class='share-button-link-text'
data:top.blogThisMsg/
/span
/a
/b:if
b:if cond='data:top.showTwitterButton'
a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToTwitterMsg/
/span
/a
/b:if
b:if cond='data:top.showFacebookButton'
a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToFacebookMsg/
/span
/a
/b:if
b:if cond='data:top.showOrkutButton'
a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'
span class='share-button-link-text'
data:top.shareToOrkutMsg/
/span
/a
/b:if
b:if cond='data:top.showDummy'
div class='goog-inline-block dummy-container'
data:post.dummyTag/
/div
/b:if
b:if cond='data:blog.pageType == "item"'
table cellspacing='0' width='100%'
tr
td align='left' halign='bottom' height='70' valign='bottom' width='100%'
div class='fb-like' data-href='http://diariosdelanube.blogspot.com.es/' data-layout='button_count' data-show-faces='false' data-width='450'/
div class='fb-send' data-href='http://diariosdelanube.blogspot.com.es/'/
a class='twitter-share-button' data-lang='es' data-via='Diariosdelanube' href='https://twitter.com/share'Twittear/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script
a class='twitter-follow-button' data-lang='es' data-show-count='false' href='https://twitter.com/Diariosdelanube'Seguir a @Diariosdelanube/a
script!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script
/td
/tr
/table/b:if
/b:includable

12) El código en rojo lleva todos mis botones metidos en una tabla. el códigob:if cond='data:blog.pageType == "item"'que al final de todo el añadido con mi tabla se cierra con un/b:if es el encargado de conseguir que SÓLO se dibujen los botones de las redes sociales cuando el usuario acceda a leer la entrada. Es decir, impedirás que se dibujen en la página principal haciendo que sólo se vean cuando tus visitantes hagan "clic" en más información.

Explicación detallada del código:

• b:if cond='data:blog.pageType == "item"':Hace condicional el dibujado de los botones, a que sólo se realice cuando el usuario haga "clic" en "más información" para ver el detalle de tu entrada. De esta manera no penalizarás la carga de la página principal.

• table cellspacing='0' width='100%':Se crea una tabla donde habrá un sólo registro en el que se meterán todos los botones sociales.

• tr:Indica que se abre un registro de la tabla. El único que vamos a utilizar.

• td align='left' halign='bottom' height='70' valign='bottom' width='100%':Establece el tamaño que ocupará dentro del registro de la tabla cada dato que vamos a insertar.

• div class='fb-like' data-href='http://diariosdelanube.blogspot.com.es/' data-layout='button_count' data-show-faces='false' data-width='450'/: Código fuente extraído de la web de facebook buttons para añadir "me gusta". NOTA IMPORTANTE: es necesario para que funcione el código que después de "body" introduzcas el Javascript que se te indica en la web de Facebook, de lo contrario los botones no se pintarán ni funcionarán.Aquí pondrás tu equivalente sacado de Facebook buttons.

• div class='fb-send' data-href='http://diariosdelanube.blogspot.com.es/'/:Código fuente extraído de la web de facebook buttons para añadir "enviar". NOTA IMPORTANTE: es necesario para que funcione el código que después de "body" introduzcas el Javascript que se te indica en la web de Facebook, de lo contrario los botones no se pintarán ni funcionarán. Aquí pondrás tu equivalente sacado de Facebook buttons.

• a class='twitter-share-button' data-lang='es' data-via='Diariosdelanube' href='https://twitter.com/share'Twittear/ascript!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script:Código fuente extraído de la web de Twitter buttons para añadir "Twittear" con script asíncrono. NOTA: Aquí deberás poner el código que Twitter te proporcionó en la web de Twitter buttons.

• a class='twitter-follow-button' data-lang='es' data-show-count='false' href='https://twitter.com/Diariosdelanube'Seguir a @Diariosdelanube/ascript!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');/script:Código fuente extraído de la web de Twitter buttons para añadir "Sígueme" con script asíncrono.NOTA: Aquí deberás poner el código que Twitter te proporcionó en la web de Twitter buttons.

• Aquí podrás añadir los botones de otras redes sociales que prefieras. No te recomiendo añadir el+1 de G+ si ya lo tienes en la parte superior.

• /td:Se cierra el dato de la tabla.
• /tr:Se cierra el registro de la tabla.
• /table/b:if:Se cierra el condicional de que se dibujen o no los botones.

¡Eso es todo!, disfruta de unos botones para redes sociales con el mejor rendimiento para la página principal de tu Blog.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

Adobe illustrator classes mesothelioma Custom Christmas cards Psd to WordPress AUTOMOBILE ACCIDENT ATTORNEY Hire php developers mesothelioma symptoms business administration masters Cheap car insurance for ladies car insurance quotes pa Social media platforms for business best consolidation loan student Motor Replacements Social media management CAR INSURANCE IN SOUTH DAKOTA Online College Course Webex Costs structured settlement blog Online Christmas cards Paperport Promotional Code cell cycle regulation ppt STRUCTURED ANNUITY SETTLEMENT Nunavut Culture Html email alabama mesothelioma lawyer PAPERPORT PROMOTIONAL CODE Online casino Best Criminal Lawyers in Arizona mesothelioma law firm Dayton freight lines personal injury attorney ocala fl la personal injury lawyer Casino mesothelioma information Online Colleges life insurance quotes Online motor insurance quotes Business management software VIRTUAL DATA ROOMS Car Donate Mobile casino mesothelioma attorney florida state of california car insurance auto insurance cost by state car insurance companies Tech school mesothelioma lawyer dallas Make money online Australia FORENSICS ONLINE COURSE email bulk service personal injury lawyer sarasota fl mesothelioma attorney assistance Criminal lawyer ASBESTOS LAWYERS CHEAP DOMAIN REGISTRATION HOSTING ONLINE MOTOR INSURANCE QUOTES Asbestos Lung Cancer Casino reviews Bankruptcy lawyer DONATE A CAR IN MARYLAND Live casino Futuristic Architecture DUI lawyer Cheap Car Insurance for Ladies city college in miami Dwi lawyer primary pulmonary hypertension asbestos lawyers washington mesothelioma attorney Php programmers sell your structured settlement payments PHD on Counseling Education Best social media platforms CHEAP CAR INSURANCE IN VIRGINIA Service business software Social media examiner Mesothelioma Law Firm selling structured settlement Learning adobe illustrator chicago hair laser removal mesothelioma survival rates accident attorney in los angeles yahoo web hosting LOW CREDIT LINE CREDIT CARDS Hire php programmers asbestos mesothelioma lawsuit Business finance group ONLINE COLLEDGES asbestos lung cancer anti spam exchange server Holland Michigan College Seo company Criminal defense lawyer Php programmers for hire Hire php developer CAR INSURANCE QUOTES MN Computer science classes online Car Insurance Companies motorcycle accident attorney sacramento mesothelioma suit Donating used cars to charity selling my structured settlement Social media strategies Psychic for Free Seo companies Criminal lawyer Miami federal criminal defense attorney accident lawyers in los angeles Best social media platforms for business How to Donate A Car in California LIFE INSURANCE CO LINCOLN DAYTON FREIGHT LINES HOW TO DONATE A CAR IN CALIFORNIA New social media platforms workers compensation lawyer los angeles ONLINECLASSES injury lawyers west palm beach Italian cooking school verizon sip ANNUITY SETTLEMENT Custom WordPress theme designer Seo services georgia truck accident lawyer structured settlement sell Best Seo company Social media campaigns Business VOIP Solutions Cheap Car Insurance in Virginia CAR DONATE mesothelioma drug Car Insurance Quotes Car Insurance Quotes Colorado REGISTER FREE DOMAINS mesothelioma lawyer asbestos cancer lawsuit los angeles auto accident attorneys FUTURISTIC ARCHITECTURE houston tx auto insurance criminal defense attorneys florida insurance medical temporary ashely madis Photo Christmas cards WordPress themes for designers mesothelioma attorney WordPress hosting sell annuity payment ROYALTY FREE IMAGES STOCK CHEAP AUTO INSURANCE IN VA online motor insurance quotes Email Bulk Service Online Classes Car Insurance Quotes Utah Car Insurance in South Dakota Donating a Car in Maryland Social media platforms average mesothelioma settlement online colledges Christmas cards Proud Italian cook Psd to html WordPress theme designers Life Insurance Co Lincoln saskatchewan auto insurance Donate Your Car Sacramento Donate Car for Tax Credit low credit line credit cards cash out structured settlement personal injury firm onlineclasses Social media tools Dayton Freight Lines cheap auto insurance in va compare life assurance maritime lawyer houston mesothelioma settlements dui lawyer scottsdale Donate Car to Charity California Online classes Donate Cars in MA MASSAGE SCHOOL DALLAS TEXAS Met Auto Sell Annuity Payment structured settlemen google adsense structured settlement need cash now Donate Your Car for Kids Asbestos Lawyers Auto Mobile Shipping Quote Structures Annuity Settlement car insurance quotes mn bus accident attorneys Annuity Settlements houston motorcycle accident lawyer Hard drive Data Recovery Services Donate a Car in Maryland small business administration sba Cheap Domain Registration Hosting Donate Cars Illinois Criminal Defense Attorneys Florida Dedicated Hosting Dedicated Server Hosting Register Free Domains hair removal washington dc better conferencing calls Car Insurance Quotes PA CRIMINAL DEFENSE ATTORNEYS FLORIDA DONATE CARS IN MA Online Motor Insurance Quotes Home Phone Internet Bundle Data Recovery Raid personal injury lawyer domains yahoo

Una de efectos tecnológicos – cancer

Elefecto Streisand es un fenómeno de Internet en el que un intento de censura uocultamiento de cierta información fracasaresultando contraproducente para el censor, ya que ésta acaba siendo ampliamente divulgada recibiendo mayor publicidad de la que habría tenido si no se la hubiese pretendido acallar.

El término debe su nombre a un incidente ocurrido en 2003 con la actriz estadounidense Barbra Streisand, que denunció al fotógrafo Kenneth Adelman y la página de fotografías pictopia.com por 50.000.000 dólares, exigiendo que se retirase una foto aérea de su casa de una publicidad que contenía imágenes de la costa de California, alegando su derecho a la privacidad.

Adelman argumentó que se dedicaba a fotografiar las propiedades en primera línea de playa para documentar la erosión de la costa de California. El periódico San Jose Mercury News advirtió poco después que aquella imagen se había hecho popular en Internet. Con su intento de censura, Barbra Streisand consiguió que una información en un primer momento intrascendente acabase obteniendo una gran repercusión mediática.

Caso WikiLeaks

En Diciembre de 2010, el sitio de informes y documentos filtrados con contenido sensible en materia de interés público, WikiLeaks, fue objeto de un ataque DDoS y del bloqueo ISP como represalia por haber hecho una publicación masiva de documentos del Departamento de Estado de los Estados Unidos. La gente simpatizó con WikiLeaks y ofreció masivamente sus servidores para realizar sitios espejo (mirrors, copias) de manera que resultara imposible para nadie conseguir borrar completamente la información de la Red.

---

Se denominaEfecto Google a la tendencia aolvidar información que se puede encontrar fácilmente en Internet utilizando motores de búsqueda como Google en lugar de esforzarse en recordarlo.

Yo añadiría como segunda denominación la deefecto móvil o celular, según país de origen.

---

El problema del año 2000, también conocido comoefecto 2000, error del milenio, problema informático del año 2000 (PIA2000) o por el numerónimo Y2K, es un bug o error de software causado por la costumbre que habían adoptado los programadores deomitir la centuria en el año para el almacenamiento de fechas (generalmente para economizar memoria), asumiendo que el software sólo funcionaría durante los años cuyos nombres comenzaran con 19. Lo anterior tendría como consecuencia que después del 31 de diciembre de 1999, sería el 1 de enero de 1900 en vez de 1 de enero de 2000.

Al acercarse el año 2000, surgieron muchos rumores de casos y catástrofes económicas en el mundo entero, un pavor generalizado a un eventual colapso de los sistemas basados en computadoras por causa de este problema (como con lo del fin de la era maya, pero más fundado). Las compañías aseguradoras incluso comenzaron a incluir una claúsula especial en todas sus pólizas para indicar la no cobertura del efecto 2000.

La corrección del problema costó miles de millones de dólares en el mundo entero, sin contar otros costes relacionados, pero finalmente no pasó nada... como en parte era previsible.

---

Se denominaobsolescencia programada u obsolescencia planificada a la determinación, la planificación oprogramación del fin de la vida útil de un producto o servicio de modo que tras un período de tiempo calculado de antemano por el fabricante o por la empresa de servicios durante la fase de diseño de dicho producto o servicio éste se torne obsoleto, no funcional, inútil o inservible.

Se considera que el origen se remonta a 1932, cuando Bernard London proponía terminar con la gran depresión a través de la obsolescencia planificada y obligada por ley (aunque nunca se llevase a cabo). Sin embargo, el término fue popularizado por primera vez en 1954 por Brooks Stevens, diseñador industrial estadounidense. Stevens tenía previsto dar una charla en una conferencia de publicidad en Minneapolis en 1954. Sin pensarlo mucho, utilizó el término como título para su charla.

---

Fuente:Wikipedia.

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

la personal injury lawyer Dedicated Hosting Dedicated Server Hosting WordPress themes for designers Car Donate Custom WordPress theme designer lawsuit mesothelioma peritoneal mesothelioma florida car insurance company FORENSICS ONLINE COURSE CAR INSURANCE QUOTES COLORADO personal injury lawyer Seo companies mesothelioma law suit Cheap Auto Insurance in VA Donate Your Car Sacramento Futuristic architecture Mortgage Social media campaigns los angeles motorcycle accident lawyer Met auto Home Phone Internet Bundle Bankruptcy lawyer CHEAP AUTO INSURANCE IN VA WordPress theme designers WORLD TRADE CENTER FOOTAGE Learning adobe illustrator Online casino Psd to html Mobile casino Casino Seo services DALLAS MESOTHELIOMA ATTORNEYS Forex Trading Platform Hire php programmers Register Free Domains massage school dallas texas Casino reviews NUNAVUT CULTURE Car Accident Lawyers DUI lawyer Make money online Australia Auto Mobile Shipping Quote Car insurance quotes pa Php programmers Cheap car insurance in Virginia structured settlement brokers mesothelioma charities car donate Donate car for tax credit DONATING A CAR IN MARYLAND BETTER CONFERENCING CALLS Live casino business administration masters low credit line credit cards Cheap Car Insurance for Ladies Online College Course Donate your car for kids Hire php developers Register free domains HOME PHONE INTERNET BUNDLE cash out structured settlement Online classes Computer science classes online Dwi lawyer Criminal lawyer earthlink business internet colorado auto accident attorney Custom Christmas cards register free domains Futuristic Architecture Psd to WordPress Donate a car in Maryland Car Insurance Quotes PA Car Insurance Companies CRIMINAL DEFENSE ATTORNEYS FLORIDA ONLINECLASSES Service business software Hire php developer Criminal defense lawyer email bulk service quotes car EMAIL BULK SERVICE Online motor insurance quotes Business finance group motorcycle accident attorney sacramento Dayton Freight Lines PhD in counseling education Php programmers for hire automobile accident attorney Paperport Promotional Code car accident lawyers Donate Car to Charity California Business Voip Solutions PHD IN COUNSELING EDUCATION How to Donate A Car in California Health Records Personal Health Record refinance with poor credit mesotheloma Car Insurance Quotes Utah Best social media platforms for business New social media platforms structured annuity settlement SELL ANNUITY PAYMENT HARDDRIVE DATA RECOVERY SERVICES Low Credit Line Credit Cards better conferencing calls Social media platforms for business Motor Replacements life insurance quotes DONATE YOUR CAR FOR KIDS structured settlement annuity companies Donate cars Illinois bus accident attorney los angeles Donate a Car in Maryland asbestos lung cancer benchmark lending los angeles auto accident attorneys NEUSON google affiliate structured settlement sell Best Seo company Italian cooking school Business management software maritime lawyer houston Best social media platforms Donate Cars Illinois Seo company structured settlement company Online Christmas cards asbestos lawyers Online Motor Insurance Quotes boca raton personal injury attorney Motor Insurance Quotes dallas mesothelioma attorneys verizon sip Social media examiner Nunavut Culture Photo Christmas cards Royalty Free Images Stock Car Insurance Quotes MN DONATE CAR FOR TAX CREDIT domains yahoo Donate Cars in MA STRUCTURED ANNUITY SETTLEMENT structured settlement investments emergency response plan ppt mesothelioma lawsuit WordPress hosting mesothelioma attorney illinois Adobe illustrator classes Social media management Tech school Html email baltimore mesothelioma attorneys personal injury solicitor Social media tools Met Auto Social media platforms california motorcycle accident lawyer CAR INSURANCE QUOTES PA Christmas cards Business VOIP Solutions mesothelioma settlements amounts Proud Italian cook donate car for tax credit forensics online course Donating Used Cars to Charity life insurance co lincoln Social media strategies Neuson event management security DONATE A CAR IN MARYLAND DONATE CARS IN MA CHEAP CAR INSURANCE IN VIRGINIA Mesothelioma Law Firm Donate Car for Tax Credit structured settlements companies Structures Annuity Settlement sell my structured settlement mesothelioma lawyer virginia See more at http//wwwginfostopnet/ Home phone internet bundle VIRTUAL DATA ROOMS structured settlemen structured settlements annuities Donate Car To Charity CALIFORNIA Sell Annuity Payment ashely madis mesothelioma lawyer houston Criminal lawyer Miami Donate Your Car for Kids Asbestos Lawyers Cheap Domain Registration Hosting car accident lawyers west palm beach city college in miami workplace accident attorney Car Insurance Quotes Colorado Nunavut culture Annuity Settlements Better Conference Calls chicago hair laser removal car insurance in south dakota colorado mesothelioma lawyers Hard drive Data Recovery Services Criminal Defense Attorneys Florida mesothelioma trial attorney insurance medical temporary Donating a Car in Maryland Insurance Best Criminal Lawyers in Arizona