Jueves, 29 Noviembre 2001 19:00

Recursos Didácticos: The Bezier Game

The Bezier Game

The Bezier Game

The Bezier Game es una aplicación online, ideal para mejorar el uso de la Herramienta Pluma en Adobe Illustrator, sobre todo para quienes se inician en el uso del diseño vectorial.

Comienza con algunos tutoriales básicos, los que luego van incrementando su dificultad, permitiendo un máximo de puntos de ancla para lograr cada dibujo. Recomendado como recurso didáctico en clases.

Enlace hacia la aplicación: http://bezier.method.ac/

Saludos para todos!
Plácido Luna.

Publicado en Blog

Video en slider responsivo

Colocar un video responsivo en un slider responsivo

Respuesta a consulta en clases: Insertar un video responsivo en un slider responsivo, usando Bootstrap desde Dreamweaver. Veamos como:

Miércoles, 08 Marzo 2017 15:33

Bootstrap desde Mobirise: Video Responsivo

Bootstrap desde Mobirise

Videos Responsivos con Bootstrap desde Mobirise

En respuesta a una consulta de clases sobre como insertar un video responsivo, y complementado una entrada anterior en la que usamos componentes de Bootstrap desde Dreamweaver, veremos ahora las oportunidades de inserción casi directa que nos ofrece Mobirise para realizar las siguientes tareas:

Cabecera thumbnails responsivos con Bootstrap desde Dreamweaver

Thumbnails responsivos con Bootstrap desde Dreamweaver CC

En esta entrada sobre el uso de Bootstrap desde Dreamweaver CC2017 veremos como insertar imágenes de miniatura (thumbnails) responsivas en tres niveles de dificultad creciente: Insertar el componente Thumbnail en su versión más sencilla, la repetición de cuatro de estos cuatro thumbnails, y la sustitución de la imagen que Dreamweaver inserta por defecto ("Thumbnail_Placeholder.png") por cuatro imágenes de muestra, modificando el comportamiento de algunas etiquetas y agregando otras. Veamos como:

Cabecera tutorial videos responsivos

Insertar videos responsivos con Bootstrap desde DW CC2017

Esta nueva entrada forma parte de los tutoriales (muy) básicos sobre la inserción de componentes responsivos con Bootstrap desde Dreamweaver CC2017; esta vez veremos la inserción de un video responsivo.

Tutorial imagen responsiva con Bootstrap desde Dreamweaver

Insertar una imagen responsive desde Dreamweaver CC2017

Esta entrada forma parte de una serie de microtutoriales llamados "Bootstrap desde Dreamweaver..." creados como material de apoyo a los cursos de diseño web y Dreamweaver, por lo que, como en todos ellos, los procedimientos son tratados de forma descriptiva, aunque de manera rápida y breve; los detalles de edición más avanzados son tratados en cada una de las clases, sean éstas presenciales o remotas.

Veamos como insertar imágenes responsivas desde Dreamweaver, con Bootstrap:

 Cabezal: Carousel Bootstrap con Dreamweaver

Bootstrap: Slider responsivo desde Dreamweaver CC2017

En esta oportunidad veremos, brevemente, cómo insertar, editar y ver los resultados de un slider responsivo basado en Bootstrap usando Dreamweaver:

El componente Navbar desde Dreamweaver CC2017

Insertando una barra de navegación responsiva desde DW 2017

Esta es la primera de varias entradas orientadas a ayudar al estudiante inicial de diseño web con Dreamweaver a insertar y visualizar el resultado funcional de estos componentes responsivos que utilizan Bootstrap.

Cabezal edición de guías en illustrator

Editar las guías en Adobe Illustrator

Respondiendo a una consulta de clases, veremos como editar las guías en Adobe Illustrator (brevemente ya que la mecánica no difiere demasiado respecto a la edición de cualquier otro trazado); veamos como:

Publicado en Imágenes vectoriales
Miércoles, 22 Febrero 2017 22:01

Media Queries: Enlaces recomendados

Cabezal entrada sobre Media Queries

Las media queries y el diseño responsivo

Citando brevemente esta entrada de Wikipedia sobre "Media Query" tenemos que:

En desarrollo web, Media Queries es un módulo CSS3 que permite adaptar la representación del contenido a características del dispositivo como la resolución de pantalla...

En una nota del mismo sitio, esta vez sobre Diseño Web adaptable leemos que:

El diseño web adaptable se hace posible gracias a la introducción de las media queries en las propiedades de los estilos CSS en su versión número 3. Las media queries son una serie de órdenes que se incluyen en la hoja de estilos que indica al documento HTML cómo debe comportarse en diferentes resoluciones de pantalla.

Página 1 de 13