Plantilla HTML5 y CSS Responsive
Responsive con HTML5 , CSS y algo de JQuery
Me he visto involucrado en la realización de un plantilla con diseño Responsive. Toda una aventura la verdad.
Todo se basa en esta frase:
La diversión de los navegadores , cada uno hace lo que le da la gana , que bonitas son las sorpresas ¿y como se verá esto en IE9? ¿IE6? …. como un niño el día de reyes , sorpresas y sorpresa
Ahora vamos con la estructura elegida
JQuery + JQuery UI
Esto lo digo ahora , porque cuando empece no pensé en ello y al final , revisas el trabajo realizado y como lo has llevado acabo, te queda una conclusión “Existe un orden que he de usar para la próxima vez”. No se si lo haré porque no se si repetiré este trabajo , pero bueno aquí lo dejo apuntado como guía para el siguiente que lo necesite
Las fases para la realización se pueden dividir en
Para realizar el enmaquetado de las capas he utilizado BlueGriffon , un editor web OpenSource muy bueno , bastante ligero y multiplataforma.
Recursos CSS
- https://www.w3.org/TR/CSS21/box.html
- https://manelgarcia.com/recursos-web/tutorial/listas-horizontales-con-css/
Formularios
- https://www.mcanam.com/generadores/html/formularios.php
- https://www.miguelmanchego.com/2009/formato-formulario-css-hoja-estilo/
- https://www.echoecho.com/htmlforms11.htm
Detalles en los que no había pensado
- Checkbox con estilo uniforme en varios navegadores
- Configurar el zoom de usuario
- Inputs de HTML5
- Validemos si son compatibles utilizando el navegador en el que queremos ver la aplicación web , para esto utilizaremos