destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

jQuery: Mostrar el 煤ltimo Tweet con JSON

, , 05/02/2012 19:43:02

El siguiente snippet permite extraer el último tweet mediante jQuery y JSON.

$.getJSON("http://twitter.com/statuses/user_timeline/username.json?callback=?", function(data) {
     $("#twitter").html(data[0].text);
});

Donde username es el nombre de usuario del que deseamos extraer el último tweet. Por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery tweet</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$.getJSON("http://twitter.com/statuses/user_timeline/webintenta.json?callback=?", function(data) {
     $("#twitter").html(data[0].text);
});
});	
</script>
<style type="text/css">
#twitter{
	padding:5px;
    font-family: Arial, Helvetica, Sans-serif;
	font-size:13px;
	color:#666;
	background:#E8E8E8;
	border:1px solid #CCC;
    width:300px;
    margin:0 auto;
}
</style>
</head>
<body>
<div id="twitter"></div>
</body>
</html>

Ver ejemplo en funcionamiento » »

Visto en CSS Tricks » »

CSS: Ocultar texto con text-indent

, 27/03/2011 19:18:36

Este truco es útil para ocultar un texto que deseamos que el visitiante no vea, pero que a la vez deseamos que esté presente en la web por razones de SEO. Por ejemplo a la hora de colocar el logo de una empresa o marca. Se oculta el texto que se encuentra dentro de las etiqueta h1 y se muestra el logo como fondo en su lugar.

CSS:

h1 {
	text-indent:-9999px;
	margin:0 auto;
	width:400px;
	height:100px;
	background:transparent url("images/logo.jpg") no-repeat scroll;
}

HTML:

<h1>Coches AAA: venta coches, turismos, todoterrenos, furgonetas, segunda mano, motocicletas</h1>

Sticky Footer: Mantener el pie en la parte inferior de la p谩gina

, , 27/11/2010 19:45:16

La siguiente técnica, vista en cssstickyfooter.com, permite crear un pie de página que se mantenga en la parte inferior de la página independientemente de la cantidad de contenido que haya en la misma.

HTML:

<div id="wrap">
	<div id="header">
	</div>
	<div id="main">
	</div>
</div>
<div id="footer">
</div>

CSS:

html, body {height: 100%;}
#wrap {min-height: 100%;}

#main {overflow:auto;
   padding-bottom: 150px;}  /* must be same height as the footer */
#footer {position: relative;
   margin-top: -150px; /* negative value of footer height */
   height: 150px;
   clear:both;}

/*Opera Fix*/
body:before {
   content:"";
   height:100%;
   float:left;
   width:0;
   margin-top:-32767px;/
}

<!--[if !IE 7]>
   <style type="text/css">
       #wrap {display:table;height:100%}
   </style>
<![endif]-->

Ver ejemplo en funcionamiento » »

Libro Blanco de Comercio Electrónico

, 01/08/2010 11:03:19

El "Libro Blanco del Comercio Electrónico" es una publicación de AECEM (Asociación Española de Comercio Electrónico y Marketing Relacional) cuya edición ha sido posible gracias al apoyo del Ministerio de Industria, Comercio y Turismo a través de fondos del Plan Avanza para el desarrollo de la Sociedad de la Información en España. Esta publicación quiere ser, ante todo, un manual práctico de utilidad para quienes estén o quieran estar en Internet para vender sus productos o servicios y convertir el canal on-line en una vía de desarrollo y fuente de beneficio.

Libro Blanco de Comercio Electrónico » »

OMG: One-click Minifier Gadget

, , , 31/01/2010 13:54:05

OMG es el acrónimo de One click Minifier Gadget, es una aplicación de escritorio multiplataforma (se puede ejecutar en Windows, Mac y Linux) para la comprimir o minificar elementos web -Javascript y Hojas de estilo-. También está previsto añadir en breve soporte a la compresión de imágenes. La aplicación utiliza JSMin para la compresión en Javascript CSSMin para CSS.

Al iniciar el programa muestra una ventana donde puedes arrastrar y soltar uno o más archivos o directorios. Una vez has arrastrado un elemento, el programa de "minifica" el archivo de entrada y escribe la versión miniaturizada. Eso es todo.

OMG

OMG » »

jQuery Notify Bar

, , 10/01/2010 16:00:00

Plugin para jQuery que nos permite mostrar barras de notificación similareas a las que en este momento está utilizando Twitter. Su funcionamiento es muy sencillo:

$ (function () (
  $. notifyBar ((
   html: "Gracias, su configuración se ha actualizado!",
    delay: 2000,
    animationSpeed: "normal"
  ));
));

Permite asignar clases CSS personalizadas a la barra de notificación aunque también existen dos clases prefabricadas: "error" y "success" (éxito).

Demo y descarga de jQuery Notify Bar » »

Páginas: 1 2 3 4 Siguiente >