Artículos de la Categoría: desarrollo web

179 Utilidades y recursos para diseño y desarrollo web

19 Comentarios


179 Utilidades y recursos para diseño y desarrollo web

El mundo del desarrollo web y del diseño web se ha venido expandiendo en esta última época, especialmente por el auge del HTML5, CSS3 y de una gran variedad de aplicaciones que utilizan Javascript. Es por eso que aquí te traigo una gran recopilación de 179 utilidades y recursos para diseño y desarrollo web que te pueden ayudar a aumentar la productividad en tus proyectos o te ayudarán a ponerle ciertas funciones a cada uno de ellos. Puede que falten más recursos y utilidades, pero aquí solo listo los más destacados, de lo contrario saldría una lista enorme. Si quieres revisar más recursos, puedes ver las recopilaciones que he publicado anteriormente:

Continúa Leyendo  

Cómo plantear todo proyecto web

5 Comentarios


Cómo plantear todo proyecto web

Este es un artículo de invitado de Marc, blogger de Vanuta, blog que te ofrece artículos sobre blogging y tutoriales de diseño y desarrollo 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.

Como diseñador o desarrollador web seguramente te habrás encontrado con proyectos de todo tipo. A veces se dice sí a un trabajo sin analizar a fondo lo que tendrás que hacer, cosa que puede llevar problemas más adelante. Cuando te presentan un nuevo proyecto, pararse a pensar si realmente vale la pena, puede ahorrarnos muchas horas de trabajo no deseado. Continúa Leyendo  

10 Herramientas web para importar y exportar paletas de colores

3 Comentarios


10 Herramientas web para importar y exportar paletas de colores
Este es un artículo como invitado de Iván Román, blogger de OK HOSTING, sitio que ofrece hosting, diseño de páginas web y dominios.

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.

 

Para los implicados en crear desarrollos web es de mucha utilidad tener elementos que les permitan hacer más rápido su trabajo, uno de estos elementos son las características correspondientes a cada color que se trabaja en un contenido. Para los diseñadores y programadores, quienes son los que hacen el contenido es importante contar con una paleta de colores definida para cada proyecto en el que van a meter mano y para esto existen varias aplicaciones web que pueden ayudar a lograrlo con el mínimo de esfuerzo.

Muchas de las aplicaciones que necesitamos deben ser rápidas y compatibles para trabajar en distintos ámbitos, por ejemplo, distintos sistemas operativos.

Para los que son nuevos en esto; las paletas de colores son muestras de color que predominan en una imagen o diseño y que son utilizadas en el desarrollo de un proyecto para definir un estilo. Estas paletas normalmente contienen los colores para diferentes lecturas del mismo, las más comunes son RGB y Hexadecimal, aunque hay que recordar que también tenemos LAB, CMYK (impresos), etc. Continúa Leyendo  

Consejos para hacer mas amigable tu sitio web

2 Comentarios


Consejos para hacer mas amigable tu sitio web
Este es un artículo como invitado de Iván Román, blogger de OK HOSTING, sitio que ofrece hosting, diseño de páginas web y dominios.

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.

El éxito de un sitio web en muchas ocasiones radica en lo bien estructurado que se encuentre. El esqueleto o como se le conoce estos dias, el wireframe es una parte importante al conceptualizar un diseño y que, si es bien orientado, puede significar el exito de un sitio sin importar cual sea la tematica del mismo.

Sin duda que en lo que respecta al diseño, debemos de conocer algunas metricas que se pueden aplicar de manera general a cualquier nuevo website. Seguir estas metricas no es la panacea para que cualquier proyecto sea un éxito, pero si son un buen comienzo para orientarlo y encausarlo. Continúa Leyendo  

Recursos para crear un theme de WordPress con HTML5 – parte 2

4 Comentarios


Recursos para crear un theme de WordPress con HTML5 - parte 2

Este es un artículo como invitada de Verónica Milán de lawebera.es, un portal sobre diseño web. En él puedes encontrar manuales completos sobre diseño web freelance, maquetación web y mucho más. Dirigido al diseñador web y creativo.

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.

En el anterior artículo sobre recursos para crear themes de WordPress en HTML5, hablábamos de una serie de plugins muy útiles para diseño web, puesto que nos permiten dar el salto a la última versión de HTML.

En este artículo vamos a hablar de themes de WordPress desarrollados pensando en HTML5 y en su uso como punto de partida para crear plantillas personalizadas. Si te dedicas al diseño web freelance, sabrás de sobra que esto es algo realmente importante.

Puedes encontrar un sencillo ejemplo de cómo crear una plantilla HTML5 para WordPress, así como la forma de clarificar el código en anatomy of a wordpress theme. Continúa Leyendo  

Recursos para crear un theme de WordPress con HTML5

8 Comentarios


Recursos para crear un theme de WordPress con HTML5

Este es un artículo como invitada de Verónica Milán de lawebera.es, un portal sobre diseño web. En él puedes encontrar manuales completos sobre diseño web freelance, maquetación web y mucho más. Dirigido al diseñador web y creativo.

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.

Quienes utilizan WordPress para desarrollar sus blogs y al mismo tiempo tienen conocimientos de diseño, se han planteado en algún momento la creación de sus propias plantillas HTML5.

En este artículo vamos a ver qué novedades existen en cuanto a plugins HTML5 para facilitarnos su uso en nuestros themes de WordPress. Continúa Leyendo  

Herramientas para hacer una página web con HTML5, parte 2

5 Comentarios


Herramientas para hacer una página web con HTML5, parte 2

Este es un artículo como invitada de Verónica Milán de lawebera.es, un portal sobre diseño web. En él puedes encontrar manuales completos sobre diseño webdiseño web freelancemaquetación web y mucho más.

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.

En la primera parte del artículo sobre herramientas para hacer una página web con HTML5 hablábamos de cómo HTML5 ha revolucionado la manera en la que construimos nuestras páginas web, y hacíamos un repaso a las características de Boilerplate, un proyecto que está tomando mucha popularidad entre la comunidad de diseñadores web. Continúa Leyendo  

Herramientas para hacer una página web con HTML5, parte 1

4 Comentarios


Herramientas para hacer una página web con HTML5, parte 1

Este es un artículo como invitada de Verónica Milán de lawebera.es, un portal sobre diseño web. En él puedes encontrar manuales completos sobre diseño webdiseño web freelancemaquetación web y mucho más.

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.

HTML5 llegó hace unos años con un bagaje de novedades que facilitan el diseño  web. Éste no es un proceso aislado, implica una serie de cambios: Los desarrolladores debemos modificar nuestra visión y hábitos a la hora de maquetar una web. Y los navegadores deben adaptarse a la nueva  era HTML5, pero es un hecho que la mayor parte de ellos ya soportan muchas de sus novedades o están en marcha para lograrlo en breve.

Si eres diseñador, ya deberías estar usando HTML5, pero tranquilo, si no es así, y para no comenzar desde cero, aquí tienes algunas herramientas que facilitarán tu  introducción a  HTML5. Continúa Leyendo  

95 recursos y utilidades para diseño y desarrollo web

30 Comentarios


95 recursos y utilidades para diseño y desarrollo web
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  

35 Grid Frameworks para CSS

2 Comentarios

35 Grid Frameworks para CSS

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