Uno de los aspectos más 'invisibles' pero a la vez importantes de una web es su usabilidad, es decir, intentar que el máximo de clientes potenciales que llegan a la web cumplan con sus objetivos. Cuando digo que la usabilidad es 'invisible' es porque … [Leer más...]
Desarrollador framework angular 6: Inicio
El desarrollo de aplicaciones con javascript siempre son complejas ya que su código fuente suele ser bastante complejo, pero se usa para todo tipo de procesos: Manipular la interfaz del usuario, conectar con el servidor, validaciones, etc. Y en … [Leer más...]
Usabilidad de una página web
Cuando desarrollamos una página web o en realidad cualquier aplicación, herramienta, utensilio... cualquier cosa, uno de los objetivos que debería ser innegociable es que debería ser usable para la gran mayoría de las personas que lo vayan a usar, es … [Leer más...]
HTML5: Elementos estructurales
Los elementos estructurales de HTML5 están cobrando una relevancia cada vez mayor, y no solo para el diseño web, sino que para poder ganar posiciones en los buscadores son cada vez más importantes. Estos motores cada vez son más inteligentes, pero … [Leer más...]
Bootstrap: jumbotron, botones y alertas
Voy a seguir con el repaso a Boostrap tocando puntos tan importante para el diseño de una web como el desarrollo de una cabecera con Jumbotron, menús, botones y alertas. JUMBOTRON El Jumbotron es una clase que nos facilita a la hora de crear … [Leer más...]
Bootstrap: tablas responsive e imágenes
Vamos a ver cómo podemos obtener unos diseños responsive de tablas e imágenes muy interesantes con un poco de código fuente y Bootstrap. TABLAS CON BOOTSTRAP En primer lugar hay que repasar los componentes básicos de una tabla: table: Es la … [Leer más...]
Bootstrap: Colores, fuentes y tipografías
En esta entrada voy a revisar como se pueden usar las características de Bootstrap de Colores, fuentes y tipografías. (Recuerdo que Bootstrap es un framework de diseño para webs). En primer lugar Bootstrap usa la siguiente configuración … [Leer más...]
Bootstrap: inicio
Vamos a ver como podemos iniciarnos en el diseño web con Bootstrap. ¿QUE ES? Bootstrap es un framework de front-end (parte visible de una web o aplicación) gratuito y que su auge consiste en que permite un desarrollo web más rápido y fácil, porque … [Leer más...]
Dar estilos al texto con CSS
Aunque es cierto que una imagen o un vídeo ayuda (y mucho) a la conversión, no es menos cierto que la materia prima básica de cualquier Web son los textos, ya que se usan para que el cliente entienda quienes somos, que vendemos y sobre todo que … [Leer más...]
Crear formularios con HTML5
Con la aparición del HTML5 se han mejorado muchas cosas que antes eran mucho más complejas, como hemos visto introducir un vídeo ahora es muy sencillo. Pero desde mi punto de vista una de las tareas que más se han facilitado con el HTML5 es la … [Leer más...]
Insertar Audio, Video y elementos CANVAS con HTML5
Los que venimos desarrollando webs desde hace mucho tiempo sabemos lo complejo que era insertar vídeos en nuestro diseño. Con HTML5 se han desarrollado etiquetas que facilitan este trabajo mucho, y no solo para vídeos sino para audios, y para dibujar … [Leer más...]
Atributos HTML5: reversed, data, ping, download, contenteditable, spellcheck y draggable
En HTML5 los atributos se usan para informar del tipo de contenidos del elemento a los que se aplican, en esta entrada voy a repasar algunos de ellos. Cambiar el orden de una lista En primer lugar vamos a ver el atributo reversed, es muy fácil de … [Leer más...]
Etiquetas HTML5: time, dfn, cite, small y strong
En esta entrada voy a repasar los elementos de fecha (time), definición (dfn), para citas (cite), letra pequeña (small) y letra fuerte (strong). Estos elementos permiten destacar un texto para los clientes y para los buscadores, siendo importante que … [Leer más...]
Usar devTools para mejorar el rendimiento
El marketing online está muy condicionado por las condiciones que implanta Google, y este está obsesionado con el rendimiento y la usabilidad de las webs, y precisamente las herramientas más conocidas (Wordpress, Prestashop, etc) son cada vez más … [Leer más...]
Consola de herramientas para desarrolladores de Google Chrome
La consola de devTools o herramientas para desarrolladores de Google Chrome es una herramienta para poder hacer pruebas antes de crear nuestro código fuente, imagina que queremos recoger y cambiar el color de letra de un id concreto cuando pinchamos … [Leer más...]
Editar html y css con DevTools
Con la herramienta devTools de Google Chorme podemos configurar estilos y html, hacer pruebas antes de subirlo al servidor final o depurar el código fuente para corregir errores. Vamos a ver las posibilidades de esta herramienta y de su pestaña: … [Leer más...]
¿Qué es y porque usar DevTools?
Cuando estamos desarrollando una web, debemos plantearnos que esa web tiene que ser amigable para los usuarios, debemos pensar no solo en la vistosidad de nuestra web final, sino tenemos que plantearnos como se usara y que problemas pueden darse. … [Leer más...]
Encabezado HTML: metadatos, title, css, etc.
El encabezado HTML (<head>) contiene metadatos sobre el contenido de la página web, se establecen normas sobre su comportamiento, la presentación de la información, se define la relación con otros elementos no visibles como las hojas de estilo … [Leer más...]
Mi primera página web con HTML 5
Para crear tú primera página web con HTML 5 solo se necesitan 2 cosas: 1 procesador de textos (Bloc de notas, sublimetext, etc) y conocimientos sobre el lenguaje de marcado HTML (HyperText Markup Language). El fichero El formato estándar de un … [Leer más...]
Diseño web moderno y actual
Todos los que nos dedicamos al diseño y desarrollo web sabemos que hay una continua evolución en cuanto a los elementos que componen o pueden componer una página web. Actualmente, y desde hace unos años el estándar esta formado por HTML5, CSS3 y … [Leer más...]