Google Street View en las pisas de esquí
Pues sí amig@s, Google ha llegado a la montaña: aprovechando las olimpiadas de invierno de Vancouver se han decidio a llevar el Stree View en las pistas. La verdad es que es “muy chulo”; la sensación es similar a al “S.V.” pero con la sensación de “libertad” añadida que da el estar en una pista de esquí.
Os dejamos un vídeo que ellos mismos han publicado y AQUÍ un enlace para verlo en directo.
Videotutoriales para Flash
A través de Twitter (una vez más) conocimos la página gotoandlearn.com (por @leebrimelow); en este portal, del cual podemos decir que la organización de los contenidos nos parece exquisita, encontrareis multitud de videotutoriales (en ligles) que seguramente os ayudarán en vuestros procesos creativos utulizando FLASH (por cierto ¿Quién no tiene una profunda relación amor-odio on este programa?).
Lo más interesante es que, además de poder visualizar el videotutorial en el propia web, podemos descargarlo; tanto el vídeo como el proyecto (.fla) para poder “chafardearo” a fondo, que sin duda es ma mejor manera de aprender.
Esperemos que os sea útil!
Galería CSS – Cssbarcelona.com
Recientemente, a través de twitter, conocimos una estupenda galeria css, CSS BARCELONA.
En ella podemos encontrar una amplia recopilación de páginas web creadas mediane hojas de estilo CSS; la galería puede ser una práctica fuente de ideas para el diseño de tu página web, así como una forma efectiva de dar a conocer tu trabajo como maquetador de websites.
La peculiaridad es que todas las páginas que incluye la galería tiene que estar, como mínimo, en uno de estos idiomas: castellano ,català, euskera, bable, valencià.
Esperamos que la disfruteis!
Cambiar el tamaño de las imágenes
Un problema con el que nos topamos muchas veces es que nuestro clientes no disponen de herramientas o medios para cambiar sus imágenes de tamaño: nosotros les hemos diseñado una página web que incluye, por ejemplo, una galería de imágenes que ellos mismos pueden administrar, al intentar subir fotografías no pueden hacerlo ya que éstas ocupan, por ejemplo, 15 megas y son inmensas. Otras veces el problema va más allá: el cliente quiere retocar una fotografía, por ejemplo reencuadrándola, antes de subirla a su galería y una vez más no dispone de los programas necesarios para poderlo hacer …
La solución la encontramos en “DRPIC” , una herramienta online que nos permite modificar de forma rápida y sencilla nuestra fotografías. Es una herramienta muy intuitiva, rápida y facilk de usar, así queno supone un problema para nadie el utilizarlo.
Optimizar hoja de estilo CSS
Es importante que una hoja de estilo, además de válida, esté optimizada al máximo: en definitiva, evitar cosas inútiles y hacer que “pese” lo mÃnimo posible.
Sin embargo ya es bastante complicado el saber crear una buena hoja de estilo como para tenerla que repasar a fondo encontrando todo aquello que sobra (a veces por descuido); por suerte exixte una gran gama de herramientas online, gratuitas, que nos ayudarán mucho.
PodrÃa publicar una larga lista, pero prefiero limitarme a aconsejar la herramienta que yo mismo uso:
Es rápida, intuitiva y muy efectiva; espero que os sea de mucha ayuda!
Selectores avanzados: hijo
Tal vez estos sean selectores CSS poco utlizados, pero en ocasiones muy utiles.
El primero que vamos a abordar es el selector “HIJO”. Este nos servira para dar una propiedad a todos aquellos elementos que se encuentren dentro de otro (igual que un selector “descendente”) pero sin extenderse a elementos sub-anidados; ose que solo se extendera a los descentes inmediatos de ese elemento. Estos selectores se fefinen con el simbolo “ >”.Â
Explicado asi suena complicado, pero no lo es… Pongamos un ejemplo:
Codigo CSS:
#menu >li {color:#green; }
Codigo HTML:
<ul id:”menu”>
<li>Inicio</li>
<li>Servicios
<ul>
<li>Reparaciones</li>
<li>Venta</li>
</ul></li>
<li>Otros</li>
</ul>
En este caso todos los elementos del menu se veran de color verde (#green) pero los elementos del submenu “Servicios” se veran de color negro (o el predeterminado para el texto generico de la hoja de estilo.
El meta NOODP
El meta NOODP hace referencia directa al “Open Directory Project” .
¿Para que sirve esta etiqueta?
En algunos casos Google utiliza las descripciones del “Open Directory” como tÃtulo y descripción en sus resultados; esta etiqueta le indica que puede hacerlo ya que el autor considera que es apropiado.
Su estructura: <meta name=â€robots†content=â€noodpâ€>
ARROS COVAT
Aquà os dejamos un par de vÃdeos que pueden interesar: se trata de una nueva serie de animación creada por Escándalo Films, una productora “made in Barcelona”. La idea original es de Juanjo Sáez creador de otras obras como “viviendo del cuento” o “el arte” …).
La sinopsis serÃa: la vida de un diseñador treintañero en plena crisis existencial…
Aún que pueda parecer una animación y un guión simplista, el equipo está articulado por más de 30 profesionales que trabajan para hacer el proyecto posible.
Aquà una entrevista al creador: http://www.tv3.cat/videos/1360399
Y el primer capÃtulo “Arros a Banda”:
Fuente original: www.barcelonadiseño.com
