Blog Vecindad Gráfica Diseño Gráfico

En este video de inspiración en lo que hacen los demás, el estudio “Dress Code” nos dice que el trabajar en esta profesión, no es nada más diseñar algo, es una forma de vivir a diario. Se adquieren conocimientos, Cultura general, inspiración en las calles, Cine, etc.

Adobe Design Center – Behind the Design with Design Studio Dress Code

Buena ilustración de Josuédric.

1. Jamás le hagas modificaciones a un proyecto, con el cliente presente.

2. Si no cobras lo justo. No solamente devalúas tu trabajo, sino el de todos tus colegas.

3. El cliente siempre espera que termines antes y se sentirá con el derecho a presionarte.

4. Si el cliente quiere Bueno, Bonito y Barato aplica la regla de 3B’s: Si es Bueno y Bonito no puede ser Barato; si es Bonito y Barato no puede ser Bueno y si es Bueno y Barato no puede ser Bonito!

5. Antes de empezar, pide anticipo y nunca entregues el trabajo sin que te hayan terminado de pagar.

Tejedores de sueños (Adobe User Group) comienza el año con una conferencia donde aprenderás a crear un sitio HTML con la ayuda de la más reciente herramienta de Adobe: Muse.

Con Muse puedes crear sitios completos sin saber HTML/CSS. Es ideal para diseñadores editoriales que quieren adentrarse al web debido a su gran parecido con la interfase de InDesign.

Los temas que veremos son:

Como planear tu sitio
Crear páginas maestras
Editar y optimizar imágenes
Utilizar estilos
Crear menús
Crear slideshows
Utilizar ligthboxes
Publicar tu sitio
Y todo sin ver una sola línea de código.

La cita es en el TelmexHub ubicado en Venustiano Carranza 51 en el Centro Histórico de la Ciudad de México, este sábado 28 de enero del 2012 a las 16 hrs.

La entrada es gratuita, pero como siempre se les pide a los asistentes que se preregistren en el sitio de TelmexHub ya que es necesario para que puedan entrar al lugar.

José Vicente Carratalá ofreciéndonos toda su capacidad con un tema muy específico.

FFMPEG es un conversor de audio muy bueno, muy potente y muy versátil… y además multiplataforma. Pero como todos los programas muy potentes, funciona en línea de comando; es decir, no tiene botones: te abres una ventana de MS-DOS y a escribir parámetros. Cuando lo usas todas las semanas, te vale la pena aprenderte todos los parámetros, pero cuando lo que quieres es comprimir rápida y fácilmente tu peli favorita de DivX a MP4 para verla en tu Tableta… aprender FFMPEG es difícil. Así que, desarrollaremos una GUI (graphic user interface) para FFMPEG, de tal forma que salga un programa “en ventana” que, mediante botones, scrolls y combos, te permita especificar cómo va a ser la conversión de una manera gráfica, sin aprender comandos de memoria.

Día: 19 de enero de 2012.
Hora: 20:00 en España (GMT+1), 19:00 en Canarias (GMT +0), 13:00 en México (GMT-6).

eSeminars: organización y acceso
El aforo al aula online donde tiene lugar el eSeminar es limitado y sólo podrán entrar las primeras 250 personas que lleguen, así que te pedimos seas puntual, abriremos las puertas 5 minutos antes del comienzo de la sesión. Utiliza el nombre de usuario o el nombre y el apellido con el que estás registrado en video2brain.

La entrada al aula será esta: http://connect.video2brain.com/r3vnt3sjmlk/, ¡compártelo con tus colegas y amigos! No dejes de seguirnos en Twitter en @v2bMX con el hashtag #v2bJava7GUI.

HTML5 es considerado la piedra angular de la plataforma de código abierto presentada por el W3C (World Wide Web Consortium); un marco de desarrollo creado con el objetivo de apoyar la innovación y fomentar el completo potencial que la Web ofrece hoy en día.

Nuestro curso “HTML5 en proyectos reales” está diseñado para proveer las bases en el correcto uso de cada una de las tecnologías que conforman la nueva especificación HTML (Semántica, Aplicaciones fuera de línea y almacenamiento local, Acceso a dispositivos, Conectividad, Multimedia, Gráficos 3D y efectos visuales, Rendimiento e Integración y Hojas de estilo en cáscada CSS3).

Durante 4 sesiones aprenderás a generar un sitio Web completo aplicando las técnicas más utilizadas en el desarrollo Web con HTML5, CSS3 y jQuery, todo a través de proyectos reales.

Costo: $3,500.00 (Tres mil quinientos pesos) + IVA.

Descuentos:
15% si eres estudiante (deberás presentar credencial o tira de materias vigente).
15% si vienes con un amigo (el descuento se aplica a ambos).
20% si vienes con un grupo de 2 amigos (3 en total)
Descuentos no acumulables.

El curso se impartirá cada sábado en las siguientes fechas:
04 de Febrero
11 de Febrero
18 de Febrero
25 de Febrero
Un total de 20 horas (De 09:00 a 14:00 hrs.).

Temario:
¿HTML5 – Toma el control – Tu Web, tu logotipo?
¿Qué es HTML5?
Nuevos elementos y atributos HTML5.
El elemento canvas.
El elemento video.
Geolocalización.
Aplicaciones fuera de línea.
La tecnología HTML5.
Semántica (Semantics).
Aplicaciones fuera de línea y almacenamiento local (Offline & Storage).
Acceso a dispositivos (Device access).
Conectividad (Conectivity).
Multimedia.
3D, gráficos y efectos visuales (3D, Graphics & effects).
Rendimiento e integración (Performance & Integration).
Hojas de estilo en cáscada (Cascading Style Sheets – CSS3).

Tu navegador soporta HTML5?
Microsoft Interner Explorer (Trident -­ Tasman)
Mozilla Firefox (Gecko)
Google Chrome (Webkit)
Apple Safari (Webkit)
Opera (Presto)
Tabla comparativa de características HTML5, CSS3, SVG soportadas en los navegadores más utilizados

Detectando características HTML5
Canvas
Canvas text
Video
Formatos de video
Local storage.
Web workers
Offline Web applications
Geolocalización
Input types
Input search
Input number
Input range
Input color
Input tel
Input URL
Input email
Input date
Input month
Input week
Input time
Input datetime
Input datetime local
Placeholder text
Form autofocus
Microdata

¿A dónde nos lleva todo esto?
DOCTYPE (Tipo de documento)
El elemento raíz (root)
El elemento head (encabezado)
Codificación de caracteres
Vínculos y relaciones
Nuevos elementos semánticos en HTML5
¿Cómo manipulan los navegadores a los elementos desconocidos?
Artículos
Elementos de fecha y hora
Navegación.
Pié de página

El elemento Canvas
Dibujando figuras simples
Sistema de coordenadas del elemento
Trazados
Texto
Degradados
Imágenes
¿Qué pasa con Internet Explorer?
Dibujando con canvas (un ejemplo completo)

Las instalaciones son acordes a un curso profesional (con área de coffee-break); presentaciones, ejercicios y ejemplos en código comentado y funcional (útil para proyectos reales) son algunas de las ventajas que estarán presentes durante cada sesión.

Se cuenta con instructores certificados en plataformas Web, programación y diseño con amplia experiencia en proyectos en línea de empresas e instituciones reconocidas (Liverpool, IPN, Gateway, Acer, SSPF, El Universal); así como participación activa en comunidades como Ubuntu DF, Java México, CSS_rulz y Mozilla México con talleres y conferencias acerca de nuevas tecnologías (PHP, jQuery, Javascript, CSS3, HTML5, jQuery UI, Flex, Spring, entre otras).

Curso “HTML5 en proyectos reales” (Ciudad de México) – Tidy Slice | Stage

Si tienes alguna duda no dudes en escribirnos a cursos@tidyslice.com o visita nuestra página Web en http://www.tidyslice.com

Síguenos en Twitter @tidyslice @tidykite o en nuestra página de Facebook

Un sitio, para aprender acerca de los principios, bloques de construcción y patrones para crear interfaces de usuario de Android. Dirigido tanto a profesionales en el diseño de interfaces de usuario o desarrolladores que estén jugando ese papel.
Los documentos muestran cómo tomar buenas decisiones de diseño.
El equipo de experiencia de usuario de Android se comprometen a ayudar a diseñar aplicaciones agradables visualmente y que les guste a la gente.
En los próximos meses se ampliará con más contenido.

Android Design

Curso “Creación de sitios profesionales con WordPress, HTML5, CSS3 y jQuery” (Ciudad de México)

WordPress es un sistema de gestión de contenido enfocado a la creación de blogs (sitios web periódicamente actualizados). Desarrollado en PHP y MySQL, bajo licencia GPL y código de fácil modificación. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS (Content Management System – Sistema de gestión de contenidos) más popular de la Blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos.

Otro motivo a considerar sobre su éxito y extensión, es la enorme comunidad de desarrolladores y diseñadores, que se encargan de desarrollarlo en general o crear plugins y temas para la comunidad.

Nuestro curso “Creación de sitios profesionales con WordPress, HTML5, CSS3 y jQuery” está diseñado para proveer las bases en el correcto uso de este CMS (desde su instalación, gestión de contenidos, uso de temas, creación de plugins y plantillas desde cero hasta el respaldo de todo el sitio).

Durante 4 sesiones aprenderás a generar un sitio Web completo aplicando las técnicas más utilizadas en el desarrollo Web con WordPress como gestor de contenidos, HTML5 en maquetación y semántica, CSS3 en la parte de diseño y jQuery para animaciones e interactividad.

Costo: $3,500.00 (Tres mil quinientos pesos) + IVA.

Descuentos:
15% si eres estudiante (deberás presentar credencial o tira de materias vigente).
15% si vienes con un amigo (el descuento se aplica a ambos).
20% si vienes con un grupo de 2 amigos (3 en total)
Descuentos no acumulables.

El curso se impartirá cada sábado en las siguientes fechas:
14 de Enero.
21 de Enero.
28 de Enero.
4 de Febrero.
Un total de 20 horas (De 09:00 a 14:00 hrs.).

Temario:

- Introducción a WordPress.
- ¿Qué es WordPress?
- ¿Porque utilizar WordPress?
- Recursos en línea.

- Primeros pasos.
- ¿Dónde construyo mi sitio en WordPress?
– Usando WordPress.com
– Instalación manual de WordPress.
– Requerimientos previos.
– Descarga de WordPress.
– Actualización desde versiones anteriores.
– Carga de archivos.
– Instalación de WordPress.
– El panel de administración de WordPress.
– Actualizar la información general de un blog.
– Tu primer post.
– Tu primer comentario.
– Recuperación de contraseñas.

- Creando contenido en el blog.
- Términos generales.
– Listado de elementos.
- Publicando en tu blog.
– Publicación de un artículo.
– Opciones comunes de publicación.
– Categorías y etiquetas.
– Imágenes.
– Uso del editor visual en comparación con el editor HTML.
– Borradores, fechas (marcas de tiempo) y administración de publicaciones.
– Opciones avanzadas de publicación.
– Extracto y la etiqueta MORE.
– Trackbacks
– Discusión (debate).
– Campos personalizados.
– Protección de contenido.
– Vínculos permanentes.
– Opciones adicionales de publicación.
– Herramienta “Publicar”.
– Publicación vía correo electrónico.
– Comentarios (discusión y debate).
– Agregar comentarios.
– Ajustes de comentarios.
– Ajustes de presentación, notificación y moderación.
– ¿Cuándo aprobar un comentario?
– Despliegue de avatar.
– Moderación de comentarios.
– ¿Cómo eliminamos spam?
– ¿Cómo obtener una clave API en WordPress.com?
– Activar “Akismet”.
– Gestión de categorías.

- Páginas, plugins, galerías de imágenes, menús y más.
- Páginas.
– Agregando una página.
– Administración de páginas.
- Menús.
– Agregando un elemento de menú.
– Mostrar un menú en nuestro sitio.
- Componentes.
- Vínculos
– Agregando un vínculo.
– Mostrar vínculos en nuestro blog.
– Gestión de vínculos y categorías.
- Biblioteca de medios.
- Agregar plugins.
– Búsqueda de plugins.
– Instalación y activación de plugins.
– Instalación automática.
– Descarga, descompresión y carga de plugins.
– Configuración e implementación de plugins.
- Agregar una galería de imágenes.
– Selección de post o página.
– Carga de imágenes.
– Uso del plugin “Lightbox”.
- Habilitar tu sitio para visualización en móviles.

- Selección e instalación de temas.
- Búsqueda de temas.
– Directorio de temas para WordPress.
– Búsqueda avanzada de temas.
- Temas básicos.
– ¿Qué es y para qué sirve un tema?
– Factores importantes a considerar para la elección de un tema.
- Instalación y cambio de temas.
– Agregar un tema con WP Admin.
– Descarga, extracción y carga.

- Desarrollo de temas propios.
- Creando tu propio diseño.
– Diseño de temas adaptables a WordPress.
– Traducción de diseño a líneas de código.
– Estructura HTML.
– Creando las reglas CSS necesarias.
- Generación de un tema personalizado.
– Creación la carpeta de tema.
– Agregando contenido a nuestro tema en WordPress.
– La etiqueta .
– Encabezados y pies de página.
– Barras laterales.
– La columna principal (blucle – loop).
- Creación de plantillas en base a nuestro tema.
– La estructura de un tema en WordPress.
– Trabajando con archivos de nuestro tema.
– header.php
– footer.php
– sidebar.php
– Otros archivos importantes de una plantilla.
– Plantilla de archivo.
– Plantilla de página.
– Clases generadas para “body” y “post”.
– Otras plantillas en WordPress.
– Creación y uso de plantillas personalizadas.
- Habilitar el uso de componentes en nuestra plantilla.
– Agregando funcionalidad adicional a “functions.php”
– Condicionales en la barra lateral.
– Agregar componentes.
- Otras opciones para la gestión, uso y creación de componentes.
- Habilitar un menú en nuestro tema personalizado.
- Creación de un tema hijo (heredado).
– Creación de una nueva carpeta de tema.
– Definición de estilos CSS.
– Uso de temas hijos (heredados).
- Comparte tu tema creado.
Nuestras instalaciones son acordes a un curso profesional (con área de coffee-break); presentaciones, ejercicios y ejemplos en código comentado y funcional (útil para proyectos reales) son algunas de las ventajas que estarán presentes durante cada sesión.

Contamos con instructores certificados en plataformas Web, programación y diseño con amplia experiencia en proyectos en línea de empresas e instituciones reconocidas (Liverpool, IPN, Gateway, Acer, SSPF, El Universal); así como participación activa en comunidades como Ubuntu DF, Java México, CSS_rulz y Mozilla México con talleres y conferencias acerca de nuevas tecnologías (PHP, jQuery, Javascript, CSS3, HTML5, jQuery UI, Flex, Spring, entre otras).

Curso “Creación de sitios profesionales con WordPress, HTML5, CSS3 y jQuery” (Ciudad de México)

Si tienes alguna duda no dudes en escribirnos a cursos@tidyslice.com o visita nuestra página Web en http://www.tidyslice.com

Síguenos en Twitter @tidyslice @tidykite o en nuestra página de Facebook

HTML5 es considerado la piedra angular de la plataforma de código abierto presentada por el W3C (World Wide Web Consortium); un marco de desarrollo creado con el objetivo de apoyar la innovación y fomentar el completo potencial que la Web ofrece hoy en día.

El curso “HTML5 en proyectos reales” está diseñado para proveer las bases en el correcto uso de cada una de las tecnologías que conforman la nueva especificación HTML (Semántica, Aplicaciones fuera de línea y almacenamiento local, Acceso a dispositivos, Conectividad, Multimedia, Gráficos 3D y efectos visuales, Rendimiento e Integración y Hojas de estilo en cáscada CSS3).

Durante 4 sesiones aprenderás a generar un sitio Web completo aplicando las técnicas más utilizadas en el desarrollo Web con HTML5, CSS3 y jQuery, todo a través de proyectos reales.

Costo: $3,500.00 (Tres mil quinientos pesos) + IVA.

Descuentos:

• 15% si eres estudiante (deberás presentar credencial o tira de materias vigente).
• 15% si vienes con un amigo (el descuento se aplica a ambos).
• 15% si pagas o apartas tu lugar antes del 1 de Enero del 2012.
• 20% si vienes con un grupo de 2 amigos (3 en total)
• Descuentos no acumulables.

El curso se impartirá cada sábado en las siguientes fechas:

• 07 de Enero
• 14 de Enero
• 21 de Enero
• 28 de Enero

Un total de 20 horas (De 09:00 a 14:00 hrs.).

Temario:

¿HTML5 – Toma el control – Tu Web, tu logotipo?
¿Qué es HTML5?
Nuevos elementos y atributos HTML5.
El elemento canvas.
El elemento video.
Geolocalización.
Aplicaciones fuera de línea.
La tecnología HTML5.
Semántica (Semantics).
Aplicaciones fuera de línea y almacenamiento local (Offline & Storage).
Acceso a dispositivos (Device access).
Conectividad (Conectivity).
Multimedia.
3D, gráficos y efectos visuales (3D, Graphics & effects).
Rendimiento e integración (Performance & Integration).
Hojas de estilo en cáscada (Cascading Style Sheets – CSS3).

Tu navegador soporta HTML5?
Microsoft Interner Explorer (Trident -­ Tasman)
Mozilla Firefox (Gecko)
Google Chrome (Webkit)
Apple Safari (Webkit)
Opera (Presto)
Tabla comparativa de características HTML5, CSS3, SVG soportadas en los navegadores más utilizados

Detectando características HTML5
Canvas
Canvas text
Video
Formatos de video
Local storage.
Web workers
Offline Web applications
Geolocalización
Input types
Input search
Input number
Input range
Input color
Input tel
Input URL
Input email
Input date
Input month
Input week
Input time
Input datetime
Input datetime local
Placeholder text
Form autofocus
Microdata

¿A dónde nos lleva todo esto?
DOCTYPE (Tipo de documento)
El elemento raíz (root)
El elemento head (encabezado)
Codificación de caracteres
Vínculos y relaciones
Nuevos elementos semánticos en HTML5
¿Cómo manipulan los navegadores a los elementos desconocidos?
Artículos
Elementos de fecha y hora
Navegación.
Pié de página

El elemento Canvas
Dibujando figuras simples
Sistema de coordenadas del elemento
Trazados
Texto
Degradados
Imágenes
¿Qué pasa con Internet Explorer?
Dibujando con canvas (un ejemplo completo)

Las instalaciones son acordes a un curso profesional (con área de coffee-break); presentaciones, ejercicios y ejemplos en código comentado y funcional (útil para proyectos reales) son algunas de las ventajas que estarán presentes durante cada sesión.

Se cuenta con instructores certificados en plataformas Web, programación y diseño con amplia experiencia en proyectos en línea de empresas e instituciones reconocidas (Liverpool, IPN, Gateway, Acer, SSPF, El Universal); así como participación activa en comunidades como Ubuntu DF, Java México, CSS_rulz y Mozilla México con talleres y conferencias acerca de nuevas tecnologías (PHP, jQuery, Javascript, CSS3, HTML5, jQuery UI, Flex, Spring, entre otras).

Si tienes alguna duda no dudes en escribir a cursos@tidyslice.com o visita la página Web en http://www.tidyslice.com