Publicidad
Publicidad

RSS Diseño Web

Responsive Design: estructura adaptable

19 Comentarios
Responsive Design: estructura adaptable

addEventListener('load', function (event) { prettyPrint() }, false);

Tras la introducción al Responsive Design ahora toca conocer lo esencial para crearlos: el meta-tag Viewport, las @media queries y tener en cuentas ciertas cosas más "clásicas", pero que son esenciales (cosas como las que permiten que los borradores y notas de W3C se adapten "casi" perfectamente al ancho de pantalla).

Leer más »

Responsive Design: introducción

44 Comentarios
Responsive Design: introducción

En Genbeta Dev hemos hablado antes sobre Responsive Design, pero voy a hacer una pequeña guía de como crear diseños que se adapten a todo tipo de pantallas con el uso de CSS, que actualmente nos brinda al posibilidad de crear un diseño adaptable sin necesidad de JavaScript e incluso gran parte de la base es compatible con navegadores antiguos (lo que es la base, no podemos pretender que Internet Explorer 7 visualice un completo diseño adaptable).


Leer más »
Publicidad

Breve introducción a la historia de Lorem Ipsum

3 Comentarios
Breve introducción a la historia de Lorem Ipsum



Siguiendo la línea del último post me ha parecido interesante hacer una breve introducción a la historia de Lorem Ipsum la cual es una gran desconocida para mucha gente. Lorem Ipsum es usado ampliamente en el mundo editorial, el diseño gráfico y el diseño web.

Es un marcador de texto o texto de relleno usado para demostrar los elementos gráficos de un documento visual como la tipografía, las fuentes o el maquetado. Por norma general es una sección en Latín del texto de la obra Cicerón De finibus bonorum et malorum escrito en el año 45 a.C con algunas palabras o letras eliminadas para eliminar su sentido.

En contra del ideario popular, Lorem Ipsum no tiene ningún tipo de sentido en Latín clásico y nunca ha tenido intención de tenerlo. Aunque no es un texto excesivamente largo, ha servido incluso para maquetar libros completos sin tan siquiera repetir un párrrafo al combinar sus palabras.

Leer más »

UnmatchedStyle CSSOff (Friendly Markup Fisticuffs)

2 Comentarios
UnmatchedStyle CSSOff (Friendly Markup Fisticuffs)



UnmatchedStyle comienza su concurso #CSSOff de diseño web. El evento cuenta con un sistema de puntos por hitos o logros y con un jurado de excepción. Los premios tampoco son nada despreciables.

UnmatchedStyle CSSOff es un concurso de desarrollo de front-end de alto nivel donde participa lo mejorcito del panorama internacional. Algunos de los miembros del jurado del concurso son grandes gurús del desarrollo y el diseño web.

Entre ellos se encuentra por ejemplo el famoso Ethan Marcotte autor de Responsive Web Design o el también famoso Chris Coyier blogger del archiconocido CSS-Tricks.com entre muchos otros.

Leer más »

Las insólitas aventuras de un diseñador: Freaklances

3 Comentarios

Septiembre. ¿Ya volviste a la cruda realidad laboral? Pues tranquilo hombre (o mujer), no te cortes las venas todavía, que ya está aquí el fin de semana y en Genbeta Dev, para endulzarlo todavía más, te traemos una serie de animación online que muy posiblemente conozcas y que, si no, te va a encantar: Freaklances.

La serie, de nacionalidad española, sigue las andanzas de Faustino, un diseñador (¡el enemigo!) freelance amante de la informática y friki como pocos. Ya se encuentra por el sexto capítulo de la segunda temporada, estrenan uno nuevo cada uno o dos meses y la mejora desde el "piloto" que te mostramos en la cabecera del post hasta el último capítulo subido (una parodia de Regreso al Futuro en tres actos) es constante y notoria.

Quizás no sea una obra maestra ni alcance el status de obra de culto que tienen otras series flash como 'Cálico Electrónico' o 'Niña Repelente' pero es muy divertida, está trufada de coñas informáticas y tiene algunos personajes geniales como ese jefe de marketing llamado ROI o Rosa, la chica de UX, que aparece bocetada a boli bic. Para pasar la mañana de sábado da más que de sobra.

Fuente | Freaklances Vídeo | Vimeo

Leer más »

Diseños web sensibles (Responsive Web Design)

15 Comentarios
Diseños web sensibles (Responsive Web Design)



Hace poco he acabado la lectura de un libro que recomiendo encarecidamente, Responsive Web Design de los siempre geniales A book Apart escrito por Ethan Marcotte diseñador y programador web y habitual de A list apart en el que se explica como unir tres técnicas y tecnologías ya existentes en el desarrollo web para crear sitios webs sensibles al dispositivo que los visita.

De esta manera, Marcotte aboga por el uso de grids fluidos, imágenes flexibes y media queries para construir sitios que se adapten al dispositivo que está visitando nuestro sitio web o incluso de la posición del mismo dando como resultado sitios webs increíblemente flexibles.

Llevamos diecisiete años construyendo nuestras páginas web bajo las mismas premisas y reglas con la que imprimimos en papel pero es hora ya de evolucionar y de dejar ese comportamiento atrás, la web no es papel, la web es flexible, son muchos los dispositivos que pueden navegar por nuestros sitios.

Leer más »
Publicidad
Publicidad

Menú

Lo nuevo en genbetadev

Ver más artículos