Diseño de paginas web y algo más

Botones animados con CSS3

2012-02-03T11:14:00.000-08:00

Aquí les dejo un sitio que les muestra lo que se puede hacer con CSS3 con las nuevas propiedades de Transitions y Animations. Así es! Animaciones solo con CSS.

Botones animados con CSS3

Saludos!

Luciana

Landiawebsites - Diseño de paginas web

info@landiawebsites.com.ar

LEY SOPA

2012-01-18T15:21:00.000-08:00

Les acerco un video explicativo sobre la Ley Sopa, es sencillo y bien explicado.

Saludos!

Luciana

info@landiawebsites.com.ar

Chuleta HTML5

2012-01-11T17:47:00.000-08:00

Acá pueden bajarse este jpg que contiene los tags de HTML5, los que estan en desuso, los eventos nuevos, la visibilidad de los distintos browsers para cada tag. En fin, algo para tener siempre a mano a la hora de programar. Hasta que todos los browsers adopten esta nueva versión, habrá que ir emparchando en lo posible, lo que se pueda para lograr los resultados que como diseñadores estamos buscando. Gracias y espero que les sirva de mucha ayuda! Saludos!

Luciana

Diseño de páginas web

info@landiawebsites.com.ar

http://www.landiawebsites.com.ar/

Generador de plantillas en HTML5

2011-09-24T07:19:00.000-07:00

http://www.initializr.com/
Les dejo un sitio que los ayudará a generar templates en HTML5, una ayuda para los desarrolladores y programadores web.

Google homenajea a Jim Henson

2011-09-23T16:47:00.000-07:00

Google cambió su imagen para homenajear a James Maury Henson -más conocido como Jim Henson- creador de los famosos y eternos Muppets.

Precursor del uso de marionetas en la televisión, Henson hoy cumpliría 75 años. Su personaje más recordado fue "La rana René" como se llamó en Latinoamérica.

Caracteristicas del nuevo Facebook

2011-09-23T15:49:00.000-07:00

Tu perfil. Ya no tenés más las pestañas (arriba, a la derecha) Inicio, Perfil y Cuenta. En su lugar está tu nombre, lo que funciona igual que Perfil, e Inicio, mientras que Cuenta se simplificó en una flechita con un menú desplegable desde donde se puede acceder a la configuración de la cuenta y de la privacidad.

Suscripciones. Debajo de tu foto de perfil, vas a encontrar un nuevo botón, Suscripciones, y funciona así: Si le das click, Facebook te pregunta si querés tener suscriptores. Quienes lo permitan, dejarán que todos los contenidos que compartan de manera pública, como publicaciones en el muro, fotos, enlaces, puedan ser vistos por personas que no son sus “amigos”, quienes se suscribirán sin la necesidad de pedir amistad y esperar su correspondencia.
-Si solo te interesa compartir contenidos con tus amigos, ciertos amigos o determinadas listas de amigos, lo mejor será no permitir las suscripciones.
-Si a veces usás tu perfil para promocionar eventos, buscar impacto o solo querés medir tu fama, la idea no es tan mala y en realidad se asemeja bastante a Twitter.
-Por otro lado, ya no hace falta pedir ni aceptar la amistad de otro usuario de Facebook para poder ver sus publicaciones, si tiene habilitadas las Suscripciones. En este aspecto, la función es muy similar al Me Gusta que se puede hacer en las páginas.
-Quienes acepten suscriptores, podrán ver quiénes son en una lista.

En el Inicio.
Aquí es donde más cambios se están realizando, paulatinamente; pero llegarán a todos los usuarios, así que mejor entender de qué se tratan.

Las Noticias.Facebook ha cambiado la presentación de las noticias. Antes se dividían entre Titulares (las más destacadas por cantidad de comentarios o “me gusta”, por ejemplo) y Recientes, que mantenían un orden estrictamente cronológico.
Ahora la presentación es diferente. En la columna del medio se ven los Titulares, algunos marcados con un triángulo celeste, que indican que fueron los más relevantes desde la última vez que entraste a Facebook, y también los más recientes, aunque supuestamente importantes.

Aquí lo nuevo es que si ves algo interesante, podés marcarlo como Titular, aumentando entonces la popularidad de la publicación entre tu red de contactos. Para esto solo tenés que hacer click en el vértice superior izquierdo de la noticia, en “Marcar como titular”.

Asimismo, podés eliminar más fácilmente de tu lista de noticias aquellas que no te interesan, haciendo click en la flechita del margen superior derecho. Ahí están las opciones de Marcar como Titular (nuevamente), Ocultar Historia, Denunciar Historia o Spam y también podés señalar qué tipo de historias de un determinado amigo querés recibir: todas, la mayoría o solo las actualizaciones importantes. Finalmente, en el mismo menú podés elegir cancelar la suscripción a las actualizaciones de estado de un determinado amigo o directamente no saber nada más de él sin tener que eliminarlo de tus amistades. Una sutileza.

Ticker.No importa qué estés haciendo en Facebook, vas a ver siempre una lista con las actualizaciones de todo lo que están haciendo tus amigos en tiempo real. En la columna de la izquierda, en el margen superior.
Al principio marea un poco. Pero cuando estás aburrido viendo “qué hay” en Facebook, hace mucho más rápida tu participación. Es que desde el mismo Ticker podés comentar, poner “me gusta”, compartir y sobre todo, ver todo lo que está pasando sin perderte de absolutamente nada.

Eventos y cumpleaños.Debajo del Ticker están los cumpleaños de tus amigos, a los que podés saludar haciendo solo un click y evitándote el trabajo de ir hasta su muro.
Además, se muestran los eventos en curso, “lo que hay para hacer” en el día de hoy. Una manera de encontrarle sentido a todas las invitaciones a eventos que después se perdían en el laberinto de información.

Amigos.Facebook introdujo cambios en la manera de agrupar a tus amigos con diferentes listas.
Si ya tenías tus listas armadas previamente, éstas y sus correspondientes configuraciones de privacidad se mantienen, así que a no preocuparse.
Lo nuevo es el impulso que da Facebook a la creación de listas de amigos para poder interactuar de una manera más fácil y, mediante el orden, controlar aún más tu propia privacidad. Así, te sugiere que los agrupes en listas “inteligentes” o predeterminadas, que son Mejores Amigos, Familia, Conocidos y compañeros de trabajo, de la escuela o la facultad, pero en realidad, podés crear las listas que quieras, cambiarles el nombre, combinarlas con otras ya existentes, etc.

Lo interesante de tener a tus amigos en listas es que podés compartir un álbum, un enlace o una publicación con determinados grupos de amigos y con otros no.
De esta manera, el “quién puede ver qué” es más fácil, siempre que te hayas tomado el tiempo de hacer listas de amigos y separarlos en distintas categorías. En este sentido, las sugerencias de personas para tus listas ayudará a realizar la tarea.

Asimismo, actualizarte acerca de lo que están haciendo determinados amigos es más fácil que antes. En Inicio, en la columna de la izquierda, aparecen las Listas. Haciendo click en ellas te podrás olvidar de los titulares y de los tickets por un momento, y focalizarte en lo que realmente te interesa.

Fuente: http://www.contexto.com.ar/vernota.php?id=59241

2011-09-22T11:18:00.000-07:00

Aunque en versión Beta aún, Adobe está preparando una web que ofrece tutoriales sobre lo nuevo en HTML 5 y CSS3. Vale la pena verlo.
http://beta.theexpressiveweb.com/

Saludos! Landiawebsites - Diseño de páginas web

Google + ha hecho 91 mejoras

2011-09-22T10:51:00.000-07:00

Google más ha puesto a prueba durante 90 días su nuevo proyecto al que solo se podía acceder con invitaciones. Ahora pone a disposición de todos, esta nueva red social que te permite disfrutar en tiempo real de tus actividades con tu circulo de amigos en Google+.

+Quedadas: más lugares, más personas, mucho más

Ahora se podrán compartir actividades como transmitir en directo con 9usuarios, video llamadas y video conferencias.
Tambien ahora Google deja que probemos actividades extras como las siguientes para que le demos nuestra opinion:

Pantalla compartida: para compartir tus fotos de las vacaciones o lo que tengas en pantalla
Pizarra: para dibujar o simplemente hacer garabatos
Google Docs: para escribir o compartir un documento con otras personas
Quedadas con nombre: para conversar sobre un tema en directo con otros usuarios de Google+

ApI's de Google:
Para que los desarrolladores puedan realizar aplicaciones.

Si les interesó este tema pueden leer mas en Blog de Google.

Saludos! Landiawebsites - Diseño de sitios web

La evolución de la web!

2011-09-19T12:11:00.000-07:00

Linea de tiempo de la evolución de la web, excelente!
Tomado de: http://evolutionofweb.appspot.com/
Una linea de tiempo dinámica que nos permite ver de un pantallazo como a traves de los años fue evolucionando el mundo de internet.

2011-09-15T20:38:00.000-07:00

Un nuevo doodle que nos acerca Google, en este caso para conmemorar el 118 aniversario del nacimiento de Albert Szent-Györgyi, el fisiólogo de origen húngaro que descubrió la vitamina C en el año 1927.

Nike subastara 1500 pares de zapatillas de Marty McFly!

2011-09-08T16:20:00.000-07:00

Recuerdan en la pelicula "Back to the future 2" cuando se muestra un enorme closet lleno de zapatillas de Marty McFly? Nike lo hizo realidad!

Se subastaran por eBay 1500 pares y lo recaudado sera donado a la fundación del actor Michael J. Fox , y será destinado a la investigación de la cura de la enfermedad de Parkinson.

Una vez más Nike se suma a las movidas solidarias y los fanaticos de volver al futuro felices a la espera de esta subasta imperdible.

2011-09-04T20:35:00.000-07:00

El 5 de septiembre, Freddie Mercury hubiese cumplido hoy 65 años.
Y como no podia ser de ora manera Google nos regala un doodle con varias "figuras" del cantante de Queen, ilustrado en distintas etapas de su carrera.
Al presionar el botón que está en el medio, empieza a reproducirse en el video al ritmo de la canción Don't stop me now.

Tipografia para el diseño web

2010-12-03T11:29:00.000-08:00

Las fuentes se dividen en dos tipos:

Con Serif
Sin Serif

¿ Que es el serif? Es la "patita" o prolongación que tienen algunos tipos de fuentes. Algunos ejemplos de estos tipo de fuente son:

Times New Roman (con serif)
Arial (sin serif)

Al ser la pantalla del monitor, en definitiva, una grilla de pixeles, hay definitivamente fuente que no encajan a la perfección en esta y es por eso que sufren deformaciones poco deseables.
Es por esto que elegimos fuentes sin serif para lo que es el diseño de interfaces.

En esta imagen como podemos apreciar, la letra se deforma porque como ya dijimos no encaja en la grilla de pixeles, imaginemos una cuadricula, lo que es una curva se ve escalonada y lo que hace el monitor es agregar por cercanía, pixeles mas claros para "rellenar" eso que falta a la tipografía. Incluso lo hace donde no lo precisa la fuente. Esta imagen esta ampliada, pero en un caso real, solo notaríamos una cierta borrosidad alrededor de la fuente...y nadie querrá este resultado para un hermoso texto que deseamos que un usuario lea. ¿Esto quiere decir que no podemos usar por ejemplo una fuente Times New Roman para una web o algo que se vea en pantalla? En realidad no, lo que queremos explicar es que para texto largos (párrafos por ejemplo) no se debería utilizar, pero si en logos, botones, detalles, títulos, etc.

¿Alguna vez notaron que al elegir un tamaño de fuente, no están todos los números correlativos?
Esto sucede porque los tamaños que si aparecen, son los que deberían seleccionar los usuarios para que encajen bien en la grilla de la que hablamos anteriormente. ¿Se puede poner como se ve en la imagen un numero de fuente que no aparece? la respuesta es si, pero siempre es conveniente utilizar para las que ya ha sido preparada la tipografía.

¿Que hacer con las letras en bold o Italica?

Esto también suma una dificultad para la lectura de párrafos largos, como en el caso de las Times New Román, deberíamos elegir estos agregados a ciertos elementos puntuales a destacar pero no abusar de ellas.

¿Y cuales son las fuentes que SI podemos utilizar para la web?

Vamos a nombrar tres de ellas que fueron especialmente diseñadas para la web:

Verdana
Georgia
Trebuchet

¿Cuales son las características de las tipografías creadas para la web o visualizacion en pantalla?

Formas mas grandes
Ojos mas grandes (como ser los "agujeritos" que tienen las letras a o b
Mas altura en x
Mayor espacio entre letras ( al respetar al grilla de pixeles, no se juntan demasiado y esto facilita la lectura)
Encajan bien en la grilla de pixeles.

Bueno estos fueron algunos tips para tener en cuenta. esto es solo una introducción al mundo de las tipografías, pero es un puntapié para que los que lean este articulo, puedan interiorizarse mas si este les resulto útil!

Espero sus comentarios.
Saludos! Luciana

Bienvenidos al blog de Landiawebsites!

2010-12-02T15:37:00.000-08:00

Vamos a empezar con este blog, gracias a los que me leen y espero que la info sea la que buscan y la apliquen a sus proyectos! Cualquier consulta, me pueden escribir a sitioslandia@gmail.com

Saludos!