CosasParaMiBlogs

sábado, 1 de octubre de 2011

Generador de iconos de carga (loader) con CSS3 – Car – php

Hay muchos elementos distintivos del CSS3 como las sombras (box-shadow,text-shadow), cajas redondeadas (border-radius), gradientes (gradient), transformaciones (transform) y transiciones (transition). Unas nos permiten poder simplificar mucho el código y evitar el uso de más imágenes de las necesarias y otras nos ayudan a acercarnos a efectos que antes estaban reservados para otros lenguajes de programación distintos de HTML, como Flash y JavaScript.

Pero hay uno con el que un diseñador avezado, hace cosas que poco tiempo atrás parecían imposibles de conseguir sólo con hojas de estilo. Son las animaciones, que se consiguen con la propiedadANIMATION.

En el enlace anterior podéis ver las especificaciones de la propiedad, que es una extensión deTRANSITION, pero si estáis como yo, todavía en una fase muy inicial de aprendizaje de este estándar, seguramente también os suene a chino... o alemerig, para los afortunados que sepan chino.

Afortunadamente, cada vez salen más artículos sobre cómo hacer cosas puntuales e incluso sitios congeneradores que nos facilitan la tarea.

En esta ocasión el que hemos descubierto nos facilita el código necesario para crear una pequeña animación que simula iconos típicos de Ajax que se muestran mientras algo se está cargando. EsCSSload y en ella encontramos hasta 8 modelos distintos que podemos configurar en cuanto a tamaño, colores y velocidad. Nosotros ajustamos esas opciones y la páginas nos facilita el código CSS y el HTML necesario para que se vea.

El ejemplo está ahí mismo en forma de círculo rojo dando vueltas por el perfil de una circunferencia naranja. Aunque parezca un GIF animado, no lo es. Sólo se trata de CSS. La prueba la tendréis si intentáis descargar la imagen. Simplemente no hay imagen, son líneas, bordes de cajas redondas que posteriormente se han animado.

Si no lo ves es porque tu navegador está algo desactualizado (Firefox, Chrome, Safari) o porque usas Internet Explorer, aunque parece que la versión 9 ya empieza a leer algunas de estas cosas.

La forma más fácil dever qué propiedades soporta tu actual navegador es accediendo a la página dehaz.io, que te mostrará en forma de check list, una gran variedad de las nuevas tecnologías que~~vienen~~ ya están aquí, referentes a HTML, CSS y Javascript.

Este último es otro ejemplo sacado de CSSload.

miércoles, 28 de septiembre de 2011

Redes sociales, Servicios, X-Topic

En qué consisten las nuevas suscripciones en Facebook – School – Teleconferencias – Dominios

Muchos cambios en Facebook en poco tiempo y cuando apenas hemos digerido los pequeños como las suscripciones, el stream que nos muestra las notificaciones en tiempo real y el nuevo sistema de titulares, aparece Zuckerberg y nos cuenta que va arevolucionar todo el sistema de esta red social.

En fin, yo ya tenía medio preparado esto antes de tanta movida, así que hoy vemos el tema de las suscripciones y si tengo un rato, ya veremos más adelante el resto.

Por cierto, que si alguien ha grabado su número de teléfono móvil en Facebook, posiblemente puedaacceder como desarrollador a la versión de pruebas. No sé si es reversible, pero en el enlace anterior tenéis explicado cómo ver el nuevo muro. Que no os asuste lo de 'desarrollador'; es simplemente un atajo y no hay que tener ningún conocimiento como tal para llegar a dónde nos interesa.

Volviendo alas suscripciones, los usuarios que quieren instalar este sistema también me han planteado ya muchas dudas sobre por qué no ven el nuevo botón ni en su muro ni en el de sus amigos, tampoco en la página que suelen visitar y ni siquiera en otros perfiles que han probado aleatoriamente.

Bien. He probado poco, pero creo que la cosa la tengo más o menos clara. La situación hasta ahora era la siguiente:

Alfredo y Beatriz NO son amigos
Alfredo quiere ver en su propio muro las actualizaciones de Beatriz
Alfredo envia una solicitud de amistad para ello a Beatriz
Mientras Beatriz no acepte dicha solicitud, Alfredo seguirá sin ver nada de Beatriz y viceversa
Beatriz acepta a Alfredo
Alfredo ahora puede ver en su muro el contenido público de Beatriz
Beatriz también puede ver en el suyo las publicaciones de Alfredo
Ambos son amigos ahora

¿Y qué ocurre con esto de la suscripción? Pues la diferencia principal es que la relación es unilateral, sin necesidad de reciprocidad:

Alfredo y Beatriz NO son amigos
Alfredo quiere ver en su propio muro las actualizaciones de Beatriz
Beatriz tiene autorizado el servicio de suscripciones
Alfredo se suscribe al contenido de Beatriz
Alfredo ahora puede ver en su muro el contenido público de Beatriz
Beatriz sigue sin poder ver el contenido de Alfredo
Siguen sin ser amigos

El quid está en queya no es necesario marcar a alguien como amigo para poder recibir sus actualizaciones. Simplemente te suscribes a su feed, al modo en el que lo haces con un blog -bien por correo, bien mediante un lector de fuentes- y recibes las nuevas publicaciones en tu muro.

De esta manera podrás diferenciar claramente la gente con la que realmente te une algún tipo de relación y aquellos que te interesan sólo por el contenido que publican. Para estos últimos son las suscripciones.

Y fijaros que digo "gente", porque el sistema de suscripcionessólo está habilitado para perfiles personales. Tiene su lógica, porque las páginas ya tienen un sistema similar a las suscripciones ahora mismo. Cuando pinchas en el "Me gusta" de una página, comienzas a recibir su contenido en tu muro, pero en ningún momento, la página ve tu contenido en el suyo. Hacerse fan de una página viene a ser lo mismo que suscribirse a un perfil personal.

Así que ahora se puede seguir a alguien con reciprocidad mediante el botón "Agregar a mis amigos" o sin esa reprocidad con el botón "Suscribirme". Hay que tener claro que cuando se agrega a alguien como amigo, automáticamente estás suscribiéndote también a su contenido.

En el siguiente enlace hay más información sobreel tema de las suscripciones y unFAQ, de la mano del propio Facebook.

Y antes hablaba de habilitar esa posibilidad de suscripción.Por defecto, nadie tiene esa opción en su perfil: el que quiera ver lo mío, que me enseñe también lo suyo... Más o menos esta es la idea. No todo el mundo quiere compartir lo que publica.

Si tu deseo es el contrario y quieres que otros vean tu contenido sin necesidad de que te agreguen como amigo, entonces has de ir a lapágina de presentación y allí pulsar en el botón "Permitir suscriptores".

Se abrirá una ventana confirmándote la activación y en la que podrás también seleccionar si permitirás comentarios y si quieres que se te remita una notificación cuando alguien se suscriba a tu perfil.

Desde el otro lado, el del suscriptor, cuando estés suscrito a alguien podrás seleccionar qué tipo de actualizaciones quieres que se muestren en tu muro, para así filtrar un poco los contenidos y que no se convierta todo en una enorme torre de Babel.

buying an annuity calculator Car insurance quotes Colorado bus accident attorneys structured settlement need cash now Make money online Australia adverse credit remortgage massage school dallas texas auto accident attorney MASSAGE SCHOOL DALLAS TEXAS Car Insurance in South Dakota Dwi lawyer WEBEX COSTS saskatchewan auto insurance WordPress hosting Learning adobe illustrator Social media examiner hosted predictive dialers MESOTHELIOMA LAW FIRM Dallas Mesothelioma Attorneys Paperport Promotional Code workplace accident attorney Auto Accident Attorney CAR INSURANCE IN SOUTH DAKOTA CAR DONATE DUI lawyer Online casino Donate a car in Maryland truck accident attorney los angeles buy gift card DONATING USED CARS TO CHARITY structured settlement buyer Social media tools Casino Criminal lawyer Miami Dayton Freight Lines Online Colleges mesothelioma lawyer houston Car Insurance Quotes Colorado PHD on Counseling Education injury attorney baton rouge AUTO ACCIDENT ATTORNEY mesothelioma cases mesothelioma attorneys california hughes net business REGISTER FREE DOMAINS Home Phone Internet Bundle federal criminal defense attorney New social media platforms Live casino Photo Christmas cards dallas mesothelioma lawyer Social media platforms for business Mobile casino diagnosed with mesothelioma structured settlement brokers business voice mail service Php programmers los angeles motorcycle accident lawyer DONATE OLD CARS TO CHARITY primary pulmonary hypertension Casino reviews mesothelioma help cash out annuity CHEAP CAR INSURANCE FOR LADIES Best social media platforms personal injury solicitor offshore accident lawyer motorcycle accident lawyer san francisco Social media management city college in miami Hire php developers Hire php programmers forensics online course virtual data rooms CAR INSURANCE QUOTES PA Webex Costs Online Stock Trading Data Recovery Raid state of california car insurance auto insurance cost by state Forensics online course Custom Christmas cards Php programmers for hire NUNAVUT CULTURE Criminal lawyer Service business software LOW CREDIT LINE CREDIT CARDS Criminal defense lawyer Forensics Online Course Tech school Asbestos Lung Cancer dallas mesothelioma attorneys life insurance co lincoln DAYTON FREIGHT LINES Adobe illustrator classes Social media strategies structured settlement blog Donate cars in ma Car Insurance Quotes PA Hire php developer Psychic for Free google affiliate mesothelioma law firms Bankruptcy lawyer Computer science classes online Online Motor Insurance Quotes Business VOIP Solutions fast cash for house Donate Your Car for Kids Better Conference Calls Seo companies Register Free Domains Best social media platforms for business onlineclasses personal injury accident lawyer canada personals yahoo Seo company Online colledges paperport promotional code mesothelioma attorney assistance car insurance quotes pa semi truck accident lawyers Criminal Defense Attorneys Florida Business finance group Donate Your Car Sacramento selling annuity DONATING A CAR IN MARYLAND CAR INSURANCE QUOTES UTAH Custom WordPress theme designer structured settlement purchasers Virtual Data Rooms Donate your car for kids Seo services Best Seo company Business management software mesothelioma attorney florida Life Insurance Co Lincoln mesothelioma litigation car crash attorneys accident attorneys orange county tucson car accident attorney ONLINE COLLEDGES Online Christmas cards Dallas mesothelioma attorneys webex costs WordPress themes for designers WebEx costs Proud Italian cook la personal injury lawyer business email web hosting Psd to WordPress car insurance quotes colorado supportpeachtreecom Car Donate Online classes asterisk call center software Gas/Electricity Asbestos Lawyers Dedicated Hosting Dedicated Server Hosting How to Donate A Car in California colorado mesothelioma lawyers Html email Social media platforms Motor Replacements Christmas cards NEUSON mesothelioma claim Psd to html Italian cooking school World Trade Center Footage WordPress theme designers Injury Lawyers Cheap Car Insurance in Virginia chicago hair laser removal selling my structured settlement asbestos lawyers Donate Car to Charity California mesothelioma survival rates Social media campaigns Mesothelioma Law Firm Donate Car for Tax Credit Donate Cars in MA Donate old cars to charity anti spam appliance Sell Annuity Payment buyer of structured settlement annuity SELL ANNUITY PAYMENT Email bulk service Structures Annuity Settlement CRIMINAL DEFENSE ATTORNEYS FLORIDA injury lawyer houston tx Nunavut Culture MORTGAGE ADVISER Online Criminal Justice Degree Annuity Settlements Car Insurance Quotes Utah best consolidation loan student personal injury lawyer Attorney Holland Michigan College car insurance companies Mortgage adviser online criminal justice degree donate your car for money Hard drive Data Recovery Services Donate a Car in Maryland Cheap Domain Registration Hosting Donating a Car in Maryland hair removal washington dc cell cycle regulation ppt

jueves, 22 de septiembre de 2011

Blogger, Mundo Google, Promoción, Trucos, X-Topic

Metadatos con schema.org para el botón +1 – Virginia – Registros

Tras ver el otro día queel botón +1 próximamente servirá para compartir el contenido de una página, quizás sea el momento dever cuáles son los datos que este enviará, porque según las plataformas, el botón tomará bien el título de la entrada o no y lo mismo con el resto de datos que se supone que envía automáticamente.

Para homogeneizar esto, no hace mucho,Google, Bing y Yahoo se pusieron de acuerdo para crear un estándar estructurado, con un vocabulario común para marcar datos en páginas web. Este invento se llamaschema.org.

Ver la parte de la documentación quizás asusta un poco a los que no entendemos mucho de esto, pero en el fondo,no son mas que etiquetas que se pueden aplicar al contenido de nuestras páginas y que los buscadores interpretaran de una manera determinada.

Estas marcas se pueden programar medianteMETA o directamente sobre el contenido. Este sería un ejemplo de una sencilla página con tres datos, mediante la segunda opción:

body itemscope itemtype="http://schema.org/Product"
h1 itemprop="name"Shiny Trinket/h1
img itemprop="image" src="image-url"/img
p itemprop="description"Shiny trinkets are shiny./p
/body

Primero indicamos conitemscope que lo que se encuentra dentro de ese bloque se debe interpretar con el estándar SCHEMA y dentro de este, conitemtype, que se van a usar las keywords de productos (Product). Luego, el título se marca conitemprop="name" (propiedad del objeto=nombre/titulo), la imagen conitemprop="image" y el sumario conitemprop="description".

De esta manera, cuando un robot de algún buscador quiera extractar esta información, sólo tendrá que localizar las correspondientes etiquetasitemprop y enseguida obtendrá los datos que necesita. Lo importante de esto es que esos datos no serán los que él quiera o los que escoja de manera azarosa, sinoprecisamente los que nosotros hemos querido.

¿Y cómo aplicar esto a Blogger? Pues con dificultad, como siempre, porque aunque se trata de un estándar compartido por Google, lo cierto es que las limitaciones estrictas que nos impone Blogger en cuanto a insertar código en la plantilla, provoca que no se puedan usar de manera óptima etiquetasMETA para este fin y que la otra opción (etiquetando conitemprop) tampoco funcione 100% bien.

De todas formas algo podemos hacer y aunque de momento no lo podáis ver (ya dije que hay que estar inscrito en elgrupo de pruebas y que sólo esos pueden compartir contenido actualmente), creo que no está de más preparar la cosa para cuando todo el mundo tenga acceso.

Este sistema nos sirve igualmente para otros fines y las etiquetas se pueden poner directamente en el contenido de las entradas, pero como más adelante puede que mejore o incluso se automatice el sistema para Blogger, nosotroslo vamos a poner todo en la plantilla para poderlo quitar fácilmente si fuera necesario. Para ello vamos a usar las etiquetasDATA que contienen los datos que a estos fines nos resultan de interés.

Así que buscamos (conExpandir plantillas de artilugios seleccionado) la líneab:loop values='data:posts' var='post' y a continuación insertamos todo esto:

Actualización: Hay varios loops idénticos en la plantilla y aunque en realidad sirven todos ellos excepto los que están generados para la versión móvil, a continuación ofrecemos (a petición popular) unas cuantas referencias más, para encontrar el loop más correcto. Es el que está más próximo a alguna o todas estas líneas.

b:includable id='main' var='top'
!-- posts --
div class='blog-posts hfeed'
data:adStart/

!-- METADATOS SCHEMA --
b:if cond='data:blog.pageType == "item"'
div itemscope='' itemtype='http://schema.org/Blog' style='display:none;visibility:hidden;'
span itemprop='name'data:post.title//span
spanimg expr:src='data:post.thumbnailUrl' itemprop='image'//span
span itemprop='description'data:post.snippet//span
/div
/b:if

A lo antes explicado sobre el uso de Schema, sólo hemos incorporado un condicional para que los datos los marque sólo cuando estamos en posts individuales y una pequeña trampilla para que Blogger trague con el tagitemscope, que ha consistido en hacerla igual a un contenido nulo.

También hemos escogido el apartado de SCHEMA correspondiente a blogs (http://schema.org/Blog) y en cuanto a las DATA, hemos utilizado las que guardan el título del post (data:post.title), una miniatura cuando hay imagen (data:post.thumbnailUrl) y un pequeño sumario (data:post.snippet). Para que en lugar de sólo el título del post, salga este y también el nombre del blog, podéis usardata:post.title/ | data:blog.title/.

Una vez hecho esto, en este enlace deWebmasters Tools podéis comprobar los datos que los buscadores capturarán para cualquiera de vuestras páginas. Podéis probar con la página inicio y con un post cualquiera, así como ver cómo salen estos metadatos sin y con este código.

Si tenéis otro estándar etiquetando vuestro contenido como por ejemploOpen Graph (usado por ejemplo por Facebook), puede ser innecesario instalar este otro, aunque ambos son compatibles. El botón +1 le da prioridad a los datos de Schema.

martes, 20 de septiembre de 2011

Artilugios, Blogger, JavaScript, Trucos

Anunciado oficialmente el nuevo lightbox para Blogger, así que vamos a quitarlo. – Auto – Abogado – Lincoln

Ayer al fin Blogger hizo elanuncio oficial del nuevo sistema de ventanas modales para imágenes. Salió publicado en Blogger Buzz y me parece muy extraño que sea allí dónde primero se conozca el asunto y sobre todo, que primero se haya instalado y después se haya anunciado.

No es que quiera ver fantasmas dónde no los hay, porque realmente el resultado es (casi) el mismo. Pero el camino normal es anunciar novedades y ponerlas a prueba en Blogger Draft y una vez comprobado que todo funciona bien e incorporado (en ocasiones) las sugerencias de los probadores, se pasa a Blogger "normal" y se anuncia el cambio definitivo simultáneamente.

¿Por qué esta vez se ha hecho así? Pues ni idea, pero además de para sorprendernos, el asunto sólo ha servido para fastidiarnos un poco a algunos que ya teníamos otros sistemas instalados y a los que este nuevo ha provocado unos efectos indeseados debido al solapamiento de capas e imágenes.

Así quecreo que en esta ocasión, a alguien se le ha escapado un dedo encima de una tecla y la cosa se ha instalado accidentalmente. Una vez hecho eldaño y que tanta gente se ha enterado, pues se anuncia como si la cosa estuviera premeditada y santas pascuas y alegrías.

No me suelo quejar de las cosas que hace Blogger, porque amén de que no me parece bien exigir por una cosa que me regalan, a medio-largo plazo siempre han sido para mejor, pero a poco que hubieran puesto a prueba el lightbox este, seguro que más de uno hubiera comunicado el problema de la duplicidad y, al mismo tiempo,una solución tan efectiva como simple: lightbox ON/OFF. O sea, una opción dentro del menú de configuración que nos permita activar/desactivar las ventanas modales.

Otro detalle es que aunque todo el rato ando hablando deventana modal, lo cierto es que como ventana que ocupa exactamente el tamaño de la imagen a mostrar, esta está un poco desvirtuada , ya que ocupa el 100% del espacio disponible del navegador y me parece que en sentido estricto no es una ventana, sino un visor de imágenes que sólo se solapa totalmente con el contenido.

Tampoco es que esté mal, pero personalmente me gustan más las ventanas clásicas. Si tú también eres de los míos yquieres conservar tu actual sistema, sealightwindow,lytebox,lightbox o el que sea, o simplemente quieres ahora instalarte uno que te guste más, no nos queda más remedio que tirar de JavaScript para anular el sistema de Blogger.A continuación los dos sistemas que he visto.

En Blogger Buzz comentan que esta característica no funcionará (no se ejecutará el ligthbox) si se ha personalizado el código HTML de las imágenes para que estas funcionen como hipervínculo (?!). Entiendo que quieren decir como hipervínculo a cualquier otra dirección que no sea la de la imagen original, porque allí es dónde nos llevan siempre los enlaces por defecto que Blogger incluye cuando subimos una imagen a una entrada y por tanto, dónde nos lleva la nueva ventana modal.

En cualquier caso, parece que esto es lo que ha aprovechadoVku de¿Cómo se hace? para redactar uncódigo que sustituye la dirección por defecto de las imágenes subidas (carpeta s1600), por otra carpeta que nos vale igualmente pero sobre la que no actúa el lightbox, posiblemente por lo comentado anteriormente.

El otro sistema lo vi enVagabundia y procede del blog en inglésCode from an English Coffee Drinker (curiosamente el post se titula sin pudor "Arreglando errores de Blogger"). Este otro código lo que hace esrevisar todas las imágenes y quitar el evento que hace que al pinchar en una imagen se abra la ventana modal.

Cualquiera de los dos códigos sirve para que no funcione el nuevo lightbox, así que podéis elegir el que mejor os vaya.

lunes, 19 de septiembre de 2011

Mundo Google, Navegando, Promoción, X-Topic

Compartir con el boton +1 – programmers

A finales de Agosto Google anuncio una serie deinnovaciones para su botón +1. La principal por su trascendencia, es que el botón servirá en breve para enviar contenido directamente a Google+, de la misma manera que ahora lo hacemos con elbotón de Twitter o el deCompartir de Facebook.

Actualmente, al pinchar o pasar el puntero por encima del botón, sólo obtenemos información sobre si habíamos hecho +1 y si queríamos deshacer la acción.

La nueva función sólo es visible de momento para los usuarios delgrupo de pruebas de laplataforma de Google+, pero en los enlaces anteriores podrás registrarte si es que quieres empezar a usarla. A partir de ese momento, los botones +1 de cualquier sitio web te mostrarán un nuevo cajetín con la leyenda "Compartir en Google+".

Sólo con hacer click en ese recuadro, se incorporarán automáticamente el título del artículo, una miniatura (si existe imagen) y un breve resumen. Más abajo se podrá seleccionar como es habitual, si el enlace lo quieres hacer público o enviar a determinado círculos.

Como veis, salvando el tema de laprivacidad del que siempre habla mi colega Pizcos, esta nueva utilidad resulta bastante cómoda para -una vez hecho el login- enviar enlaces a Google+ sin tener que abrir una nueva ventana y sin dejar de navegar por dónde andemos.

La otra ventaja evidente es para los administradores de sitios, ya que por los mismos motivos de antes,cualquier lector puede compartir con facilidad nuestros artículos con un par de clics.

boulder personal injury lawyers structured annuity settlement PHD IN COUNSELING EDUCATION orlando criminal attorney How to Donate A Car in California Forensics Online Course cheap car insurance in virginia CRIMINAL DEFENSE ATTORNEYS FLORIDA Seo services CAR INSURANCE QUOTES COLORADO Business management software mesothelioma lawyer houston Low Credit Line Credit Cards Life Insurance Co Lincoln injury lawyer houston tx Dwi lawyer cash out annuity Online motor insurance quotes Christmas cards dallas mesothelioma lawyer Donate Your Car for Kids CHEAP CAR INSURANCE IN VIRGINIA domain yahoo Online casino Casino reviews Custom Christmas cards annuity payment Social media platforms for business what is structured settlement Better Conference Calls lawsuit mesothelioma refinance with poor credit Attorney Dedicated Hosting Dedicated Server Hosting DONATE YOUR CAR SACRAMENTO sell my structured settlement asterisk call center software Mobile casino Gas/Electricity mesothelioma claims Cheap Car Insurance in Virginia Donate your Car for Money Criminal lawyer Miami Casino Nunavut Culture Bankruptcy lawyer ANNUITY SETTLEMENT Make money online Australia Holland Michigan College Best social media platforms benchmark lending DUI lawyer Health Records Personal Health Record Live casino Social media campaigns firm law mesothelioma mesothelioma care Hire php developers LIFE INSURANCE CO LINCOLN Online Motor Insurance Quotes refinance with bad credit Online Stock Trading Hire php programmers Massage School Dallas Texas DONATE CARS IN MA mesothelioma lawsuits Donating Used Cars to Charity Best social media platforms for business Criminal lawyer Service business software How to donate a car in California Criminal defense lawyer adverse credit remortgage car accident lawyers west palm beach Php programmers for hire Computer science classes online Car Insurance Quotes Utah Adobe illustrator classes HOW TO DONATE A CAR IN CALIFORNIA federal criminal defense attorney Hire php developer sell your structured settlement payments Donate a Car in Maryland car accident lawyers Php programmers tucson car accident attorney HOLLAND MICHIGAN COLLEGE MESOTHELIOMA LAW FIRM Dayton Freight Lines Seo companies CHEAP AUTO INSURANCE IN VA attorney lawyer mesothelioma World trade center footage CAR INSURANCE IN SOUTH DAKOTA Photo Christmas cards New social media platforms Structures Annuity Settlement Online Colleges mesothelioma lawyer dallas car insurance quotes pa hair removal washington dc DONATE YOUR CAR FOR MONEY Business finance group Psd to WordPress Custom WordPress theme designer sell structured settlement calculator event management security car insurance in south dakota motorcycle accident attorney chicago Donating used cars to charity donating used cars to charity selling my structured settlement Best Seo company illinois law lemon Seo company Cheap Car Insurance for Ladies Psychic for free harddrive data recovery services Psd to html accident car florida lawyer Automobile Accident Attorney Online Christmas cards Car insurance in South Dakota Dayton freight lines WordPress themes for designers Virtual Data Rooms WordPress hosting Social media examiner Social media management accident lawyers in los angeles car donate Tech school Html email Social media platforms domain name yahoo Proud Italian cook Asbestos Lung Cancer Email Bulk Service Italian cooking school Annuity Settlements car accident lawyer san bernardino Donate Car for Tax Credit Criminal Defense Attorneys Florida Donate Cars in MA ONLINE COLLEDGES los angeles auto accident attorneys mesothelioma survival rates WordPress theme designers Met Auto anti spam appliance Cheap car insurance in Virginia mesothelioma law suit structured settlements annuities Online Criminal Justice Degree Social media strategies Social media tools Learning adobe illustrator primary pulmonary hypertension Mesothelioma Law Firm Donate car to charity California mesothelioma help Donate Car to Charity California Car Insurance Quotes MN mesotheliama earthlink business internet Donate Your Car Sacramento broward county dui lawyer pharmacist jobs in chicago auto accident attorney DONATE A CAR IN MARYLAND DAYTON FREIGHT LINES Sell Annuity Payment Car insurance quotes MN motor insurance quotes Asbestos Lawyers personal injury attorney ocala fl Car Insurance Quotes Colorado car insurance quotes mn CAR INSURANCE QUOTES PA Donating a Car in Maryland mesothelioma attorney selling annuity payments for cash Hard drive Data Recovery Services mesothelioma suit Motor Replacements Cheap Domain Registration Hosting saskatchewan auto insurance Donate Cars Illinois mesothelioma settlements Online Classes Best Criminal Lawyers in Arizona FORENSICS ONLINE COURSE donate your car for kids BETTER CONFERENCING CALLS mesothelioma attorney assistance asbestos lung cancer injury lawyers west palm beach Business VOIP Solutions SELL ANNUITY PAYMENT google affiliate Neuson auto accident attorney Torrance Royalty Free Images Stock Paperport Promotional Code World Trade Center Footage Data Recovery Raid car insurance companies Psychic for Free structured settlemen Donate Old Cars to Charity

viernes, 16 de septiembre de 2011

Artilugios, Blogger

Próxima novedad Blogger ¿ventanas modales de serie? – Law Firm

AyerRaúl me comentaba por correo que le había aparecido una especie de ventana modal indeseada en sus imágenes y que eso le había estropeado parte del diseño que tenía en su blog Blogger. Estuve haciendo unas pruebas, pero como no pude reproducir el efecto y por otra parte, él tenía un script para un acordeón en las imágenes que formaban su menú principal, finalmente concluimos que tenía que ser algún tipo de fallo de ese script.

Pero hete aquí que hoy Pizcos nos anuncia queBlogger ha incorporado el efecto lightbox a nuestras imágenes y en su blog, sí que funciona.

Total que siguiendo con las pruebas y las consultas, unos tienen ese efecto y otros no, lo cual unido a que no ha existido anuncio oficial alguno, ni enDraft ni enBuzz, me hace pensar que Blogger sólo está experimentando o bien ha tenido un fallo a la hora de instalar cosas dónde no debía hacerlo todavía.

El caso es que la idea es bastante buena, porque como sabéis, siempre ha sido un problema (menor, pero un problema) alojar scripts en esta plataforma. Así que si de serie viene algún sistema de ventanas modales, seguro que será bienvenido para empezar a quitar otros códigos que tuviéramos.

Para los que no sepan qué es una ventana modal, esto es simplemente un sistema mediante el cual, al pinchar en una imagen, la ventana se vuelve generalmente oscura (semi-transparente) y sobre esa capa se muestra la imagen seleccionada ampliada al máximo de su dimensión o a lo que permita la resolución de la ventana. Además, cuando se marcan varias imágenes como parte de la misma colección, la ventana incorpora un sistema de navegación para ir desplazándose por las diversas imágenes.

En el caso de Blogger, lo que de momento se ve es esto...

Como decía, en algunos blogs funciona y en otros no y parece que no depende exclusivamente de si la plantilla es de las del nuevo diseñador o de otras. En mi otro blog -muy modificado-funciona esta nueva ventana modalsin problemas. Pero también es de destacar que si se tiene ya otro sistema implantado, en las imágenes marcadas paraventana modal,ambos sistemas se solapan. En los dos enlaces anteriores podéis ver el funcionamiento, bien y regular, respectivamente. En el regular aparece la ventana de Blogger y por encima la que yo uso (lytebox).

Lo anterior son otras señales de que, de momento, esto es sólo un proyecto y no una realidad. Otra pista la podéis ver en la captura y es que la primera de las miniaturas (que está incluso numerada como tal), aparece siempre gris y no ocurre nada al pinchar en ella (bug).

En fin, que algo bueno saldrá de aquí, pero de momento se trata de una novedad a medias. No descarto que mañana ya no le aparezca a nadie, por lo que si alguien tiene ya otro sistema, recomendaría no anularlo todavía y si se hace, que sea recuperable de manera rápida. Veremos como queda esto.

¡Ah! Y si a alguno le molesta esta ventana modal, como le sucedió a Raúl, sólo tiene que quitar el enlace que "envuelve" la imagen para que no funcione:

div class="separator" style="clear: both; text-align: center;"
~~a href="http://4.bp.blogspot.com/..patatin.jpg" imageanchor="1" style="margin: 0px auto;"~~img border="0" src="http://4.bp.blogspot.com/..patatin.jpg" width="600" //a/div