webtips 05 – Efecto zoom

Quinta entrega de webtips. Con este vídeo entramos en la recta final de la serie ya que en septiembre comenzará un nuevo curso sobre seguridad web.

Si queréis podéis dejar algún comentario explicando que os ha parecido la serie de vídeos, si os gustaría que explicara alguna cosa más, profundizar más en algún tema/apartado… lo que queráis.

Tenéis la opción de descargar el vídeo (142 mb – 1440×900px) y el código.

NOTA:
En el código descargable la propiedad opacity del <div id=”cursor”> es asignada mediante javascript en lugar de css.
El código ha sido testeado y funciona correctamente bajo Mozilla Firefox 3.0/3.5 preview, Google Chrome e Internet Explorer 8.

Read more

Premiere cs3 cap 4 – Como hacer un Croma

Tercer vídeo de adobe premiere. En esta ocasión veremos como funciona un croma y haremos uno casero. Veremos diferentes maneras de hacerlo con una clave de cromacidad y con ocho puntos de anclaje.

Una vez más tenéis el vídeo en youtube y el link para descargar el vídeo original (22 mb cada parte).

Read more

webtips 04: Optimizar la carga de una página web 2/2

Cuarta entrega de webtips, segunda parte. Seguimos con los consejos para agilizar la carga de nuestra web de la mano de Yslow.

En el vídeo se me olvida comentar la subpestaña tools de Yslow. En la misma encontrareis diferentes herramientas listas para usar (hace uso de páginas externas, pero eso es lo de menos). Aquí tenéis el listado de utilidades y sus respectivas descripciones:

Read more

webtips 04: Optimizar la carga de una página web 1/2

Cuarta entrega de webtips. En esta ocasión vamos a ver algunos consejos para agilizar la carga de nuestro proyecto web, tanto del lado de el servidor como de el cliente.

Aquí tenéis la primera parte de el vídeo, 24 minutos. Mañana pondré la segunda, 20 minutos más.

El audio “rasca” un poco, definitivamente tengo que hacerme con un micrófono nuevo que con este no me las arreglo. Tenéis los enlaces a las páginas vistas en el tutorial así como la descarga del vídeo completo en “leer más/read more”.

Read more

webtips 03: alternativas a sIFR en javascript

Tercera entrega de webtips. Hoy veremos como reemplazar dinámicamente las fuentes de nuestro proyecto web por cualquier fuente deseada al margen de que nuestros usuarios tengan dicha fuente instalada en sus ordenadores. 22 minutos de videotutorial donde veremos paso a paso el uso de esta técnica.

Esta semana como novedad también incluyo un articulo donde se resume y complementa el vídeo, el código usado listo para descargar y la ya habitual opción de bajar el vídeo original.

+ Info

El método font-family de javascript nos permite asignar una fuente a cada uno de los elementos de nuestra página web. En caso de hacer uso de una fuente que nuestros clientes o usuarios no tengan instalada en sus ordenadores o dispositivos móviles esta será reemplaza automáticamente por una disponible….

Read more

adobe premiere 03

Tercer vídeo de adobe premiere. Esta semana aprenderemos a configurar los diferentes ajustes del proyecto para que se adapte a nuestras necesidades. También veremos como subtitular un vídeo.

Una vez más tenéis el vídeo en youtube y el link para descargar el vídeo original (36 mb – 1024x 768 px).

Read more

Webtips 02 : Efecto con jquery 2/2

Segundo videotutorial (segunda parte), 15 minutos de vídeo donde veremos los últimos pasos para crear el efecto que empezamos la semana pasada.

Tenéis el vídeo en youtube y el link para descargar el vídeo en hd (73 mb – 1440x 900 px).

Read more

adobe premiere 02

Segundo video de adobe premiere. En esta ocasión tenemos un ejercicio práctico. veremos como cambiar el audio de un archivo de video.

NOTA: Al parecer el Camtasia (programa que uso para grabar los videos) no muestra los cambios de iconos del ratón.

Teneis el vídeo en youtube y el link para descargar el vídeo original en alta resolución (37 mb – 1024x 768 px).

Read more

Webtips 02 : Efecto con jquery 1/2

Segundo videotutorial, veremos un curioso efecto con css  y jquery inspirado en el efecto  parallax. Aquí teneis la primera parte del video, 26 min, que finalizara la semana que viene. Creo que este video ha quedado bastante mejor que el anterior. Pero bueno… ya me contareis

Como siempre os dejo el vídeo en youtube y el link para descargar el vídeo original en alta resolución (133 mb – 1440x 900 px).

Read more

videotutorial: adobe premiere 01

Instalación y primeros pasos en adobe premiere cs3

Teneis el vídeo en youtube y el link para descargar el vídeo original en alta resolución (34 mb – 1024x 768 px).

Read more

videotutorial: sprites css

Primer vídeo de desarrollo web. Aprenderemos a usar sprites css con un ejemplo real. La calidad del sonido flojea un poco, mi primer vídeo… y con trancazo, mejorara en el próximo. Os dejo el vídeo en youtube y el link para descargar el vídeo original en alta resolución (98 mb – 1440x 900 px).

Read more

Introducción a los video tutoriales

A lo largo de las próximas semanas iremos sacando varios video tutoriales, tando euskaltawy como yo, que es la razón por la que este video-blog fue creado.

Os dejo un pequeño vídeo de introducción y el link para descargar el video original en alta resolucion (1440×900).

Read more