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 » »

CSSrefresh: actualizar autom谩ticamente los archivos CSS

, 27/01/2012 19:12:34

CSSrefresh es un pequeño archivo de javascript que controla los archivos CSS incluidos en una página Web. En el momento en que se guarda un archivo CSS, es capaz de implementar los cambios sobre la web, sin tener que actualizar el navegador.

CSS Refresh

Su uso es muy sencillo, basta con incluir la librería después de los ficheros CSS que deseemos controlar. Por ejemplo:

<head>
    <link rel="stylesheet" type="text/css" href="css/estilos.css" />
    <script type="text/javascript" src="js/cssrefresh.js"></script>
</head>

CSSrefresh » »

humans.txt

27/05/2011 15:00:00

humans.txt es una iniciativa para conocer a los autores de los sitios web que visitamos. Al igual que el fichero robots.txt, se ha de colocar en la raíz del sitio web y se trata de brindar información acerca de las personas que han intervenido en el proceso de creación así como las tecnologías utilizadas. La estructura del fichero debería ser similar a la siguiente:

/* TEAM */
Tu cargo dentro del proyecto: Tu nombre.
Site: E-mail, enlace a formulario de contacto,...
Twitter: tu nombre de usuario en Twitter.
Location: Ciudad, Comunidad, País.

[...]


/* THANKS */
Name: nombre o url

[...]


/* SITE */
Last update: YYYY/MM/DD
Standards: HTML5, CSS3,..
Components: Modernizr, jQuery, etc.
Software: Software usado para el desarrollo del site.

humans.txt » »

Flux Slider

26/05/2011 13:00:00

Flux Slider es un experimento para lograr transiciones entre imágenes similares a las que se pueden obtener con el uso de animaciones CSS3. Obviamente, para visualizar la demo, nuestro navegador debe soportar de modo completo las animaciones CSS3.

Flux Slider

Flux Slider » »

25 puntos clave para la usabilidad de un sitio web

25/05/2011 19:00:00

En usereffect.com ofrecen un completo "checklist" para comprobar la usabilidad de un sitio web. Algunas de las comprobaciones que deberemos realizar son:

1.-El tiempo de carga es razonable.
2.- Contraste del texto con el fondo
3.- Tamaño y espaciado entre caráteres
4.- Flash y otros complementos son usados con moderación
5.- Las imágenes tienen etiquetas Alt apropiadas

También podemos encontrar en boluda.com una traducción al castellano de este mismo checklist.

25-point Website Usability Checklist » »

Loggly

25/05/2011 17:25:02

Lidiar con los logs de un servidor a menudo es una tarea ardua, Loggly esuna plataforma online que ofrece un servicio de registros o logs. Permite centralizar todos los logs en un sólo lugar y facilita el acceso y su análisis a través de una interfaz gráfica, pudiéndose realizar búsquedas, análisis, informes, etc.

Loggly

Loggly » »

zbugs: acelera tu sitio web con un sólo click

01/05/2011 14:13:34

Una nueva herramienta en línea que ofrece una solución fácil y rápida para acelerar el tiempo de carga de t sitio web, mediante la unión, "minificación" y compresión en gzip de los archivos CSS y JS. Todo lo que necesitas hacer es escribir la dirección del sitio web o subir archivos que deseas comprimir desde tu PC.

zbugs » »

Stacey

, 29/04/2011 17:56:48

Stacey es una mezcla entre un CMS y un framework, que permite la creación de sencillos sitios web. El proyecto se basa en dos ideas centrales. Está desarrollado en PHP y almacena todo su contenido en carpetas y ficheros de texto plano en lugar de una base de datos tradicional. Esto facilita en gran medida la instalación, puesto que ésta consiste en una simple copia de los archivos de la aplicación en el servidor. No hay fichero de instalación ni configuración de la base de datos.

En el sitio web de Stacey dispone de una completa documentación, una galería de webs que utilizan este CMS, así como unas cuantas plantillas que podemos descargar. En definitiva, una buena alternativa para realizar un sitio web sencillo.

Stacey » »

Páginas: 1 2 3 4 Siguiente >