• Nos vamos a Proyecto -> Crear Película
• Elegimos Enviarla a internet
• Aquí seleccionamos Youtube como sitio al que queremos subir nuestro vídeo
• En la siguiente pantalla lo único que tenemos que hacer será rellenar los datos de usuario y contraseña de nuestra cuenta de Youtube y el título, descripción, etiquetas, etc. del vídeo y listo, el resto ya lo hace el.

Decir que esta característica no se si esta disponible en las anteriores versiones de este programa.

Via| Genbeta

La lomografía es el arte de hacer fotografías con una cámara LOMO LC-A (cámara compacta de la marca soviética LOMO. Es una cámara totalmente automática, de alta sensibilidad, capaz de registrar color y movimiento sin necesidad de flash y sin deformación. Las fotografías tomadas con esta cámara tienen unas características peculiares que las distinguen instantáneamente.
La lomografía enfatiza la fotografía informal y despreocupada. Lo que normalmente se consideraría un defecto o accidente (sobresaturación de colores, defectos ópticos, sobreexposición, colores indefinidos, etc.) se considera aquí un rasgo particular y artístico.

El resultado de este tutorial es este:

PASO 1

Tras elegir la imagen con la que trabajaremos la abrimos con Photoshop y la duplicamos (Ctrl+J) para trabajar con esta segunda capa.

PASO 2

Abrimos el dialogo de Curvas (Ctrl+M) y ajustamos los siguientes valores:

PASO 3

Abrimos Niveles (Ctrl+L). Seleccionamos en “Ajustes preestablecidos” “A medida” y para cada canal (salvando el RGB) ponemos los siguientes valores:

PASO 4

Vamos a Imagen -> Modo -> Color Lab. Se nos abrira un aviso preguntandonos si queremos acoplar las capas y le damos a “No acoplar”. Dependiendo de nuestra version de Photoshop se nos vera todo negro o no. Si nos pasa esto (verlo todo en negro), nos vamos a la paleta Canales y ponemos el canal Luminosidad.

Ahora vamos a Filtro -> Enfocar -> Mascara de enfoque y ponemos los valores siguientes:

Regresamos a Imagen -> Modo -> RGB donde se nos volvera a preguntar si queremos acoplar las capas dandole de nuevo a “No acoplar”.

PASO 5

Duplicamos la capa con la que estuvimos trabajando hasta ahora y nos vamos a Filtro -> Desenfocar -> Desenfoque Gaussiano y rellenamos de esta forma:

PASO 6

Nos vamos a Capa -> Mascara de capa -> Descubrir todas para añadir una nueva mascara de capa para determinar las zonas que queremos tener enfocadas en la imagen. Para ello seleccionamos un pincel con un tamaño grande (yo utilice uno de 400px, pero esto depende de las dimensiones de la imagen seleccionada) y de 0 de dureza. Pintamos el area del centro de la imagen sobre la mascara de capa para dejar desenfocados los bordes de la imagen.

Tras esto, pinchamos en la capa superior (si esta todo bien tendria que ser la mascara que creamos antes) con el boton derecho y seleccionamos “Combinar hacia abajo”.

PASO 7

Para finalizar, vamos a Filtro -> Distorsionar -> Correccion de lente y ajustamos solamente el valor “Cantidad” de la viñeta poniendolo a -1.

Y es nuestro resultado:

Con esto ya tenemos creada nuestra lomografia. Espero haberme explicado lo suficientemente bien.

Los tooltips son las pequeñas ventanas emergentes que aparecen al pasar con el raton por encima de un enlace, imagen, etc. Estos se crean automaticamente con el atributo “title” que le colocamos a un enlace:

Con qTip podremos personalizar la forma que tengan los tooltips desde el CSS de una forma muy facil. Para utilizarlo priero tendremos que descargarlo (boton derecho -> guardar como) y alojarlo en nuestro servidor. En caso de que estemos usando WordPress lo alojaremos en la carpeta de nuestro theme.

Colocaremos la llamada al script entre las etiquetas y :

<script language="JavaScript" src="qTip.js" type="text/JavaScript"></script>

Si trabajamos con WordPress utilizaremos esta otra llamada:

<script language="JavaScript" src="<?php bloginfo('template_url'); ?>/qTip.js" type="text/JavaScript"></script>

Despues lo podremos personalizar con un poco de CSS utilizando div#qTip:

div#qTip {
padding: 3px;
border: 1px solid #333;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #666;
color: #FFF;
font: bold 9px Verdana, Arial, Helvetica,sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}

Via| xyberneticos
Mas informacion| grayg

Me gusta este anuncio, con una realidad vectorizada, se nota que esta muy currado (aunque no tiene muy buena resolucion el video, intentare encontrar otro que se vea mejor).

El creador de este plugin es Alen Grakalen, de css globe, y en uno de sus blog podemos ver integrado con CSS y funcionando perfectamente este slider.

Con la ultima version podremos:

• auto slide
• slide continuo
• botones de “ir al primero” e “ir al ultimo”
• slide vertical
• multiples sliders en una pagina
• y mas cosas

Demos:

• basic default non styled demo
• styled demo with default settings
• non styled demo with vertical scroll and visible “go to first” and “go to last” buttons
• styled demo with auto scroll and continuous sliding
• styled demo with multiple slider, image and content slider, with different settings (top one has auto slide while bottom one doesn’t)

Para usar este plugin tendremos que hacer lo siguiente:

Agregar las llamadas de los .js en el header:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#slider").easySlider();
	});
</script>

Aplicar los estilos:

body {
	margin:0;
	padding:40px;
	background:#fff;
	font:80% Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%;
}
h1{
	font-size:180%;
	font-weight:normal;
	}
h2{
	font-size:160%;
	font-weight:normal;
	}
h3{
	font-size:140%;
	font-weight:normal;
	}
img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;
	margin:.5em 0;
	width:500px;
	}		

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:696px;
		height:241px;
		overflow:hidden;
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

Y el contenido que queremos poner en el slider:

<div id="slider">
        <ul>
            <li><a href="#"><a href="images/01.jpg" rel="lightbox" title="Descripcion" ><img src="images/01.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/02.jpg" rel="lightbox" title="Descripcion" ><img src="images/02.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/03.jpg" rel="lightbox" title="Descripcion" ><img src="images/03.jpg" alt="Descripcion"/></a></a></li>
            <li><a href="#"><a href="images/04.jpg" rel="lightbox" title="Descripcion" ><img src="images/04.jpg" alt="Descripcion"/></a></a></li>
            <<li><a href="#"><a href="images/05.jpg" rel="lightbox" title="Descripcion" ><img src="images/05.jpg" alt="Descripcion"/></a></a></li>
        </ul>
    </div>

Via| css globe

la gripe porcina con humor

Y esto es lo que han hecho los creadores de esta camiseta (gripe porcina = influenza = swine flew). La camiseta esta a la venta en Skykraper a un precio de $23.65 dolares.

Via| CamisetasTop

Comprar| Skykraper

Recursos CSS en completo español

La verdad es que tienen un ritmo de publicacion excelente, con una o dos noticias por dia, que hace que puedas leer una gran cantidad de articulos en español sobre CSS en el poco tiempo que llevan online (concretamente desde el 2 de Enero).

Los articulos tienen tres tipos de dificultad segun la experiencia del lector: basico, medio o avanzado. Tanto sii estais empezando con la maquetacion web como si sois unos expertos, os recomiendo visitar CSSBlog y suscribiros a sus articulos ya que puede que os ayuden en alguna ocasion.

Khoda es el trabajo de Reza Dolatabadi para su graduacion. Como podeis ver, se trata de un video creado por 6000 pinturas que tardo en hacer dos años. Segun el, su intencion era que al pausar el video se pudiese ver un cuadro distinto. Y yo digo que lo ha conseguido. El video es impresionante y muestra el duro trabajo que hubo para crearlo.

Video| Khoda

Autor| Reza Dolatabadi

Pinche aquí para ver el vídeo

Pinche aquí para ver el vídeo

Mas videos| Keith Loutit en Vimeo