Es decir, que las web que cumplan los estándares se vean bien en todos los navegadores actuales.
Me gustan que sean fáciles de mantener y de actualizar, que tengan una consistencia visual entre navegadores.
Me gusta que sean fácilmente accesibles.
Y por pedir… me gusta que sean rápidas, que se posicionen bien en los motores de búsqueda, buen UX, que consuman poco ancho de banda, que sean eficientes, hacerlas con menos esfuerzo y poder visitarlas desde cualquier dispositivo.
La mayoría de las web a las que accedemos no respetan los estándares de la W3C, pero estamos viviendo un cambio y deberíamos encaminarnos a crear páginas bien hechas.
Veremos cuáles son los estándares actuales, como actualizar un sitio web para que utilice los estándares sobre los que se basan la mayoría de los navegadores modernos y en qué me beneficia que mi web los siga.
En resumen: buenas prácticas, qué funciona y las mejores herramientas para llevar a cabo todo esto.
Sitios web SPI céntricos en el servidor SEO compatibles sin estado ... ¡ALELUYA!Jose María Arranz
Este documento presenta el framework ItsNat y argumenta que es compatible con las características de Single Page Interface, servidor centrado, compatible con SEO y sin estado. Explica que ItsNat usa un modo de carga rápida y enlaces duales para ser compatible con SEO de forma que los robots puedan rastrear el sitio. También explica cómo ItsNat puede funcionar sin estado mediante el uso de eventos personalizados sin estado y la construcción dinámica del DOM en el cliente.
This study investigated the mechanism of biphasic NF-κB activation in response to proinflammatory cytokines. The results show that:
1) MEKK3 is essential for the rapid activation of NF-κB, whereas MEKK2 controls the delayed activation.
2) MEKK3 is involved in forming the IκBα:NF-κB/IKK complex that regulates the transient phase, while MEKK2 participates in assembling the IκBβ:NF-κB/IKK complex for the persistent phase.
3) Different MAP3K kinases and IκB isoforms are involved in specific complex formation with IKK and NF-κB to regulate the biphasic NF-κB activation induced by cytokines
The company entered the infrastructure sector in 2006 with its first road project. It has since diversified its portfolio across 6 states, comprising 11 road projects worth Rs 12,000 crore. The portfolio is diversified across multiple states in India.
Annapurna is a group of friends, as well as disciples of Satyananda Yoga. Our goal is to provide food to the homeless people of Thessaloniki.
annapurnateam.blogspot.com
Register for a WikiSpaces account using your first and last name, then check your email for a confirmation link from WikiSpaces. Once you've confirmed your email, log in to WikiSpaces and send an email to mavabo@hotmail.com with your WikiSpaces username and the email address you used to register so that the professor can add you to the class site.
저는 한국인이지만 현재 홍콩의 광고제작업체 '슈팅갤러리'의 공동대표로 일하고 있습니다. 치열한 광고업계에서 14년 간 여성 디렉터로 살아가면서 "큰 물에서 놀고,크게 생각하자"는 배움을 얻었습니다. 능력이 없으면 바로 사라지고 마는 '노가다'의 세계, 어제와 오늘이 다를만큼 빠른 속도로 바뀌는 광고의 세계에서 프로로서 실력을 인정받기까지 편견과 실패는 친구처럼 늘 함께 였습니다. 이제는 홍콩, 중국, 대만, 싱가폴 등 아시아를 무대로 활약하고 있는 저의 이야기를 통해 내 안의 새로운 가능성을 만나는 방법, '될리가 없지'라는 좌절과 포기 앞에서 자신을 믿는 방법을 여러분과 나눠보고자 합니다.
El futuro es la computación ubicua, que es la integración de la informática en el entorno de la persona, de forma que los ordenadores no se perciban como objetos diferenciados. La idea es interactuar de manera natural con sus dispositivos y realizar cualquier tarea de manera completamente transparente, un paso más allá en el paradigma del uso de los ordenadores de sobremesa. La revolución invisible está aquí y tenemos que estar preparados.
Para utilizar cualquier dispositivo, en cualquier localización o formato nos basaremos en el IoT, en sensores, en mini placas que pasen desapercibidos en objetos del día a día, que además conectan a la nube y se comunican por Bluetooth con artilugios no utilizados habitualmente para estos fines.
Además, veremos cómo funcionan y consumiremos las grandes herramientas de la comunicación natural: los cognitive services para crear lo que desde hace poco nominamos “inteligencia ambiental”.
Tecnologías que utilizaremos en la demo: Intel Edison y NodeJS para programarlo, Cognitive Services (Text Analytics API), Bluetooth, Azure Web Jobs, IoT Hub.
Sitios web SPI céntricos en el servidor SEO compatibles sin estado ... ¡ALELUYA!Jose María Arranz
Este documento presenta el framework ItsNat y argumenta que es compatible con las características de Single Page Interface, servidor centrado, compatible con SEO y sin estado. Explica que ItsNat usa un modo de carga rápida y enlaces duales para ser compatible con SEO de forma que los robots puedan rastrear el sitio. También explica cómo ItsNat puede funcionar sin estado mediante el uso de eventos personalizados sin estado y la construcción dinámica del DOM en el cliente.
This study investigated the mechanism of biphasic NF-κB activation in response to proinflammatory cytokines. The results show that:
1) MEKK3 is essential for the rapid activation of NF-κB, whereas MEKK2 controls the delayed activation.
2) MEKK3 is involved in forming the IκBα:NF-κB/IKK complex that regulates the transient phase, while MEKK2 participates in assembling the IκBβ:NF-κB/IKK complex for the persistent phase.
3) Different MAP3K kinases and IκB isoforms are involved in specific complex formation with IKK and NF-κB to regulate the biphasic NF-κB activation induced by cytokines
The company entered the infrastructure sector in 2006 with its first road project. It has since diversified its portfolio across 6 states, comprising 11 road projects worth Rs 12,000 crore. The portfolio is diversified across multiple states in India.
Annapurna is a group of friends, as well as disciples of Satyananda Yoga. Our goal is to provide food to the homeless people of Thessaloniki.
annapurnateam.blogspot.com
Register for a WikiSpaces account using your first and last name, then check your email for a confirmation link from WikiSpaces. Once you've confirmed your email, log in to WikiSpaces and send an email to mavabo@hotmail.com with your WikiSpaces username and the email address you used to register so that the professor can add you to the class site.
저는 한국인이지만 현재 홍콩의 광고제작업체 '슈팅갤러리'의 공동대표로 일하고 있습니다. 치열한 광고업계에서 14년 간 여성 디렉터로 살아가면서 "큰 물에서 놀고,크게 생각하자"는 배움을 얻었습니다. 능력이 없으면 바로 사라지고 마는 '노가다'의 세계, 어제와 오늘이 다를만큼 빠른 속도로 바뀌는 광고의 세계에서 프로로서 실력을 인정받기까지 편견과 실패는 친구처럼 늘 함께 였습니다. 이제는 홍콩, 중국, 대만, 싱가폴 등 아시아를 무대로 활약하고 있는 저의 이야기를 통해 내 안의 새로운 가능성을 만나는 방법, '될리가 없지'라는 좌절과 포기 앞에서 자신을 믿는 방법을 여러분과 나눠보고자 합니다.
El futuro es la computación ubicua, que es la integración de la informática en el entorno de la persona, de forma que los ordenadores no se perciban como objetos diferenciados. La idea es interactuar de manera natural con sus dispositivos y realizar cualquier tarea de manera completamente transparente, un paso más allá en el paradigma del uso de los ordenadores de sobremesa. La revolución invisible está aquí y tenemos que estar preparados.
Para utilizar cualquier dispositivo, en cualquier localización o formato nos basaremos en el IoT, en sensores, en mini placas que pasen desapercibidos en objetos del día a día, que además conectan a la nube y se comunican por Bluetooth con artilugios no utilizados habitualmente para estos fines.
Además, veremos cómo funcionan y consumiremos las grandes herramientas de la comunicación natural: los cognitive services para crear lo que desde hace poco nominamos “inteligencia ambiental”.
Tecnologías que utilizaremos en la demo: Intel Edison y NodeJS para programarlo, Cognitive Services (Text Analytics API), Bluetooth, Azure Web Jobs, IoT Hub.
Introducción a HTML5
¿Qué es HTML5?
¿Por qué apostar por HTML5?
¿Qué puedo hacer con HTML5?
En esta charla descubrirás todos los aspectos que hacen de estas nuevas tecnologías de desarrollo web una apuesta de presente y futuro.
Los asistentes harán un recorrido por la evolución de las tecnologías web y los navegadores para saber de donde venimos.
Se hará un minucioso repaso por las nuevas características y funcionalidades en HTML5, CSS3 y las nuevas Javascript API's.
El momento actual es apasionante, los fabricantes de navegadores(IE, Firefox, Chrome, Opera, Safari) van a la carrera realizando nueva implementaciones de las nuevas especificaciones. La tecnología se está desarrollando en un amplio aspectro que abarca a grandes empresas, ingenieros de estas empresas, expertos, grupos de usuarios,... Existe un debate, pero la tecnología sigue evolucionando.
Después de esta introducción sabrás en qué situación nos encontramos y cuales son las expectativas de cara al futuro. Toma posición y accede a un mercado con infinitas posibilidades!
HTML5 es presente.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Desarrollo de Microservicios con Spring Boot.Vítor Fernández
Presentación utilizada en el evento del VigoJUG en noviembre de 2017.
Veremos cómo implementar de forma sencilla una arquitectura de microservicios con el framework Spring Boot. Mediante ejemplos prácticos, con unas pocas líneas de código pondremos en funcionamiento un API REST, utilizando las herramientas que nos facilita el ecosistema Spring.
Ejempos de código en https://github.com/vfdiaz/talk-vigojug-2017-springboot
Más info:
http://www.vigojug.org/
http://vigotech.org/
Este documento presenta una conferencia sobre tecnologías web como HTML, CSS y JavaScript. Incluye secciones sobre actualizaciones de HTML y Web Components, herramientas y recursos para CSS como preprocesadores y sistemas de cuadrícula, y temas de rendimiento de JavaScript. También menciona grupos como el W3C que están desarrollando nuevas especificaciones y recomendaciones para la web.
El documento presenta información sobre HTML5, incluyendo sus características principales como etiquetas semánticas, multimedia, CSS3 y animaciones. También discute conceptos como diseño web responsivo y el uso de JavaScript para crear experiencias interactivas en 3D.
Herramientas para desarrollar rápidamenteCarlos Toxtli
Más de 150 herramientas en linea que debes conocer para crear desarrollos asombrosos en muy poco tiempo. La era de hacer todo desde cero cada vez es más lejana, ahora tenemos herramientas que pueden hacer que un desarrollo antes tardaría 2 meses tarde menos de 2 semanas.
El documento presenta una introducción a Blazor, una plataforma de desarrollo web de Microsoft que permite crear aplicaciones web interactivas del lado cliente utilizando C# en lugar de JavaScript. Explica que Blazor usa componentes web reutilizables con C#, HTML y CSS, y permite compartir código entre el cliente y el servidor. También describe los dos modelos de hospedaje de Blazor, el cliente y el servidor, sus ventajas e inconvenientes, y provee ejemplos de su uso.
Presentación utilizada por Raúl Jiménez durante la charla organizada el miércoles 14 de Marzo en el evento:
http://www.facebook.com/events/407523832597982/
Charla para el evento Sevilla Mobility Day.
Desde hace pocos años, desarrollar sitios y aplicaciones web aplicando diseños responsive ha dejado de ser opcional.
Para dispositivos móviles, empieza a ser necesario ir más allá y crear experiencias de usuario dedicadas a estos entornos.
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilMarta Armada
Este documento proporciona una guía sobre cómo desarrollar sitios web para dispositivos móviles. Explica que no se debe enfocar en el tamaño de pantalla o conexión, sino en adaptar el contenido a las capacidades del dispositivo mediante CSS3, HTML5 y JavaScript. Recomienda optimizar recursos, usar media queries para diseños responsivos, y aprovechar nuevas APIs como geolocalización, almacenamiento local y touch events. Finalmente, discute el uso opcional de frameworks móviles.
Web matrix. armando nuestros sitios dinámicamente con html5, php y mysqlPeter Concha
Este documento presenta una introducción a las herramientas WebMatrix, HTML5, CSS3, PHP y MySQL para el desarrollo web dinámico. Incluye demostraciones de cómo usar estas tecnologías para crear sitios web semánticos y con estilos utilizando características modernas como gráficos, multimedia, efectos y acceso a dispositivos móviles de forma compatible en múltiples navegadores. También cubre temas como arquitectura MVC y almacenamiento de contenido en bases de datos MySQL.
Conferencia dictada el 26/10 en UTN en el marco del Mobile Monday Buenos Aires TechTalks acerca de Mobile Web y Mobile Web Widgets dictada por Maximiliano Firtman (@firt, www.firt.mobi)
Primer MOMO TECHTALKS - UTN. Maximiliano Firtman, desarrollador mobile y director del instituto IT Master, habló sobre lo importante pensar en la mobile Web y en los widgets, que son aplicaciones instalables pero desarrolladas con tecnología web
Desarrollo multiplataforma de apps con GWT y PhoneGapbetabeers
Este documento habla sobre el desarrollo de aplicaciones multiplataforma con los frameworks GWT y PhoneGap. Explica las ventajas de GWT para compilar Java a JavaScript y generar aplicaciones web y móviles, así como el uso de PhoneGap para acceder a las capacidades nativas de los dispositivos. También analiza alternativas como aplicaciones nativas, web móvil y híbridas, y resalta que GWT y PhoneGap pueden usarse juntos para aprovechar las ventajas de ambos frameworks.
Las transparencias de mi charla en el primer Betabeers Córdoba, sobre desarrollo multiplataforma de apps móviles, usando Google Web Toolkit (GWT) y Phonegap (Apache Cordova)
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Introducción a HTML5
¿Qué es HTML5?
¿Por qué apostar por HTML5?
¿Qué puedo hacer con HTML5?
En esta charla descubrirás todos los aspectos que hacen de estas nuevas tecnologías de desarrollo web una apuesta de presente y futuro.
Los asistentes harán un recorrido por la evolución de las tecnologías web y los navegadores para saber de donde venimos.
Se hará un minucioso repaso por las nuevas características y funcionalidades en HTML5, CSS3 y las nuevas Javascript API's.
El momento actual es apasionante, los fabricantes de navegadores(IE, Firefox, Chrome, Opera, Safari) van a la carrera realizando nueva implementaciones de las nuevas especificaciones. La tecnología se está desarrollando en un amplio aspectro que abarca a grandes empresas, ingenieros de estas empresas, expertos, grupos de usuarios,... Existe un debate, pero la tecnología sigue evolucionando.
Después de esta introducción sabrás en qué situación nos encontramos y cuales son las expectativas de cara al futuro. Toma posición y accede a un mercado con infinitas posibilidades!
HTML5 es presente.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Este documento presenta una introducción a HTML5, incluyendo sus nuevas características semánticas, gráficos, multimedia, acceso a dispositivos, CSS3, conectividad y compatibilidad. Se discuten elementos como <header>, <nav>, <article>, <section>, <aside>, <footer>, Canvas, video, audio, geolocalización, orientación del dispositivo y WebSockets. El documento también cubre herramientas como Modernizr y polyfills para mejorar la compatibilidad.
Desarrollo de Microservicios con Spring Boot.Vítor Fernández
Presentación utilizada en el evento del VigoJUG en noviembre de 2017.
Veremos cómo implementar de forma sencilla una arquitectura de microservicios con el framework Spring Boot. Mediante ejemplos prácticos, con unas pocas líneas de código pondremos en funcionamiento un API REST, utilizando las herramientas que nos facilita el ecosistema Spring.
Ejempos de código en https://github.com/vfdiaz/talk-vigojug-2017-springboot
Más info:
http://www.vigojug.org/
http://vigotech.org/
Este documento presenta una conferencia sobre tecnologías web como HTML, CSS y JavaScript. Incluye secciones sobre actualizaciones de HTML y Web Components, herramientas y recursos para CSS como preprocesadores y sistemas de cuadrícula, y temas de rendimiento de JavaScript. También menciona grupos como el W3C que están desarrollando nuevas especificaciones y recomendaciones para la web.
El documento presenta información sobre HTML5, incluyendo sus características principales como etiquetas semánticas, multimedia, CSS3 y animaciones. También discute conceptos como diseño web responsivo y el uso de JavaScript para crear experiencias interactivas en 3D.
Herramientas para desarrollar rápidamenteCarlos Toxtli
Más de 150 herramientas en linea que debes conocer para crear desarrollos asombrosos en muy poco tiempo. La era de hacer todo desde cero cada vez es más lejana, ahora tenemos herramientas que pueden hacer que un desarrollo antes tardaría 2 meses tarde menos de 2 semanas.
El documento presenta una introducción a Blazor, una plataforma de desarrollo web de Microsoft que permite crear aplicaciones web interactivas del lado cliente utilizando C# en lugar de JavaScript. Explica que Blazor usa componentes web reutilizables con C#, HTML y CSS, y permite compartir código entre el cliente y el servidor. También describe los dos modelos de hospedaje de Blazor, el cliente y el servidor, sus ventajas e inconvenientes, y provee ejemplos de su uso.
Presentación utilizada por Raúl Jiménez durante la charla organizada el miércoles 14 de Marzo en el evento:
http://www.facebook.com/events/407523832597982/
Charla para el evento Sevilla Mobility Day.
Desde hace pocos años, desarrollar sitios y aplicaciones web aplicando diseños responsive ha dejado de ser opcional.
Para dispositivos móviles, empieza a ser necesario ir más allá y crear experiencias de usuario dedicadas a estos entornos.
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilMarta Armada
Este documento proporciona una guía sobre cómo desarrollar sitios web para dispositivos móviles. Explica que no se debe enfocar en el tamaño de pantalla o conexión, sino en adaptar el contenido a las capacidades del dispositivo mediante CSS3, HTML5 y JavaScript. Recomienda optimizar recursos, usar media queries para diseños responsivos, y aprovechar nuevas APIs como geolocalización, almacenamiento local y touch events. Finalmente, discute el uso opcional de frameworks móviles.
Web matrix. armando nuestros sitios dinámicamente con html5, php y mysqlPeter Concha
Este documento presenta una introducción a las herramientas WebMatrix, HTML5, CSS3, PHP y MySQL para el desarrollo web dinámico. Incluye demostraciones de cómo usar estas tecnologías para crear sitios web semánticos y con estilos utilizando características modernas como gráficos, multimedia, efectos y acceso a dispositivos móviles de forma compatible en múltiples navegadores. También cubre temas como arquitectura MVC y almacenamiento de contenido en bases de datos MySQL.
Conferencia dictada el 26/10 en UTN en el marco del Mobile Monday Buenos Aires TechTalks acerca de Mobile Web y Mobile Web Widgets dictada por Maximiliano Firtman (@firt, www.firt.mobi)
Primer MOMO TECHTALKS - UTN. Maximiliano Firtman, desarrollador mobile y director del instituto IT Master, habló sobre lo importante pensar en la mobile Web y en los widgets, que son aplicaciones instalables pero desarrolladas con tecnología web
Desarrollo multiplataforma de apps con GWT y PhoneGapbetabeers
Este documento habla sobre el desarrollo de aplicaciones multiplataforma con los frameworks GWT y PhoneGap. Explica las ventajas de GWT para compilar Java a JavaScript y generar aplicaciones web y móviles, así como el uso de PhoneGap para acceder a las capacidades nativas de los dispositivos. También analiza alternativas como aplicaciones nativas, web móvil y híbridas, y resalta que GWT y PhoneGap pueden usarse juntos para aprovechar las ventajas de ambos frameworks.
Las transparencias de mi charla en el primer Betabeers Córdoba, sobre desarrollo multiplataforma de apps móviles, usando Google Web Toolkit (GWT) y Phonegap (Apache Cordova)
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Buscador de Eventos y Fiestas en España - Buscafiestaholabuscafiesta
Buscafiesta.es es el buscador líder en España para fiestas y eventos, diseñado para satisfacer las necesidades tanto de organizadores como de asistentes. Este innovador software ofrece una plataforma integral que permite a los organizadores de eventos añadir, gestionar y promocionar sus actividades de manera totalmente autónoma, facilitando la visibilidad y escalabilidad de sus eventos.
Buscafiesta.es no solo conecta a los organizadores con su público objetivo, sino que también ofrece herramientas de marketing y análisis que ayudan a maximizar el impacto de cada evento. Ya sea para una fiesta local, un concierto multitudinario o un evento corporativo, Buscafiesta.es es la solución definitiva para hacer de cada evento un éxito rotundo.
4. #Codemotion2015
Ada Code Group
Beatriz García
@BeRoces
t-beatg@microsoft.com
http://meetup.com/ada-code-group
Isabel Cabezas
@isabelcabezasm
isacabe@microsoft.com
5. Isabel Cabezas Front-end developer
MS Technical Evangelist
@isabelcabezasm
isabelcabezasm@outlook.com
barcelonaJS / adaJS
catDotNet / [T]echdencias
Ada Code Group (Mad)#Codemotion2015
10. #Codemotion2015
Accesibilidad
Un poco más sobre
accesibilidad web…
http://blogs.msdn.com/b/esmsdn/archive/2015/11/05/est-225-ndares-y-accesibilidad.aspx
[Post Invitado]
Estándares y accesibilidad
por Juanjo Montiel (@kastwey)
11. ¿Cómo están las web españolas?
Hemos hecho un estudio…
Universo: 3000 webs españolas con más tráfico.
31. Please don’t do UA sniffing
Please avoid UA sniffing as much as possible
Always do feature detection
(If isolating a bug) Sniff for specific browser versions
Assume unknown browsers are good
42. #Codemotion2015
Control Appearance Overrides
Apple added ways to restyle HTML controls
on the iPhone to match OS control look
and feel.
Web developers add custom markup to
disable Apple’s styles and provide their
own.
before after
-webkit-appearance: none ← Most common value.
-webkit-appearance: button
-webkit-appearance: checkbox
-webkit-appearance: radio
etc..
49. #Codemotion2015
Nadie soporta estos malos modos
http://www.w3.org/wiki/Doctypes_and_markup_styles#Other_doctypes
=> No uses otros DOCTYPEs (están obsoletos)
58. Reto Microsoft
Entra en http://aka.ms/edgescan
y encuentra una web sin ninguna
sugerencia de cambio en la sección
“Modern Web Interoperability”.
#Microsoft
#Codemotion_es
¡El primero tiene premio en nuestro
stand!
#Microsoft #Codemotion2015