27/12/08

Felicita la Navidad con Los Pelochos

Los Pelochos tienen una web para felicitar de una forma divertida las navidades a todos los amigos y familiares que lo deseen:

http://www.navidadpelocha.com/

Aquí os dejamos nuestra felicitación de navidad:

http://www.navidadpelocha.com/?id=bbbdb3578b1c3&n=Cmph_ef_Xfc,bsuf

Nos vemos en el 2009 con más fuerza e ilusión que nunca, ¡GRACIAS!

15/12/08

10 fuentes para Navidad


Aquí os dejamos para estás fechas navideñas, 10 fuentes para la época del año. Descargarlas y utilizarlas en vuestras creaciones web y gráficas.... ¡por cierto! ¡FELIZ NAVIDAD!



[Descargar fuentes]

1/12/08

Como crear una nota de papel con Photoshop

Aquí os dejamos un sencillo tutorial para conseguir hacer una nota de este estilo:



Tutorial: http://pshero.com/archives/a-scrap-of-notebook-paper

¡Ahora, a crear!

27/11/08

20 texturas en movimiento

Aquí os dejamos 20 texturas en movimiento para poder descargar y utilizar en diseños tanto web como gráfico.



http://thinkdesignblog.com/free-textures-20-motion-color-band-textures.htm

50 maravillosos portafolios

A estas alturas ya sabreís que muchos diseñadores suben sus creaciones en una web con un diseño "portafolio" para poder mostrar todas sus creaciones. Aquí os dejamos una lista de 50 maraviollosos portafolios de diferentes diseñadores.



http://www.smashingmagazine.com/2008/11/26/50-beautiful-and-creative-portfolio-designs/

26/11/08

Cambios de 'imagen'

Algunas veces la segunda parte puede llegar a superar a la primera. Y sino, miren el cambio de estos diseños.








Más en:
http://wefunction.com/2008/10/50-stunning-examples-of-a-great-redesign/

22/11/08

¿Que hacen los diseñadores gráficos en su tiempo libre?



http://www.youtube.com/watch?v=gKlu04VbXmY



Abrimos cuenta Flickr para Diseño Gráfico

Ya podeís pasaros a mirar nuestros diseños en el mundo gráfico. Acabamos de subir una buena colección pero poco a poco iremos subiendo todo lo que realicemos en el mundo del diseño gráfico en esta galería de Flickr:

http://www.flickr.com/photos/disenograficodewebmasarte

¡No os lo perdaís!

19/11/08

Google Reader ya traduce

Google Reader ha añadido a su sistema una nueva herramienta!A partir de ahora podremos traducir a nuestro idioma de forma automática todas las entradas de nuestros feeds. Algo realmente útil ya que no todos dominamos todos los idiomas (inglés, francés, chino, alemán, etc).



Es sin duda, una excelente idea que nos facilitará el trabajo a muchos, verdad?

4/11/08

YouTube traducirá automáticamente los videos

Gracias a la introducción del sistema de subtítulos dentro de Youtube, a partir de ahora el sistema será capaz de utilizar el sistema de traducción automática para traducir todos los vídeos que los incluyan.

De esta forma, aunque sólo se suba el subtitulado en el idioma origen del propio vídeo, el gestor de vídeos será capaz de mostrar traducciones a una decena de idiomas. En los vídeos habrá una opción de auto-traducción que añade en tiempo real la traducción automática.



Fuente: OJObuscador

28/10/08

20 Talentosos Diseñadores Gráficos

Metrografic realizó una recopilación de 22 talentosos diseñadores, seguramente no son los 22 mejores pero si son de los mejores, tomate el tiempo de visitar sus páginas web y disfrutar de sus trabajos, de los cuales muchos te van a dejar boquiabiertos, espero que lo disfrutes tanto como yo.

*Pete Harrison Ver esta WEB
*Roy Gerritsen Ver esta WEB
*Francisco Aveledo Ver esta WEB
*Jesse Kaczmarek Ver esta Web
*Michael Gibis Ver esta WEB
*Pascal Trembley Ver esta WEB
*Josh Rhode Ver esta WEB
*Pawel Dabrowski y Agnieszka Nowakowska Ver esta WEB
*Khairil Osman Ver esta WEB
*Maciej Mizer Ver esta WEB
*Michal Duszczyk Ver esta WEB
*Pawel Nolbert Ver esta WEB
*Rik Oostenbroek Ver esta WEB
*Matthieu Appriou Ver esta WEB
*Dobбk Zsolt Ver esta WEB
*Adam George Ver esta WEB
*Mil Ver esta WEB
*Philipp Schilling Ver esta WEB
*Alan Campbell Ver esta WEB
*Robert Lindstrцm Ver esta WEB
*Nik Ainley Ver esta WEB
*Emeric Trahand Ver esta WEB

Como dibujar figuras sorprendentes

Os recomendamos BOMOMO. Bomomo es una aplicación desarrollada con Javascript y que usando canvas nos permite dibujar figuras sorprendentes con nuestro ratón. Se trata de un experimento muy interesante que muestra las posibilidades que canvas nos va a aportar a
nuestras aplicaciones.

www.bomomo.com


Google Street View España

Si entras en Google Maps descubrirás que España ya tiene Google Street View. La opción de ver las ciudades a pie es ya una realidad.

Durante los últimos meses os hemos venido contando cómo se estaban avistando en España varios coches de Google que circulaban por varias ciudades (Madrid, Barcelona, Bilbao, Valencia, ...) adquiriendo imágenes para el servicio 'Street View' que permite ver fotografías reales de las calles que recorres con 'Google Maps'.

Por ahora, las fotografías de este servicio solamente están visibles para las calles de algunas pocas ciudades de EEUU, Francia, Italia, Japón y Australia. Además, las últimas colecciones de fotos lanzadas por Google tienen borrosas las caras de los transeuntes para intentar respetar la privacidad de estas personas que se encuentran con el famoso coche de 'Street View'.

Entrad a maps.google.es y clicar en el botón 'Street View'


Coche de Google recogiendo imagenes




20/10/08

Herramientas para Webmasters de Google

Diseño espectacular de web bajo construcción

Cuando una página web está bajo construcción - under construction - habitualmente una imagen suele ilustrar la página de entrada. En algunos casos aún, se sigue viendo la señal de tráfico de construcción. Pero hay páginas qeb que se lo curran. De ejemplo os dejamos este link que hemos encontrado por la red:

http://clarkdols.com/

Y nuestro comentarrio es: "Si en construcción es así, cuando abra como será". La verdad es que un intro así hace que la página web prometa, y seguramente se espere al momento de la apertura con muchas más ganas.

16/10/08

Concurso HazRuido.com: "Comunactivo"


Para participar deberreis crear una o varias webs, con o sin vídeos y conseguir que las vuestra/s sean las más visitadas y las más enlazadas.

El concurso Hazruido presenta 2 modalidades. En Posicionamiento en Google, los concursantes tendrán que lograr que su página aparezca en primer lugar en Google al buscar una determinada palabra inventada por la organización del concurso. La palabra inventada no existe en ningún diccionario y se trata de “COMUNACTIVO“. Esta modalidad aceptará cualquier idioma del planeta, pero sólo se tendrán en cuenta los resultados en Google.es

La otra modalidad del concurso es Marketing viral. Los concursantes deben lograr que su web sea la más visitada durante el plazo que dura el concurso. El concurso se prolongará hasta el 15 de noviembre.

El ganador de la categoría Posicionamiento en Google recibirá un ordenador portátil Apple acAir de 13 pulgadas. El ganador en la modalidad de Marketing viral ganará un iPod Touch y una campaña valorada en 1.500€. Además, el autor del mejor vídeo recibirá una videocámara Sony CR-3R35E con disco duro incorporado.

Los regalos estan genial!! Apuntaos!

14/10/08

Texturas para diseños

Os dejamos una colección de texturas para descargar y utilizar en diseños web y gráficos.

Se trata de una selección de fotografías recogida de sxc.hu (web con fotografías gratuitas en las que desde hace tiempo participo), así que el merito reside en perder horas seleccionando tal variedad de texturas con la calidad que lo han hecho desde Designmag.



http://designm.ag/resources/60-free-textures-from-sxchu/


Embeber un video de YouTube señalando un segundo en concreto

Ya es posible embeber en tu página web un vídeo de YouTube señalando un segundo en concreto del mismo para, de esta manera, dirigir al usuario a un momento que quieras destacar, evitando así que tenga que visualizar el resto de los contenidos.

Según cuenta Ionut en su blog, simplemente debes añadir '&start=XX' (donde 'XX' es el segundo desde donde quieres que los usuarios visualicen el vídeo) a las dos URLs que aparecen dentro del código que nos sugiere YouTube en sus páginas.

Así por ejemplo, modificamos el código para incluir '&start=72', mostrando así el vídeo desde el minuto 1:12:

<div class="youtube-video"><object width="425"
height="344"><br /><param name="movie"
value="http://www.youtube.com/v/_d_ntgLNjoI&hl=en&fs=1<b>
</param>&start=72</b>"><br /><br /><param
name="allowFullScreen" value="true"> </param><br /><
embed src="http://www.youtube.com/v/_d_ntgLNjoI&hl=en&fs=1<b>
</embed>&start=72</b>" <br />type="application/x-shockwave-flash"
allowfullscreen="true" width="425" height="344"><br /><br
/></object></div><br />

13/10/08

¡Ya tenemos twitter!

Despues de la actualización con el video sobre Twitter, nos hemos animado a utilizar esta nueva plataforma en internet. Sus ventajas en el e-marketing quedan demostrados, por lo tanto vamos a probar si esta herramienta aumenta nuestra comunidad de webmasarte.net



http://twitter.com/webmasarte

¡Os esperamos con los brazos abiertos en Twitter!

Mirar e idear

Aquí os dejamos un link con un montón de diseños webs que nosm pueden abrir los ojos en nuestros propios diseños.

¡Camarero! ¡Una de webs!:

http://blogof.francescomugnai.com/2008/10/70-beautiful-websites-with-a-large-background/

webmasarte.net

7/10/08

¿Que es Twitter?

Twitter es una plataforma de red social. Es un microblog, como un blog pero con entradas breves e instantaneas. ¿Para que sirve?

Ante las dudas, hemos encontrado un video que lo resume mucho mejor:


Esperamos que después de este video lo tengaís más claro. ¡Y a twittear!

Webmasarte está preparando ya su twitter y en breve estará totalmente operativo.

¡Hasta la próxima!

6/10/08

Espectacular diseño web

Navegando este fin de semana por la web, me he topado con una página que ha llamado mucho mi atención. Se trata de la web del Estudio multidisciplinar Diller Scofidio+Renfro, cimentada a través de Flash y apoyada por tecnología 3D.


Esto permite al usuario moverse con agilidad por cada uno de los
proyectos que contiene la página, tener una vista en tres dimensiones
del menú principal en el que se encuentra cada uno de estos proyectos y
demás acciones que por norma general no podemos realizar en la gran
mayoría de webs que conocemos.


Gran trabajo de la gente Pentagram New York!


29/9/08

Photoshop y Dreamweaver CS4

Sin
duda me ha sorprendido la nueva versión PhotoShop CS4 y de todos los
paquetes CS4 como Dreamweaver. Os recomiendo el artículo en Backfocus sobre PS CS4 para fotógrafos. Sobre DW CS4 solo decir que soporta edición visual de xHTML y muchas más cosas, en lo que pude evaluar en una Beta para Mac.


Ahora a esperar que lo vendan en castellano para pedir la
actualización y poder probarlo en vivo. Una pena que no vendan las
versiones Windows y Mac en un mismo paquete por el mismo precio. Y por
supuesto aunque GIMP cumple, sigo echando de menos una versión de Adobe
Creative Suite para Linux, quizás Microsoft pague por evitar que suceda.


Más en la web de Adobe Creative Suite CS4.

22/9/08

Dos nuevos e interesantes blogs

Dos nuevos blogs acaban de salir a la luz que resultarán muy interesantes para todos los webmasters: el primero, la versión en español de google webmasters, El Blog para Webmasters,
que como dice Alvar López del Equipo de Calidad de Búsqueda, el autor,
es el primer blog oficial de Google para webmasters en español.


La segunda entrada ya nos ofrece el primer vídeo de una serie con los comentarios de Matt Cutts sobre los temas más calientes para los webmasters:


Ventana externa


Como curiosidad, desde el segundo post enlaza al primero -)


(Gracias Daniel)


El segundo es el blog personal de Sergey Brin, llamado too curioso nombre que explica:


“Mientras Google es sobre un número enorme, too hace
referencia a un número mucho más pequeño, concretamente el dos. También
significa “además”, intentando reflejar mi vida fuera del trabajo.”


Ya parece que va en serio, ya que en su primer post nos cuenta que descubrió que tiene más posibilidades de desarrollar Parkinson que una persona media.


Seguro que darán que hablar las reflexiones de Brin.

17/9/08

Como cambia el diseño web en 10 años

Seguramente hoy en día muchos de nosotros no nos damos ni
cuenta de lo que realmente evolucionan las técnologias y en concreto el
mundo de internet. Pues bien, volviendo la vista atrás…observemos como
lucían los sitios web de las empresas más famosas y…menudo cambio!! En
1998 las webs de Apple, Hotmail, Microsoft, PcWorld y los buscadores de Google y Yahoo se mostraban así:



Marketing online - Publicidad Google Marketing online - Publicidad Google


Marketing online - Publicidad Google Marketing online - Publicidad Google


Marketing online - Publicidad Google Marketing online - Publicidad Google



¿Qué os parece? ¿Conoceis algún otro Sitio con cambio radical? Sin
duda, 10 años para el mundo de Internet es una eternidad, donde se han
desarrollado y nacido gran cantidad de nuevos diseños, aplicaciones y
servicios.


15/9/08

Cuenta Flickr

Acabamos de abrir nuestra cuenta de Flickr para subir diseños propios de páginas web. De ahora en adelante cada diseño web lo subiremos a nuestro canal en Flickr.com

Dirección: www.flickr.com/photos/disenowebdewebmasarte




Nos vemos en webmasarte.net


8/9/08

Google Developer Day 2008 en Madrid

Marketing online - Enlaces Patrocinados


Google Developer Day
ya tiene fecha concreta!! Se realizará el próximo 25 de septiembre en
el Parque de atracciones de Madrid y las inscripciones para poder
asistir ya estan abiertas. La asistencia es gratuita y dispone de un horario muy completo.


El tema central del evento será cómo intentar romper las barreras de
las aplicaciones web con el uso de las tecnologías de programación de
Google.


Habrá dos tipos de sesiones:


  • Grupos de trabajo : Aprenderás de primera
    mano con ingenieros que trabajan en proyectos pioneros de desarollo de
    aplicaciones web. Los grupos de trabajo están diseñados para dar tanto
    una introducción a nuevas tecnologías como una visión más profunda para
    expertos.
  • Talleres de programación : Ponte
    manos al código en el Google Developer Day. Los talleres de
    programación están diseñados para coordinar a los programadores en su
    iniciación con una tecnología o función de programación. Estos talleres
    permiten ponerse al día con las API y otras herramientas como
    OpenSocial y mashups de Maps.

Las plazas son limitadas así que si no te lo quieres perder, no tardes en registrarte!


a


Google Developer Day 2008


3/9/08

"Chrome" - Nuevo Navegador de Google

En estos momentos, los responsables de Google están presentando el nuevo navegador 'Google Chrome' en las oficinas centrales de la compañía en California, el cual te puedes descargar ya desde este enlace.



google.es/chrome y disfrutar de lo nuevo de Google

1/9/08

Ayer fue el día de los bloggers

Ayer se celebró el cuarto BlogDay.

La palabra BLOG se parece a 3108, y ayer era 31/08, por lo que “ayer era el día oficial de los bloggers”.

¡Con un día de tardanza pero lo celebramos también en Web+arte!

28/8/08

Feed de tu blog en tu web

Os dejo aquí el código javascript para poder insertar los títulares de tus enradas del blog en vuestra web.

Simplemente copiar este código en el lugar deseado de vuestra web:

<script src="http://lejaniaimposible.googlepages.com/ultimospost.js">
cerrar script
<script language="javascript">
var numposts = 1;
var numchars = 50;
var showpostdate = false;
var showpostsummary = true;
var standardstyling = true;
cerrar script
<script src="http://webmasarte-videoyfotografia.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
cerrar scrip

En ese código se pueden modificar varias cosas:
var numposts Este es el número de entradas que queremos mostrar.
var numchars Aquí elegiremos el número de letras de cada post que mostraremos.
var showpostdate Elegiremos true o false depende de si queremos mostrar la fecha.
var showpostsummary Con true mostramos el ...(leer mas) y con false no se verá.
var standardstyling Según pongamos true o false, cambiará el estilo del texto. Os recomiendo dejarlo en true, queda mucho más bonito.

Es necesario modificar la URL del blog
: http://webmasarte-videoyfotografia.blogspot.com por tu dirección blog

Estoy probandolo en la web central de Web+arte (www.webmasarte.net). ¡Y funciona muy bien!


27/8/08

¿Como crear un site multi-idiomas?

Cómo gestionar un sitio en muchos idiomas es uno de los problemas habituales de un sitio web y de grandes empresas. Ahora Google ha lanzado un artículo en el que explican cómo hacerlo, pero especialmente para Google, algo que no podría servir para el resto de buscadores, por lo que matizaré algunas de las frases que se comentan en el artículo, ya que, para mi, no son del todo correctas si hemos de mirar para todos los países, idiomas y buscadores.

Hay que tener en cuenta 3 elementos:

  • Los mismos contenidos en varios idiomas no son contenido duplicado.
  • Si hay que obligar a las herramientas para webmasters a indicar un país, algo no estamos haciendo bien (o al menos no tan bien como se debiera).
  • La estructura de la URL es básica al organizar información multiidioma.

Y es que muchas veces se hacen direcciones URL en la que el idioma es un parámetro (por ejemplo, &lang=fr) algo que podría ser la “peor” forma de indicar un idioma o país.

La siguiente forma es la de las carpetas. En muchas ocasiones vemos sitios que tienen el /en/ o el /es/. En este caso Google lo que dice es que “como ellos lo pueden gestionar desde el herramientas para webmasters, ya les va bien”. Esto quiere decir que a ellos les va bien, pero a Yahoo! o Microsoft que les den… por lo que tampoco es la mejor opción.

Finalmente plantean el tema de los subdominios. Personalmente creo que es la opción más acertada, por un lado porque esta posibilidad sí que permite que todas las herramientas que hay en la red gestionen los idiomas correspondientes, y por otro lado, porque si ese subdominio se aloja en una IP de un país de ese “habla” automáticamente se geolocaliza, que es lo que en este caso el gran buscador quiere…

Está claro que tal vez no sea la opción más sencilla, pero en un medio plazo es la opción más lógica si hablamos de sitios en varios idiomas… aunque, claro está, siempre queda la opción de usar un dominio para cada idioma…

6/8/08

El Color

El color pone alegría a su diseño, divide las secciones largas de texto en blanco y negro con zonas de contraste, hace resaltar las imágenes y centra la atención del lector en puntos determinados de la publicación.

La forma de percibir el color muchas veces está influida por las circunstancias. Además el color tiene diversas connotaciones culturales y con frecuencia está relacionado con acontecimientos especiales, emociones y estados de ánimo.


A continuación algunos significados de los colores:

amarillo alegría, mala suerte, prudencia

azul tranquilidad, profundidad, estabilidad, frescura

blanco pureza, paz, limpieza

gris neutralidad, madurez, seguridad

café calor, realismo, normalidad

morado opulencia, realeza, actualidad

naranja emoción, alegría, fuerza, apetito

rojo pasión, peligro, calor, dinamismo

verde seguridad, naturaleza, comodidad, esperanza

negro seriedad,elegancia, sofisticación


Wallpapers


Aquí os dejo un enlace con un montón de increibles salvapantallas con un bonito diseño para vuestro ordenador, en cualquier resolución.

URL : http://interfacelift.com/wallpaper_beta/downloads/date/any/

5/8/08

Error 404

En muchas ocasiones nos encontramos con páginas de error, ya sea por escribir mal la dirección o por clicar en un link con una dirección mal configurada...

Aquí os dejo un enlace con diseños increibles de páginas webs para sus páginas de error! Hay gente original, desde luego!

URL: http://www.hongkiat.com/blog/49-nice-and-creative-error-404-pages/

En cuanto a Diseño Gráfico el más logrado;

Startdrag

¿no?

Google prepara un site central de traducciones

Una nueva herramienta que va a enemistar a todos los traductores del mundo parece que va a ser lanzado en un espacio breve de tiempo y que podría estar comenzando su andadura privada entre los trabajadores de la compañía.

La nueva herramienta, Google Translation Center pretende ser un punto centralizado donde poder subir y gestionar documentos y llevar a cabo traducciones automáticas o gracias a voluntarios y profesionales.

Con esta herramienta se podrán solicitar traducciones o encontrar a traductores de hasta 40 idiomas o traducir o revisar documentos o contenidos y usar la herramienta de traducción de Google.

URL: https://www.google.com/accounts/ServiceLogin?service=gtrans (Aún es beta)

4/8/08

Crear un blog

Aquí os dejamos el rankig de plataformas para crear un blog gratuitamente y poder editarlo con facilidad y sin grandes habilidades de programación

1- WordPress
Permite crear y administrar páginas fuera del orden cronológico "normal" del weblog y ha sido el primer paso para transformarse de un software básico de administración de blogs a un completo sistema de administración de contenidos. Muy facil de manejar.
URL: www.wordpress.com

2-Blogger
El sistema de blogs de Google. requiere el registro de una cuenta de Google e incluye, entre otras mejoras, el servicio de etiquetado de posts y una mejora en la interfaz de edición y publicación de artículos. La nueva versión no modifica en absoluto la apariencia de los blogs creados en la versión antigua, salvo algunos pequeños problemas con acentos y caracteres especiales como la letra 'ñ'. Una vez actualizado un blog, puede decidirse dar un paso más y actualizar la plantilla, con lo que se perderían las modificaciones realizadas al HTML. Por ello se recomienda hacer copia de seguridad de la plantilla (y todos los snippets que se hayan ido incluyendo) antes de asimilar el nuevo conjunto de plantillas.
URL: www.blogger.com

3- Typepad
Es de pago, pero promete competir contra las dos anteriores plataformas.
URL: www.typepad.com