9 ideas para construir grandes sitios web con menos

Todos sabemos lo laborioso que puede ser el trabajo web. No es una tarea para los débiles de corazón y generalmente requiere un año o más de estudio para comprender. A medida que nuestra era ha progresado, hemos visto brillantes ideas e innovaciones que llevan a la comunidad en línea a compartir y compartir código abierto..

La construcción de un sitio web realmente se ha convertido en un proceso de múltiples capas. Debe tener en cuenta los gráficos de la página web, la codificación de los estilos y el diseño del front-end, el alojamiento del servidor y, posiblemente, la programación del back-end para iniciar. Los desarrolladores han estado jugando con estos sistemas durante años y, finalmente, hemos llegado a un punto de interés, pero será extremadamente agotador si van a manejar todos estos trabajos completamente por ustedes mismos..

A continuación, he compartido algunos recursos útiles para la planificación eficiente de grandes diseños de sitios web. Estos vienen en muchas formas a lo largo de todo el proceso creativo. Aunque esta no es una lista exhaustiva, espero encontrar recursos útiles para expertos y principiantes por igual..

1. Dejalo a los expertos.

Desde diseñadores de íconos hasta programadores de todo el mundo, todos tenemos diferentes conjuntos de habilidades de diferente magnitud. No nos imaginamos frecuentemente como superhéroes que buscan desarrollar habilidades más allá del punto de dominio. Sin embargo, convertirse en un artista creativo y programador es un verdadero regalo..

Para aquellos de nosotros que nos enfocamos en un nicho específico, la ayuda externa debe ser bien recibida. Puede acelerar el proceso de creación de un sitio web diez veces y ofrece una experiencia única para trabajar en un entorno de equipo. Algunos de los mejores servicios de PSD a HTML incluyen psd2html y xhtmlchop.com, los "servicios de PSD a HTML" de Google para obtener más, o consulte la lista de más de 100 servicios aquí.

El proceso físico de sentarse a codificar un documento de Photoshop en HTML / CSS puede ser molesto. Especialmente si has estado codificando durante muchos años ya que la repetición se vuelve aburrida y casi anticuada. Muchos de estos servicios prometen entrega en 24 horas e incluso ofrecerán descuentos para diseños de subpáginas.

Si está interesado en la codificación pero se queda atrás con las habilidades de diseño, le recomiendo navegar por algunas de las redes de artistas digitales. Estos incluyen Dribbble y DesignMoo, donde los diseñadores gráficos pueden publicar y compartir sus últimos trabajos. En general, también encontrará una página de visualización de la cartera para cada artista, que incluye información de contacto como correo electrónico, Twitter o chat de mensajería instantánea..

2. Soluciones de Outsourcing

Hay excelentes ejemplos de freelancers que ofrecen sus servicios para apoyar estudios de proyectos. Pero con el nivel actual de comunicación, hay muchos casos en los que los profesionales independientes trabajarán mano a mano para completar el trabajo del proyecto. Incluso posiblemente desde dos lugares distintos en todo el mundo!

Con el lanzamiento de tantas comunidades independientes, nunca ha sido tan fácil para los diseñadores y desarrolladores reunirse y trabajar juntos. Una gran comunidad Programmer Meet Designer permite que tanto los desarrolladores web como los diseñadores envíen mensajes y compartan ideas para proyectos. Esta es una red relativamente desconocida y aún funciona como un pequeño grupo de profesionales..

Alternativamente, puede estar buscando trabajo como freelance y encontrar trabajo difícil. Aquí es donde los diversos paneles de trabajo de Internet muestran su uso. Compañías como Fresh Web Jobs y Krop son solo algunos ejemplos de las muchas oportunidades independientes. Cada uno se actualiza diariamente y ofrece descripciones completas junto con información de contacto.

3. Utilizar código abierto

Uno de los mejores inventos de la comunidad de desarrollo web de hoy es el software de código abierto. Cada día se realizan innumerables esfuerzos para complementar y mejorar las bibliotecas existentes.. jQuery y MooTools son dos de los cientos de bibliotecas de JavaScript que se destacan del resto en base a tutoriales simples y reputación. Sin embargo, JavaScript no es el único protocolo abierto que se ha trabajado. Literalmente, cientos de miles de desarrolladores están compartiendo y contribuyendo paquetes de código en GitHub todos los días. Los idiomas incluyen PHP, CSS, SQL, ASP, Objective-C, Java y muchos más!

WordPress, una plataforma de blogs desarrollada por Matt Mullenweg y que ha crecido históricamente en los últimos años, es posiblemente el epítome de los proyectos de éxito de código abierto. Parece impresionante ver tantos paquetes más pequeños que están siendo revisados ​​a través de la web, pero WordPress impulsa millones de sitios web y alberga a miles de desarrolladores que trabajan en su servidor. Todo el paquete es gratuito para descargar y muy simple de instalar. El sitio web oficial de la compañía wordpress.org ofrece enlaces y tutoriales para desarrolladores interesados ​​en crear temas y complementos de WP. También hemos patrocinado un tutorial introductorio sobre complementos de WP para programadores principiantes. Del mismo modo, hay una galería oficial con una impresionante cantidad de complementos gratuitos para que todos los usuarios de WordPress disfruten.

Para aquellos de ustedes que buscan scripts de comercio electrónico de código abierto, consulte esta publicación..

4. Diseñar iconos propios - No es necesario

Avanzando hacia la parte gráfica y de animación del diseño, todavía vemos una comunidad abierta y compartida. Los diseñadores web disfrutan no solo compartir sus obras de arte en el mundo, sino también ayudar a otros a promover sus ideas..

Los gráficos son algunos de los aspectos más complicados de un sitio web. Esto es especialmente cierto ya que los diseñadores gráficos de primera categoría son difíciles de conseguir. Muchos de los conjuntos de iconos gratuitos, como FamFamFam, Wefunction, Fugue y más, revelan sus descargas como gratuitas para usarlas en los enlaces de retribución o para acreditar su trabajo. Esto parece una simple compensación para usos ilimitados!

Otro servicio fantástico Icon Finder se comporta como un motor de búsqueda para los conjuntos de iconos más populares. A menudo, si está navegando en los resultados de búsqueda de Google, hay cientos de blogs de diseño web que muestran los mejores iconos gratuitos. Estos también se han compartido en motores como Icon Finder para que la creación de sitios web sea aún más rápida..

5. Mejor oferta en alojamiento y uso compartido de archivos

Todos podemos usar un poco de dinero extra en estos días. Incluso como diseñadores web es importante buscar aquellas compañías que ofrezcan ofertas y apoyen a la generación freelance.

Alojamiento web es sólo uno de los muchos gastos a considerar. Muchas veces puede encontrar cupones en sitios web relacionados que ahorran dinero en las compras de nombres de dominio y espacio de servidor.

Compartir archivos se ha convertido en una parte importante del estilo de vida del diseñador web. Hay servicios pagados y gratuitos disponibles, y si conoces a alguien en el negocio no es difícil obtener una cuenta de membresía. Para el resto, considere navegar por nuestras alternativas de intercambio de archivos, que proporciona soporte completamente gratuito para todos los usuarios.

6. Comprobación de rendimiento libre

Las aplicaciones de sitios web son la última tendencia que atraviesa las costuras digitales. Desde el móvil hasta las aplicaciones en el navegador, parece que casi cualquier cosa puede completarse en una computadora en estos días. Para los webmasters es importante conocer las muchas oportunidades gratuitas para realizar pruebas mecánicas y mantener el sitio web..

Si usted es como la mayoría de nosotros, el tiempo de actividad del sitio web es una gran preocupación. Hacer que su sitio web se apague por unos minutos puede ser catastrófico para sus números de tráfico, por no mencionar que es muy confuso para sus visitantes. Pingdom es una herramienta gratuita que todos los webmasters deben usar para verificar los códigos de respuesta de su servidor web. Esta es una forma segura de mantener un control sobre su back-end y monitorear el desempeño detrás de escena.

Otro gran servicio, Google Webmasters permite a los desarrolladores reclamar la propiedad de su sitio. Esto se puede hacer con un sitemap, meta tag u otras alternativas proporcionadas por Google. Si utiliza una cuenta de Google, es posible almacenar datos RSS e incluso rastrear palabras clave para sitios web individuales. La aplicación es 100% gratuita y te permite almacenar conexiones a sitios web ilimitadas!

7. Los editores de códigos pueden ser baratos (o gratuitos)

Ya sea que nos guste admitirlo, la mayoría de los diseñadores web tienden a incursionar en alguna forma de desarrollo web. Es solo para aquellos realmente dotados en Adobe Photoshop o Illustrator que no se aventuran en el diseño HTML y CSS.

Para los programadores frontend y backend, puede ser difícil encontrar un ambiente de trabajo cómodo. Adobe ofrece Dreamweaver, que admite el resaltado de códigos en muchos idiomas, pero desafortunadamente costará un poco de dinero. Hemos revisado los 10 principales editores de código fuente gratuitos y hemos ofrecido enlaces de descarga directa a cada página.

Si recién está comenzando con la codificación, le recomiendo dedicar un tiempo a investigar esto. Su entorno de desarrollo es crucial y tendrá efectos en la forma en que escribe el código. Muchos de estos editores son específicos de Windows, y aunque puede encontrar algunas opciones amigables con Mac, recomiendo Panic's Coda, un editor de código mucho más económico (en comparación con Adobe Dreamweaver) para un desarrollo web serio.

8. Recoge algunos kits de inicio

Ahora que tiene una idea sólida acerca de los servicios y programas disponibles, intente descargar algunos kits de inicio para comenzar. Como diseñadores web, es importante enfocar nuestra atención consciente hacia la creatividad y estimular nuevas ideas para plataformas de diseño.

En los últimos años, los diseñadores han lanzado lentamente paquetes gratuitos de iconos, plantillas, elementos de formulario, componentes de GUI y muchos trabajos similares. Por favor, lea nuestra lista de kits de inicio de diseño web para ver si algo llama su atención..

El trabajo de diseño de Photoshop no es siempre el más fácil de completar. A menudo nos encontramos dudando y volviendo a comprometernos para corregir los esquemas de color y la ubicación. El viejo adagio “la práctica hace la perfección” Parece ser muy cierto en este escenario, junto con muchos otros. Y estos kits de iniciación básicos te ayudarán a poner el pie derecho!

9. Siempre mantenerse al día con el tiempo de estudio

A medida que el tiempo avanza, todos tendemos a perder interés en las actividades. Si realmente te apasiona el diseño web, debes mantenerte motivado y estudiar nuevos temas. Considere abrir su mente a un lenguaje de desarrollo o practicar una nueva pieza de software.

Las herramientas en línea de hoy están más avanzadas que nunca para ayudar a los jóvenes diseñadores web en ciernes a recoger el premio. La Biblioteca de diseño web se lanzó originalmente bajo Template Monster junto con Jetimpex Inc. y ha continuado en un catálogo de tutoriales muy populares. El sitio web se actualiza diariamente con nuevos enlaces y artículos de muestra para inspirarse..

El sitio también se vincula entre muchos lugares asociados, incluida la Plantilla Ninajas. Esto da como resultado ofertas diarias que no puedes encontrar en ningún otro lugar, ¡a veces incluso demos o regalos gratis! Las plantillas de sitios web son un excelente lugar para comenzar cuando no está familiarizado con la creación de un diseño de página web o simplemente necesita algunas ideas nuevas..

También recomendaría la Red Tuts + creada por Envato. Albergan miles de tutoriales que van desde Photoshop, Illustrator, HTML5, ActionScript, formas vectoriales e incluso fotografía. Parte de su código requiere una membresía para descargar, pero todos los tutoriales son libres de seguir y ofrecen instrucciones paso a paso para facilitar el ciclo de aprendizaje..

Junto con los artículos escritos, la mayoría de los comentarios también ofrecerán un gran consejo. Toda la red está a cargo de diseñadores web y es leída por diseñadores web, por lo que puede estar seguro de comentarios de alta calidad..

Conclusión

Estos métodos deberían permitirle iniciar un camino atronador hacia la iluminación del diseño web. Los mejores trucos del comercio se han transmitido durante años a través de la comunidad de Internet. Y así como la cantidad de diseñadores web ha aumentado, se han creado más estándares abiertos..

Considere algunas de las ideas presentadas anteriormente y dedique un tiempo a explorar artículos o tutoriales interesantes. Incluso familiarizarse con el material nuevo puede hacer que su cerebro se mueva y lo haga pensar en una mentalidad de diseño elevada. Si tiene ideas similares, no dude en compartirlas en la sección de comentarios a continuación..