Archivo de la categoría: HTML

Creative Tim – Dale un look profesional a tu web

Buscando inspiración y recursos para el desarrollo de nuevos proyectos di con la web de Creative Tim y sus diseños y plantillas para web son muy buenos. Dentro de los temas que nos ofrecen destacaria el Paper Kit, Get Shit Done Kit y Awesome Landing Page.
Estos Kits son gratuitos para uso personal, y en el caso que seas desarrollador tiene un coste de 19€ cada uno.
Yo os recomendaria descargar las versiones gratuitas primero y enredar con ellas. Tengo que decir que la documentación y los ejemplos que hay en las descargas dan mucha ayuda a la hora de realizar tus desarrollos. Decir que todos los temas estan basados en Bootstrap 3, y si tienes un poco de experiencia con el, no vas a tener problemas a la hora de integrarlos.

Para poder descargarlos hay que registrarse en la web, y uno de los primeros correos que te envian, por lo menos en mi caso, es un codigo de descuento para comprar uno de sus temas.

Anuncios

Required en radio o checkbox multiple

A veces cuando diseñamos un formulario tenemos que incluir en este elementos radio o checkbox, y queremos que estos sean obligatorios, en el resto de elementos lo podemos tener claro le ponemos el atributo “required” y ya, pero estos elementos sueles dar multiples opciones, entonces que hacemos, lo ponemos en todos el atributo “required”, pues si, esa es una de las soluciones, pero hay otra mas sencilla, que es ponerlo solo en el ultimo.


<input type='checkbox' name='opcion' value='si' required>

<input type='checkbox' name='opcion' value='no' required>


<input type='checkbox' name='opcion' value='si'>

<input type='checkbox' name='opcion' value='no' required>

Ejemplo: http://www.sacredheartprimary.co.uk/macss-js/webforms2/testsuite/021.html

Generador de botones CSS

Buscando por internet he encontrado esta pagina en la cual podemos crear nuestros botones personalizados y generar el código para usarlos en nuestra web.

CodePen – Comparte tus ejemplos HTML CSS JS

CodePen es un editor HTML, CSS y Javascript en nuestro navegador el cual nos permite generar vistas previas de nuestros ejemplos, ademas podemos compartir estos. Aparte de esto es también una red social y colaborativa de proyectos y nos permite probar nuestros desarrollos en distintos dispositivos.

http://codepen.io

Cuidando el diseño de nuestra pagina web para mejorar el SEO

Hace unos dias lei en comenzandodecero.com un articulo sobre como hay que cuidar el diseño de nuestra web para mejorar el SEO, en el se destacan tres aspectos que tenemos que tener en cuenta a la hora de tener bien posicionada nuestra web, estos son:

  1. Velocidad de carga de la web.
  2. Adaptabilidad a cualquier tamaño y dispositivo.
  3. Uso correcto de los meta tags, sobre todo el titulo y la descripción.

Destacar que las keywords ya no son importantes, es mas hoy en día casi es mejor no ponerlas.

http://comenzandodecero.com/cuidando-el-diseno-web-de-una-pagina-para-mejorar-el-seo/

 

Introducción al desarrollo web HTML5 con Google Drive

Os dejo el siguiente enlace a un curso compuesto en 5 sesiones en las cuales nos explican como crear una aplicación HTML5 en Google Drive, y como integrar distintas aplicaciones de Google en este sitio.

http://programa-con-google.blogspot.com.es/2014/02/google-developers-hackademy_26.html

5 errores evitables en el diseño web

He encontrado esta pagina web en la que mas que errores a la hora de la implementación de una pagina web es mas a la hora de implementar o modificar una pagina web, y seguro que mas de uno sabe casos relacionados con esto, por ejemplo a todos nos suena la frase “Esta web, seguro que la ha hecho el primo o el sobrino de alguien” con todos mis respetos a los primos-sobrinos.

http://www.artincom.com/5-errores-evitables-en-diseno-web/