¿SUPERAREMOS LO QUE NOS VA A CAER CON ESTA CRISIS?

 

Preparate para septiembre.

 Diswebabalos | 2012

El Fanbox de Facebook, flotante y con efecto deslizante

Aunque Facebook Slide Likebox es una extensión de Joomla también podemos usarlo en Blogger.

Se trata de un gadget que muestra una pestaña en un extremo del blog, y al pasar el cursor sobre ella aparece el fanbox de Facebook con un efecto deslizante. Puedes verlo en esta misma entrada, se encuentra en el lado derecho de la ventana.

El gadget funciona con jQuery que es el que le da ese efecto deslizante, así que usaremos ese script, un poco de CSS y el FanBox de Facebook.

Lo primero es entrar en Diseño | Edición de HTML y antes de </head> pega el script:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>


<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

Ahora antes de ]]></b:skin> agrega los estilos:

.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHImi3EHIqSQETDq1_L42jt8tSLk-JAmLm43bG6-IsVn2yZUafeL36dnrDg3mEx1mfGjKqcd0nthLAsOZoVIUtJom6YVzN6Saj9bipfDW2H6kJdNTTYXGtJYKxLW3VSgfrKMIkKF7MoA/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

Por último entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega esto:

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fnombre-de-tu-pagina-de-facebook&amp;width=240&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:320px;" allowtransparency="true"></iframe></div></span></div></div>

Ese código contiene el Fanbox, así que cambia donde se indica el nombre de tu página, y listo.
No requiere muchos pasos ni mayor trabajo, a menos que quieras hacerle modificaciones.


La pestaña, así como el fondo del gadget es una imagen, así que si deseas cambiarle el color o tamaño tendrás que editar la imagen que se encuentra en el área de los estilos.
Lo ideal sería no modificar el tamaño, pero en caso de que desees hacerlo deberás -como dije- editar la imagen, cambiar las medidas tanto en los estilos como en el Fanbox.

ZIMMER TWINS

ZIMMER TWINS : CONSTRUYE TUS PROPIAS PELICULAS DE ANIMACION GRATIS ONLINE

STUNNING INK PORTRAITS FRAGMENTED PORTRAITS FRAGMENTED IN WATER

These portraits by self-taught Italian artist Alberto Seveso are so original! He presents us with representations of human faces that are scattered across the canvas in broken swirls of color. Seveso is well-known for his many amazing ink-in-water photographs and these are no exception. The base of each image is formed from the process of ink slowly mixing and interacting underwater. In the fragmented ink blobs, Seveso identifies features that become the foundation for his portraits. He then uses his master skills with computer software to merge two photographs together into one unique portrait.
Using only females, beautiful eyes peer out from broken sections as the rest of the figure dissolves into wisps of ink. The smooth skin and silky lips of his subjects are prominent and viewers are able to easily piece together the missing parts. Seveso's well composed forms, colors, and lines blend together into a these expressive abstract creations, a series entitled Beibeees

Plaza Vieja apoya el movimiento que pide la rehabilitación de San Lorenzo

La Asociación Plaza Vieja en defensa de Úbeda, Patrimonio de la Humanidad, ha mostrado su apoyo al movimiento ciudadano generado para reivindicar la rehabilitación de la iglesia de San Lorenzo. El colectivo ha manifestado que respaldará todas las acciones que se emprendan para conseguir que este edificio sea propiedad de Úbeda y pueda ser utilizado por todos, ya que «la Iglesia ha demostrado su incapacidad o su poca disponibilidad para mantenerlo como es preceptivo».
Plaza Vieja recuerda que en su documento 'La ciudad que queremos', entregado a todos los partidos políticos que se presentaron a las últimas elecciones municipales, ya mostraban su postura respecto al importante patrimonio de la Iglesia Católica, con numerosas propiedades urbanas acumuladas a lo largo de los siglos. En su opinión, como dueña o depositaria de este rico patrimonio, la Iglesia debe hacer frente a importantes gastos de rehabilitación y de mantenimiento ordinario, que no siempre acomete, por lo que la mayoría de las veces se da el caso de que el peso de la restauración y conservación de dichos bienes eclesiásticos recae sobre diferentes programas nacionales y autonómicos ejecutados por las administraciones públicas y privadas.
En Úbeda, como ejemplo, ponen las ingentes cantidades que tanto el Ministerio de Cultura del Gobierno central, en su día, como la Consejería de Cultura de la Junta de Andalucía, han venido destinando a la reconstrucción, «con mayor o menor fortuna», de la colegiata de Santa María.
«El Cabildo, su propietario, debería colaborar, al menos en una pequeña parte, en la conservación de estos bienes patrimoniales», afirman, pues iglesias como la de San Pedro, Santo Domingo y, especialmente, San Lorenzo, muestran un mal estado de conservación generalizado y «están pidiendo a gritos una urgente actuación so pena de que nos convirtamos en testigos de su irreversible deterioro o, en el peor de los casos, de su desaparición».
Pendiente de restauración según el PEPCH
Desde Plaza Vieja recuerdan que el Plan Especial de Protección del Casco Histórico (PEPCH) refleja desde hace muchos años como pendiente «la restauración de la iglesia de San Lorenzo y algunos lienzos o paños de muralla», e incluye este edificio dentro del programa de «expropiación y adecuación de edificios históricos para uso dotacional», insistiendo en su necesaria restauración. También el formulario de la declaración de Úbeda y Baeza como ciudades Patrimonio Mundial reitera su uso dotacional. El Ayuntamiento efectuó una oferta de permuta de esta iglesia al Obispado de Jaén y, para evitar males mayores, restauró la muralla que soporta este templo con fondos públicos provenientes del Plan E.
Desde la asociación piensan que esta singular iglesia debe pertenecer a todos los ubetenses a corto plazo, para lo cual «las negociaciones entre el alcalde de Úbeda y el obispo de Jaén deben culminar cuanto antes». Y puesto que se va a utilizar el dinero de todos los contribuyentes (católicos y no católicos), «todos los ubetenses debemos ser los beneficiarios últimos de su puesta en funcionamiento como lugar de cultura en la forma de centro de interpretación de la obra de Antonio Muñoz Molina», proponen desde Plaza Vieja.
Una dejadez que tuvo 'premio'
Así reiteran que su posición es clara en este sentido. Tanto que en 2010 galardonaron al Obispado de Jaén con el premio negativo 'León de Chocolate' «por el deficiente mantenimiento de los edificios de su propiedad, cuyo mal estado de conservación está demandando una urgente actuación que venga a frenar su manifiesto deterioro». Entonces destacaron además que este escaso nivel de atención se ponía de manifiesto «en el lamentable estado de la iglesia de San Lorenzo, en cuyas obras se ha procedido a talar la hiedra que había llegado a formar parte de la imagen de esta emblemática iglesia».
La asociación piensa que el Cabildo debe contribuir bastante más de lo que viene haciéndolo en tareas de mantenimiento y conservación de su patrimonio para, de ese modo, asegurarse de que el estado de sus iglesias y demás edificios en una ciudad Patrimonio Mundial no desmerezca del resto de edificaciones que integran el legado monumental de Úbeda.

World's Edge, South Coast of England

World's Edge, South Coast of England. close to the town of Eastbourne in the county of East Sussex, immediately east of the Seven Sisters. The cliff there is the highest chalk sea cliff in Britain. http://www.facebook.com/photo.php?fbid=387572767963110&set=a.342434892476898.89335.338077742912613&type=1&relevant_count=1

DIBUJOS A LÁPIZ

Paula Artist | Hobbyist | Artisan Crafts Spain

http://artepau2000.deviantart.com/

El capitán Jack Sparrow es un personaje de ficción de la serie cinematográfica Piratas del Caribe interpretado por el actor Johnny Depp

PARQUE GULLIBER, Valencia.

El parque llamado " Gulliber " , situado el el cauce del río Turia de Valencia. | The park called " Gulliber " located on the banks of the River Turia in Valencia.

Adaptación gráfica y aplicaciones del logo de Londres 2012

Artículo: gràffica.info | Adaptación gráfica y aplicaciones del logo de Londres 2012

DROPCANVAS

DROPCANVAS : ENVIAR ARCHIVOS GRANDES GRATIS SIN NECESIDAD DE REGISTRO

Avatar

LOGO DISWEBABALOS nuevo

Diseño web multiplataforma

El diseño web ha evolucionado desde sus inicios a pasos agigantados,
convirtiéndose en el ambiente dinámico y cambiante en el que nos
movemos hoy en día, el cual nos exige una rápida adaptación y
flexibilidad como diseñadores.
Se estima que para el año 2013, el número de personas que
utilizarán ordenadores para acceder a Internet serán superado por
el de las que acceden a través de sus dispositivos móviles.
El reto al que nos enfrentamos hoy tiene que ver con la creación de
diseños consistentes y funcionales, que se adapten a la compleja
variedad de plataformas que los usuarios utilizan hoy en día para
acceder a la web, desde teléfonos móviles con pantallas táctiles a
televisores LCD gigantes, tablets, laptops y desktops. Por ejemplo,
actualmente, 1 de cada 5 usuarios utiliza su teléfono para acceder a
Internet.
Cómo si esto fuese poco, parte de los contenidos que creamos no
sólo serán vistos en una pantalla, sino que serán impresos en papel,
lo cual exige que incluyamos hojas de estilo con diseño de impresión,
que le aseguren al usuario que los contenidos serán coherentes y
fáciles de leer en el papel.
Saber para quién diseñas
Si buscas que tus diseños funcionen perfectamente en cada uno de
los dispositivos que existen, es muy probable que no lo consigas. En
cambio, si conoces muy bien la audiencia que tiene la aplicación o
webpara la que diseñas, tendrás la capacidad de concentrarte más
que nada en los dispositivos que los usuarios del sitio utilizarán con
mayor frecuencia.
El lugar geógrafico de donde provienen la mayoría de los usuarios
también importa. Por ejemplo, si el sitio es visitado desde Asia o el
Oriente Medio, Symbian será la plataforma que sea utilizada con
más frecuencia, ya que Nokia continúa siendo líder en esa área.
Por otro lado, si se trata de un sitio de finanzas, es muy probable
que el público al que apunta el sitio tenga iPads, iPhones y
Blackberries, y deberás aplicar este tipo de razonamiento y análisis
de patrones de consumo de la audiencia para cada uno de los sitios
que diseñes.
Ya que los browsers Mobile Safari (Apple) Nokia, el Google Chrome
para Android y BlackBerry usan Webkit , hay ciertos parámetros
básicos que facilitan el logro de una consistencia entre la
visualización en estas plataformas, si bien siempre habrá variantes
entre los diferentes dispositivos .
Lo más importante es optimizar nuestros diseños para las
plataformas de los browsers y dispositivos en los cuales estimamos
que éstos serán visualizados más comúnmente, de acuerdo al tipo y
localización de la audiencia de cada sitio.
Actualmente, debido a la enorme cantidad de resoluciones
diferentes que existe, resulta casi imposible hacer un diseño para
todas, o peoraún un diseño para cada una… la idea es hacer un
diseño capaz de adaptarse a cualquier dispositivo en base a rangos
de resolución.
Hay que dejar de pensar en resoluciones y empezar a pensar más en
la experiencia de usuario en sí de cada tipo de dispositivo (móviles,
tablets, pcs, ebooks..)
Prueba tus sitios con emuladores
Existe una gran cantidad de herramientas para que los diseñadores
puedan testear sus diseños, las cuales ofrecen una reproducción
fidedigna de la experiencia de los usuarios que visitan la web
utilizando diferentes plataformas.
Por un lado están los programas y plugins que ofrecen la posibilidad
de experimentar el sitio que diseñamos de la misma manera en que
se verá un determinado dispositivo, por ejemplo Android (Android
SDK) o Symbian.
Este tipo de programas se encuentran generalmente a disposición
en las webs de los fabricantes de cada dispositivo. He aquí algunos
de los más útiles:
iBBDemo2 Simuladores para iPad y iPhone
Android SDK Simulador para Android
Blackberry Web Development Page Simuladores y consejos de
diseño para Blackberry
Symbian S60 SDK Información sobre simuladores para NOKIA
Opera Mini Emulator Simuladores para Opera y recursos útiles.
Por otra parte, existen herramientas más complejas capaces de
simular las experiencias de usuario en una variedad de plataformas.
DeviceAnywhere es una de las más populares, ya que permite testear
nuestros diseños webs en más de 2.000 dispositivos diferentes.
Sin un testeo a través de las plataformas más usuales, el trabajo
de diseño no está completo, y con el tiempo, esta etapa se está
volviendo cada vez más crucial. Los diseños flexibles y adaptables
sobreviven, mientras que los que no se adaptan ya son cosa del
pasado.
Forma y contenido
Las hojas de estilo permiten configurar algunos parámetros
básicos, los cuales harán que el sitio se adpate según el navegador y
el dispositivo en el cual se está visualizando.
La idea central es utilizar efectivamente el tamaño y formato de la
pantalla y lograr una lectura confortable, al mismo tiempo que
diseño permanece consistente con el concepto original desarrollado
para pantallas estándar de laptop o desktop.
No debemos olvidar que, aún cuando el formato y el medio toman
tanta relevancia, lo más importante sigue siendo el MENSAJE. Si
logras transmitir el mensaje de manera eficaz, tu trabajo ha sido
exitoso, independientemente de los tamaños de las pantallas o los
tipos de dispositivo de navegación.
Optimizando la impresión de una web
Hay algunos tipos de contenidos, en especial cuando se trata de
textos muy largos, que algunos usuarios prefieren imprimir para
leer luego en papel. Si bien muchos diseñadores olvidan este
pequeño detalle, es importante tenerlo en cuenta.
Más allá de los documentos creados especialmente para ser leídos en
papel, por ejemplo en lo que se refiere a la impresión de revistas que
los usuarios descargan en forma de PDF, tanto los diseñadores como
los webmasters necesitan desarrollar la sensibilidad para ser
capaces de identificar cuáles serán los contenidos que más
probablemente acabarán siendo impresos, para así ofrecer
stylesheets y versiones especiales para impresión, donde los datos
de navegación y los botones de navegación no aparecen, mientras
que la lectura se vuelve mucho más confortable.
Un mensaje consistente
Hay maneras bien simples de asegurar que su mensaje se mantiene
en el caso de una gran variedad de plataformas . Es importante que
exista un diseño de referencia que es el que marca las pautas, el
cual luego adaptaremos para las diferentes plataformas y
dispositivos.
Los trabajos del diseñador moderno necesitan tener una “mente”
extremadamente flexible, para lo cual es muy útil clasificar los
dispositivos en distintas categorías, con el fin de no perdernos en
una maraña de cientos, incluso miles de opciones de optimización.
Una de las categorizaciones más útiles es la que podemos hacer de
acuerdo al ancho de las pantallas:
Muy pequeña: 84, 96, 101, 128, 130 y 132
Pequeña: 160 y 176
Tamaño medio: 208, 220 y 240
Grande: 320, 360, 480 (+)
Desktop o dispositivos de escritorio: más de 800
Finalmente, es esencial intentar que la totalidad de las funciones de
los sitios que diseñamos se mantenga a través de las distintas
plataformas, porque además de ser visualizados, estos sitios están
hechos para ser utilizados, y los usuarios estarán tan agradecidos
por esto como nuestros clientes.
Imagen por VFS Digital Design