Seguimos con otra gran lista de menús circulares tanto en CSS como en HTML para que los adaptes para tus necesidades de tu sitio web. Estos menús circulares tratan principalmente de dotar a ese menú de hamburguesa de un estilo y unas animaciones que giran sobre lo circular; tal como no podría ser de otra forma.
Si hay algo que suele ser muy común para cualquier tipo de web estos son los formularios. Los formularios que nos sirven para rellenar los datos de contacto, introducir los datos bancarios, iniciar sesión en una red social o simplemente realizar una búsqueda como la que solemos hacer diariamente en el buscador de Google.
Los timelines o líneas de tiempo son otro de los elementos extra que podemos integrar en un sitio web para mostrar el progreso o la evolución en años de una empresa o compañía. Una expresión gráfica bien visual que sabiéndola componer elegantemente con una tipografía y elementos visuales, puede enseñar los pasos dados por un servicio o producto a lo largo del tiempo.
En esta serie de artículos con listas seleccionadas de código CSS, HTML y JavaScript, solemos compartir efectos de texto, flechas, headers o sliders con los que enfatizar el diseño de nuestra web para que sea más elegante o sea capaz de añadir valor a aquel contenido que presentemos al visitante.
Los headers y los footers son elementos imprescindibles a la hora de crear una nueva página web o un blog, o si nada más que necesitamos actualizarlos para estar ante los estándar actuales del diseño web. Son espacios a los que el visitante de nuestra web suele prestar gran atención, por lo que hemos de cuidarlos y mimarlos lo suficiente para que sean agradables a la vista, aparte de funcionales.
Los recursos online son casi infinitos, pero encontrarlos de calidad es realmente lo difícil, aunque buscando un poco y teniendo una buena lista de webs dedicadas al diseño, la cosa se convierte en más fácil. En un momento en el que lenguajes como HTML y CSS se encuentran en un gran momento, acercarnos a recursos gratuitos de gran calidad está casi a unos cuantos clics.
¿CodePen o Sublime Text? Si hablamos de programación web se nos viene enseguida el nombre de HTML, CSS y JavaScript. Existen varias formas de llegar a ello. Incluso, si abrimos un bloc de notas podemos ponernos a trabajar escribiendo “html”. Cierto es, que para ver el resultado de lo que vas programando desde un bloc, necesitarás de un laborioso procedimiento para notar avances.
Inkbrush, es una potente y versátil herramienta online, que te permite fácilmente convertir tus diseños de email de imágenes a plantillas reales de HTML responsive.
Los dos sitios webs de templates gratuitos de CSS y HTML5 aglutinan una gran cantidad de opciones gratuitas que os permitirán usarlas en distintos proyectos y trabajos. Mismamente la primera de las webs cuenta con 844 templates gratuitos, así que estamos ante un sitio web de categoría, ya que aparte de cantidad, son de muy buena calidad.
A nadie le ha pasado desapercibida la salida al mundo de HTML5, pues junto a su fiel amigo CSS3 es capaz de cualquier cosa. Tiempo atrás hemos visto efectos realmente curiosos , completas presentaciones e incluso diseños web creados únicamente con CSS3 pero ahora, con este último añadido, que todavía no está estandarizado, podemos ver cosas muchísimo mas impresionantes.
Moqups, aplicación on-line para crear wireframes vectoriales de forma rápida y sencilla. Tras esta iniciativa se encuentra un equipo de seis ingenieros apasionados que residen en Rumanía y dicen querer crear bonitas herramientas que resuelvan problemas reales.