5 Framework de Material Design para diseño y desarrollo web.

No soy mucho de usar Frameworks, pero seguramente ya tengo la elección de uno de estos para mi proximo proyecto web.

Curso de HTML5 y CSS3 para web móvil

Estás interesado en aprender a desarrollar webs móviles en HTML5 CSS3, Javascript, Jquery mobile y Frameworks?

Herramientas para desarrollar en HTML5

Es una realidad que, a la fecha, no todos los navegadores soportan todas las características del estándar -aunque hay que reconocer que se esfuerzan mucho para mejorar la compatibilidad con cada versión- sin embargo, desarrollar hoy día en HTML5 trae muchos beneficios, sobre todo de cara al futuro.

Día #10 Hablemos de los Videos en HTML5

En este tutorial o artículo, vamos a ver de pronto no todo acerca los videos en HTML5 pero si lo más relevante e importante de esta nueva etiqueta Video.

HTML5 vs Aplicaciones Nativas.

Pic | pushtechnology.com

Las apps para dispositivos móviles han sido una revolución en la forma cómo gestionamos los programas que usamos. Sin duda se trata de un estándar que se ha impuesto en iOS, Android y Windows Phone.

Sin embargo, HTML5 continúa avanzando y son varias las aplicaciones que se incrustan directamente en el navegador, y lo hacen con tanta soltura, que cuesta diferenciarlas de las nativas. Pero,

Día #9 Formularios en HTML5. Nuevos elementos y Nuevos atributos.

Uno de los problemas que teníamos con la versión anterior de HTML es decir la 4, era la validación ya que teníamos que utilizar otra tecnología para su validación, por supuesto con Javascript dábamos el toque que necesitábamos para dar lo que le faltaba a estos formularios.

Día #7 Hablemos de los Microdatos en Html5 (Microdata)

Existe una nueva forma de marcar una frontera semántica en HTML5, se trata de las nuevas posibilidades que tenemos de definir una estructura semántica más fuerte y más personalizada utilizando los microdatos (microdata) que nos van a permitir desarrollar mejor las estructura web dándole una gran prioridad al trabajo del SEO y la indexación a los diferentes buscadores.

Dia #3 – Estructura básica de html5

Estructura básica

Aunque gran parte de la atención que se tiene sobre HTML5 gira en torno a las nuevas API, y sus 30 nuevos elementos con la nueva semántica que se puede utilizar en tradicionales páginas estáticas, también en las franja de controles de formularios.

La demanda por Websites Responsive

Los usuarios demandan cada vez más sitios web optimizados para sus dispositivos móviles.

Desarrollo de aplicaciones móviles: así está el mercado

Los estudios confirman la tendencia

La empresa VisionMobile realiza desde hace tiempo su informe Developer Economics, y en la sexta edición, que estudia el primer trimestre de 2014, se analizan las tendencias del mercado en cuanto al interés de los desarrolladores por el segmento de la movilidad.

Dia #2 El nuevo DOCTYPE de html5

El nuevo <! DOCTYPE>

Esto es lo primero que encontramos en un documento web. Te reto a que me nombre la cabeza el tipo de documento de XHTML 1.0 Strict o HTML 4.01. No es fácil ¿eh?.

DESARROLLO DE APP ANDROID - #3 Idea final y primeros Wireframes

Hola!
no he tenido tiempo suficiente para publicar esta semana así que este post pueda ser un poco largo.

Un Cambio de Rumbos

He decidido hacer esta app totalmente en HTML5/CSS3, PHP, por el simple motivo que la quiero multiplataforma y no tener que hacer una app para cada una de ellas.

Material design en Multiplataforma?

Ok! Ok! no será "MATERIAL DESIGN" propriamente dicho, pero será al estilo, pues además ser un UI (modelo) bastante bonita y actual, creo que se puede llevar a varias plataformas.
Será algo basado en Tarjetas y elementos flotantes ( lo intentaré con CSS3/JQUERY).

Logo?

Todavia no tengo el Logo definitivo.
Por el momento será una Sirena/Giroflex como la de la imagen:

Navegación

La navegación por la app tiene que ser rápida y intuitiva.
1 - Una Timeline con las últimas denuncias hechas en las cercanías mediante Gelocalización.

2 - Un Botón flotante en la parte inferior derecha con posición fija, el cual al ser clicado abrirá un menú ( botones similares) de opciones:
Denunciar
Mapa
Mi posición
Ajustes

Decisiones

Con tantas plataformas y dispositivos, como hacer que se vea bien en todos??

La app tiene que ser igual en pantallas de 3" hasta 7".

Ahh, pero si accesan desde un Desktop o Laptop?

Para facilitar el desarrollo y programación, y no cargar elementos que no se van a ver, opté por Redireccionar a una "Landing Page"
informativa para equipos con pantallas superiores a las 7" o resoluciones mayores que 640.

Este proyecto lo estoy desarrollando solo y en tiempo loibre, asi que puede que lleve su tiempo y obviamente podrán haber cambios durante el proceso.

A seguir les dejo algunos Wireframes a mano con una idea general.
En el próximo post comienzo con lo que será HTML y CSS en mi inseparable Notepad++. También uso Sublime Text, pero no desta vez.

Disculpen por si están muy feos los Wireframes, pero es sol para una idea general y No soy Desgnier, :).

PS. Este post lo hice y publiqué totalmente desde mi Smartphone, solo lo menciono por si hay errores ortográficos. jeje, :)

INTRODUCCIÓN A HTML5

Bueno antes que todo estan las preguntas basicas, ¿que es?, ¿para que es?, ¿En que me beneficio?, y no pueden hacer falta en este mundo del diseño y la estructura web y especificamente en este tema de HTML5¿Que es html 5?