Archivos | Diseño Web RSS feed para esta sección

Can I use… conocer compatibilidad de navegadores con HTML5, CSS3, SVG y más

Herramienta muy útil para conocer la compatibilidad de navegadores con respecto a HTML5, CSS3, SVG y más.
Como ya se sabe, entre los diferentes navegadores existe una gran variedad de incompatibilidades, por este motivo “Can I Use…” es una muy buena referencia por si deseas implementar algo nuevo en tu sitio web y no sabes si trabajará bien.

can-i-use

can-i-use-font-face-web-fonts

Can I use… Support tables for HTML5, CSS3, etc

Coveloping – Herramientas y generadores web para acelerar la producción

Buenas herramientas que te ayudarán a acelerar la producción con tus proyectos web.

google-web-font-tester

CSS Box Shadow Generator
CSS Button Generator
CSS Text Shadow Generator
Border Radius Generator
CSS Minifier
Hash Generator
JS Minifier
Pricing Tables
Responsive Layouts
Google Web Font Tester
Colour Shades Generator
jQuery easing tester

text-shadow-generator

coveloping | Speed Up Your Development

Iconos responsivos

Una buena idea la de hacer que los iconos respondan al tamaño de la pantalla en que se están viendo. El proyecto en Kickstarter “Iconic” lo ofrecerá gracias a que ya obtuvieron más de los fondos que pidieron.

Lo mejor de este proyecto es que no nada más cambia de tamaño, también exhibe diferentes variantes en el diseño.

responsive-icons

Responsive Icons

Iconic: Advanced icons for the modern web by Waybury — Kickstarter

Curso sobre Responsive Web Design, HTML5, CSS3 y jQuery

curso-Responsive-Web-Design-HTML5-CSS3-y-jQuery

Las técnicas asociadas a “Responsive Web Design” trabajan bajo el concepto “One Web”, es decir, un sólo diseño para todo tipo de dispositivos (móviles, tablets, pantallas de alta definición o las diferentes resoluciones en las computadoras).

La principal ventaja de implementar “Responsive Design” es la reducción de costos en las fases de creación y mantenimiento (un sólo diseño es válido para cualquier formato). Además, desde el punto de vista SEO, no se duplica el contenido y se evita el redireccionamiento, ya que se utiliza una sóla URL en los navegadores.

El curso “Responsive Web Design, HTML5, CSS3 y jQuery” está diseñado para proveer las bases en el desarrollo de sitios y aplicaciones Web que implementen “Responsive Design” (Diseño adaptable a dispositivos). De igual forma el participante conocerá cada una de las tecnologías que conforman la nueva especificación HTML5 (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 (20 horas en total) aprenderás a generar un sitio Web completo y totalmente adaptable aplicando las técnicas más utilizadas en el desarrollo Web con Responsive Web Design, HTML5, CSS3 y jQuery.

Temario.
Responsive Web Design ¿Qué es Responsive Web Design? – Diseño adaptable a dispositivos. Los móviles hoy en día. Tú primer proyecto adaptable. Estructuras flexibles. Contexto y contenido en aplicaciones móviles. CSS en layouts para móviles. Diseño y desarrollo RWD. Herramientas para la implementación de RWD.

Diseño y desarrollo con HTML5. Nuevos elementos HTML5. Sintaxis básica. Hojas de estilo en cáscada (CSS3). Atributos estándar. Atributos de evento. Elementos no soportados en HTML5. Compatibilidad en navegadores. Comenzando nuestro proyecto Web en HTML5.

El nuevo elemento canvas. Generación de figuras. Trabajo con imágenes. Colores y transparencia. Estilos de línea. Degradados. Patrones. Transformaciones. Estado gráfico. Composición. Ajuste. Manipulación de píxeles.

Formularios. Generación de formularios. Botones. Lista de datos. Secciones y grupos de elementos en formularios. Campos de entrada de datos. Etiquetas. Leyendas. Grupos de opciones. Campos de selección. Áreas de texto.

Marcos y ventanas. Introducción. Marcos. Conjunto de marcos.

La sección encabezado (head). Vínculos base. Recursos. Elementos meta. Adjuntando estilos a la página. Título de la página Web.

Elementos multimedia. Applets. Áreas interactivas. La nueva etiqueta audio. Diseño con canvas. Incrustando elementos multimedia a través de plugins. Imágenes. Mapeo de imágenes. Objetos multimedia. Parámetros. Video en HTML5.

Listas. Listas ordenadas. Listas no ordenadas. Listas de definición. Generación de menús.

Elementos estructurales. Comentarios. Tipo de documento. Artículos. Elemento aside. Blockquote. El cuerpo del documento. Saltos de línea. Detalles. Divisiones. El elemento figcaption. Figuras. Pie de página. Etiquetas de encabezado. Secciones de encabezado. El encabezado de la página Web. Grupos de encabezado. Reglas horizontales. Marcas. Barras de navegación. Párrafos. Secciones. Resúmenes.

Tablas. Etiquetas de tabla. Columnas. Grupos de columna. El elemento table. El cuerpo de tabla. Celdas. Pie de tabla. Encabezado de tabla. Filas.

Elementos para el formato de texto. Vínculos. Abreviaciones. Acrónimos. Elementos de dirección. Fuente. Texto preformateado. Elementos span.

HTML5 API. Geolocalización. Web Workers. Web Storage.

Referencias. Colores. Fuentes. Elementos deprecados. Validación.

Costo: $2,500.00 (Dos mil quinientos pesos).

Nota importante: Si requieres factura se cobrará un 16% de IVA por cada ticket.

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

El curso se impartirá cada sábado en las siguientes fechas:
09, 16, 23 y 30 Noviembre de 2013
Un total de 20 horas (De 09:00 a 14:00 hrs.).

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, Nike, Ford, Telmex, Ciel, JWT, HSBC); así como participación activa en comunidades como Ubuntu DF, Java México, Campus Party México y Mozilla México con talleres y conferencias acerca de nuevas tecnologías (PHP, jQuery, Javascript, CSS3, HTML5, Responsive Design, jQuery UI, Flex, Spring, entre otras).

Si tienes alguna duda no dudes en escribir a cursos@tidyslice.com
Teléfono contacto, dudas o inscripciones (Móvil): 55 30 45 40 60.

Responsive Web Design, HTML5, CSS3 y jQuery – Jhanno | Stage