Internet cada día es un lugar donde puedes encontrar de todo, cualquier cosa. Quieres aprender un nuevo idioma?, un nuevo lenguaje de programación?, buscas casa?, allí está todo lo que necesitas. Si lo que deseas es tener todas las herramientas a la mano para facilitarte el desarrollo y diseño de sitios web, anteriormente había publicado 74 sitios web útiles para desarrolladores y diseñadores web pero ahora te traigo 95 recursos y utilidades para diseño y desarrollo web. Continúa leyendo

Alguna vez te has preguntado como hacen los diseñadores para que sus diseños se vean tan bien, tan consistentes visualmente. La mayoría de ellos utilizan Grid Frameworks de CSS, no todos.

Estos son sistemas de columnas (Grids) con los que puedes diseñar más fácil tu sitio web, darles una mejor estructura. Algunos traen, además del sistema de columnas, estilos en CSS ya predefinidos para que no tengamos que codificarlos nosotros mismos, estilos para formularios, tipografías, tablas, dispositivos móviles, etc.

Con estos frameworks para CSS puede alcanzar una cohesión visual para tus diseños, reducir los errores en tu CSS, alcanzar una buena compatibilidad con todos los navegadores y dispositivos móviles y te ayuda a reducir el esfuerzo de crear una plantilla nueva para tu diseño web.

Para ahorrarte la tarea de encontrar un buen framework para CSS aquí te traigo 35 grid frameworks para CSS con los que diseñar sitios web se te hará mucho más fácil. Continúa leyendo

Este es un artículo como invitada de Paula López, blogger de Basekit, un sitio que te ayuda a crear fácilmente tu página web.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Normalmente las empresas adaptan sus logotipos ya existentes a sus páginas web, así como al resto de soportes en los que se plasma su comunicación (catálogos, merchandising, etc). Pero ¿qué pasa si nuestra empresa es sólo nuestra página web? ¿Hemos de dar los mismos pasos para el diseño de nuestro logo que para el de un logo convencional? ¿Y si no sabemos diseñar?

Para las dos primeras preguntas la respuesta sería sí y no. Hay pasos indispensables a la hora de crear cualquier logotipo, sin importar el soporte en el que va a ser visualizado, pero hay muchos otros que deben ser considerados de manera independiente, especialmente si esto se vincula con la respuesta a la pregunta 3: no sabemos diseñar. Tal vez no nos gusta, no nos interesa el diseño o simplemente no se nos da bien.

A continuación te dejo 10 consejos para la creación de un logotipo para una página web pensando en estas personas que precisan su logo pero no disponen ni de las herramientas ni de los conocimientos adecuados para hacerlo de un modo profesional. Continúa leyendo

El HTML5 ha sido un tema realmente interesante, que ha tomado mucha importancia en los últimos años en el desarrollo web. Ahora la mayoría de los navegadores modernos (Safari, Chrome, Firefox, IE10 y dispositivos móviles) soportan la mayoría de las características de este nuevo estándar web, aún cuando no está completa todavía.

Para ayudarte a hacer que tu migración a HTML5 sea más rápida y fácil, aquí he recopilado 23 sitios web útiles o herramientas que te ayudarán a entender y a empezar con HTML5. Continúa leyendo

El CSS es la manera más perfecta de ponerle estilos y efectos a tus diseños web, y ahora con CSS3 trae más posibilidades de afectar y mejorar tus diseños.

Es por eso que aquí te traigo algunos tips y trucos para CSS, para que puedas implementarlos fácilmente en tu diseño web. Continúa leyendo

Esta vez vengo con una nueva serie de temas gratuitos para WordPress, ya antes había hecho dos colecciones de temas gratuitos (70 Themes (temas) gratuitos de alta calidad para WordPress y 78 nuevos themes (temas) gratuitos de alta calidad para WordPress) pero últimamente has salido varios nuevos temas para WordPress que vale la pena mencionar. Así que si estás buscando un buen diseño para tu blog, de buena calidad y lo mejor, gratuito, aquí te dejo esta lista con los últimos 57 temas gratuitos para WordPress de gran calidad. Continúa leyendo

Cada vez más el HTML5 sigue cogiendo más fuerza y cada día salen nuevos recursos, themes para WordPress o tutoriales sobre este nuevo estándar web. En esta oportunidad te traigo 21 plantillas web en HTML5 de gran calidad que puedes descargar gratuitamente y utilizar en tus proyectos. Continúa leyendo

Tener un blog en algo común en estos días, pero no todos los diseños de estos son iguales. Debido a la gran cantidad de blogs que existen en Internet lo importantes es tener un sitio llamativo y el diseño de tu blog puede ser uno de los factores que te diferencien  que los demás blogs y te de un toque más atractivo para los internautas.

Hoy en día conseguir un buen diseño para un blog es relativamente fácil, pero es mejor modificarle algunas cosas a éste para que se diferencie de los demás diseños. Es por esos que aquí te dejo estos consejos para hacer que el diseño de tu blog mejore para bien tuyo y de tus lectores. Continúa leyendo

Desde SloDive nos traen esta maravillosa colección de iconos. Son en total 300 iconos de las 20 más importantes redes sociales, diseñados por Artbees Team, en tamaños desde 24×24 hasta 256×256 pixéles en formato .PNG. Además se puede descargar el archivo PSD para poder modificar casi cualquier aspecto de los iconos a tu gusto.

También incluyen una variación en los iconos para la interfaz gráfica en dispositivos móviles, como es el icono del estado presionado de los botones en ipod, iphones, androids, etc.

Descargar | 300 Lifetime Social Network Icons

Cada día Internet se convierte en el día a día de muchas personas, sobre todo para los desarrolladores y diseñadores web, que deben buscar funciones, recursos y todo lo necesario para que trabajar sea un poco más fácil.

Así mismo en Internet existen una gran cantidad de blogs sobre diseño y desarrollo web, pero también existen sitios web que únicamente sirven a una función en específica de diseño o desarrollo. Es por eso que para facilidad de todos, he recopilado 74 sitios web útiles para desarrolladores y diseñadores web, herramientas que aumentarán tu productividad y facilitarán tu trabajo o proyecto. Continúa leyendo