París: de viaje a la capital del amor

Hace un mes fui de viaje a París con mi chico, es el típico viaje que haces cuando estás en pareja, un viaje a la ciudad del amor. Quizás por eso no había ido antes, pensaba que era demasiado cursi. Al fin y al cabo es con lo primero con lo que asocias París, con el amor. Y después de haber estado allí tengo que reconocer que sí, que pasear por la ciudad de la mano de la persona a la que quieres es muuuuy romántico. Pero ¿En qué ciudad no lo es? Después de todo, lo que importa es…

Leer más

Humanstxt, la web por y para humanos

Hace un par de meses se encendió una pequeña bombilla sobre la cabeza de @cssbarcelona, la idea de colocar en cada web un pequeño archivo donde se indique quiénes son las personas que han realizado esa web. Hoy en día encontramos en la mayoría de las webs un archivo llamado robots.txt donde le decimos a los robots de los buscadores cuales páginas queremos indexar, cuales no, y demás parámetros de configuración. Pero si cada web está hecha por y para humanos ¿Por qué no incluir un pequeño archivo, nada intrusivo, nada pesado, dedicado a nosotros? Y así nació humanstxt, una…

Leer más

jQuery: fixedTo plugin para posicionar elementos

Hace un par de semanas necesité maquetar un elemento de forma que permaneciese siempre fijo en la parte inferior de la página, no me llevó mucho, ya que se resolvía con: elemento{ position:fixed; bottom:0; } Pero una vez lo tenía listo lo ví tan simple, que necesitaba darle un poco de vida. Me puse manos a la obra, y después de unas horas surgió el plugin fixedTo. El funcionamiento no se limita al css escrito antes: – Puedes indicar la posición de la ventana en la que quieres colocar el elemento, si es en un lateral, se gira automáticamente. –…

Leer más

Fuentes en web ¿Con cual te quedas?

No es la primera vez que escribo un post sobre el uso de diferentes fuentes en páginas web, pero recientemente he hablado sobre esto con varias personas y me veía en la necesidad de volver a escribir sobre ello y organizar mejor mis pensamientos. Así que allá voy: Como norma general, la fuente que indiquemos en nuestra web, tiene que ser una fuente que tenga instalada en su ordenador la persona que acceda a ella. Por eso, estamos limitados a una lista de fuentes muy corta. Pero por suerte para los diseñadores todos, hoy en día podemos ampliar esta lista…

Leer más

CSS3: Transformaciones en 2D

Mientras esperamos a la llegada definitiva de la versión 3 de CSS, no puedo evitar ir trasteando las nuevas propiedades, y esta vez le he echado el ojo a “transform” y “transform-origin”. Con transform podemos modificar elementos de varias formas: 1. Transladar el elemento a otra posición: elemento{transform:translate(a,b);} 2. Escalar el elemento: elemento{transform:scale(a);} 3. Rotar el elemento: elemento{transform:rotate(a);} 4. Sesgar el elemento: elemento{transform:skew(a,b);} 5. Deformar el elemento: elemento{transform:matrix(a,b,c,d);} Por defecto, la mayoría de los navegadores asignan como punto de origen de las transformaciones el centro del elemento (50% 50%), pero podemos modificar este punto con la propiedad transform-origin: Poniendo, por…

Leer más