9 idéias para construir grandes sites com menos

Todos nós sabemos como o trabalho web trabalhoso pode ser. Não é uma tarefa para os mais sensíveis e geralmente requer um ano ou mais de estudo para realmente entender. À medida que nossa era progrediu, vimos ideias e inovações brilhantes conduzindo a comunidade on-line em direção ao código-fonte aberto e ao compartilhamento.

A construção de um site realmente evoluiu para um processo de múltiplas camadas. Você deve considerar os gráficos de páginas da Web, codificação de estilos front-end e layout, hospedagem de servidor e possivelmente programação de back-end para inicializar. Desenvolvedores têm brincado com esses sistemas há anos e finalmente chegamos a um ponto de interesse, mas será extremamente cansativo se você for lidar com todos esses trabalhos completamente por si mesmos..

Abaixo, compartilhei alguns recursos úteis para o planejamento eficiente de designs de websites. Estes vêm em muitas formas ao longo de todo o processo criativo. Embora esta não seja uma lista exaustiva, espero abordar recursos úteis para especialistas e iniciantes..

1. Deixe para os especialistas

De designers de ícones a programadores de todo o mundo, todos nós temos diferentes conjuntos de habilidades de magnitude variável. Frequentemente, não nos imaginamos como super-heróis que buscam desenvolver habilidades além do ponto de mestria. No entanto, para se tornar um artista criativo e programador é um verdadeiro presente.

Para aqueles de nós que se concentram em um nicho específico, a ajuda externa deve ser calorosamente bem-vinda. Ele pode acelerar o processo de criação de um site dez vezes e oferece uma experiência única para trabalhar em um ambiente de equipe. Alguns dos melhores serviços de PSD para HTML incluem psd2html e xhtmlchop.com, o Google "PSD para serviços HTML" para obter mais, ou confira uma lista de mais de 100 serviços aqui.

O processo físico de sentar-se para codificar um documento do Photoshop em HTML / CSS pode ser chato. Especialmente se você tem codificado por muitos anos, a repetição se torna monótona e quase antiquada. Muitos desses serviços prometem entrega em 24 horas e até oferecem descontos para designs de subpáginas..

Se você estiver interessado em codificar, mas ficar para trás com habilidades de design, recomendo navegar em algumas das redes de artistas digitais. Estes incluem Dribbble e DesignMoo, onde os designers gráficos podem publicar e compartilhar seus trabalhos mais recentes. Geralmente, você também encontrará uma página de exibição de portfólio para cada artista, incluindo informações de contato, como e-mail, Twitter ou bate-papo de mensagens instantâneas..

2. Soluções de Outsourcing

Há grandes exemplos de freelancers oferecendo seus serviços para apoiar estúdios de projetos. Mas com o atual nível de comunicação atual, há muitos casos em que os freelancers trabalharão lado a lado para concluir o trabalho do projeto. Mesmo possivelmente de dois locais distintos ao redor do mundo!

Com o lançamento de tantas comunidades freelancer, nunca foi tão fácil para designers e desenvolvedores se encontrarem e trabalharem juntos. Uma ótima comunidade Programmer Meet Designer permite que desenvolvedores e designers da Web enviem e compartilhem ideias para projetos. Esta é uma rede relativamente desconhecida e ainda funciona como um pequeno círculo de profissionais.

Alternativamente, você pode estar à procura de trabalho como freelancer e encontrar empregos difíceis. É aqui que os muitos quadros de empregos da Internet mostram seu uso. Empresas como Fresh Web Jobs e Krop são apenas alguns exemplos das muitas oportunidades de freelancer. Cada um é atualizado diariamente e oferece descrições completas, juntamente com informações de contato.

3. Utilize o código aberto

Uma das melhores invenções da comunidade de desenvolvimento web atual é o software de código aberto. Há inúmeros esforços sendo trabalhados todos os dias para complementar e melhorar as bibliotecas existentes. jQuery e MooTools são duas das centenas de bibliotecas JavaScript que se destacam das demais baseadas em tutoriais e reputação simples. No entanto, o JavaScript não é o único protocolo aberto que foi trabalhado. Literalmente centenas de milhares de desenvolvedores estão compartilhando e contribuindo com pacotes de código no GitHub todos os dias. Os idiomas incluem PHP, CSS, SQL, ASP, Objective-C, Java e muitos outros!

O WordPress, uma plataforma de blogs desenvolvida por Matt Mullenweg e que cresceu historicamente nos últimos anos, é possivelmente o epítome dos projetos de sucesso de código aberto. Parece impressionante ver tantos pacotes menores sendo peneirados pela web, mas o WordPress alimenta milhões de sites e hospeda milhares de desenvolvedores trabalhando em seu back-end. Todo o pacote é gratuito para download e muito simples de instalar. O site oficial da empresa, wordpress.org, oferece links e tutoriais para desenvolvedores interessados ​​em criar temas e plugins do WP. Também patrocinamos um tutorial introdutório sobre plugins WP para programadores iniciantes. Da mesma forma, há uma galeria oficial com uma quantidade impressionante de plugins gratuitos para todos os usuários do WordPress..

Para aqueles de vocês que estão procurando scripts de comércio eletrônico de código aberto, confira este post.

4. Projetando ícones próprios - Não é necessário

Movendo-se para o lado gráfico e de animação do design, ainda vemos uma comunidade aberta e compartilhada. Web designers gostam não apenas de compartilhar suas obras de arte no mundo, mas de ajudar outras pessoas a promover suas ideias.

Gráficos são alguns dos aspectos mais complicados de um site. Isso é especialmente verdadeiro, já que os designers gráficos de alto nível são difíceis de encontrar. Muitos dos conjuntos de ícones gratuitos, como FamFamFam, Wefunction, Fugue e outros, divulgam seus downloads como gratuitos para uso em links de retribuições ou créditos de seu trabalho. Isso parece ser um trade-off simples para usos ilimitados!

Outro fantástico serviço Icon Finder se comporta como um mecanismo de busca para os conjuntos de ícones mais populares. Muitas vezes, se você estiver navegando pelos resultados de pesquisa do Google, há centenas de blogs de web design mostrando os melhores ícones gratuitos. Estes também foram compartilhados em mecanismos como o Icon Finder para tornar os sites de construção ainda mais rápidos.

5. Melhor negócio em hospedagem e compartilhamento de arquivos

Todos nós podemos usar algum dinheiro extra nos dias de hoje. Mesmo como web designers, é importante procurar as empresas que oferecem ofertas e apoiam a geração freelancer..

Web hosting é apenas uma das muitas despesas a serem consideradas. Muitas vezes você pode encontrar cupons em sites relacionados que economizam dinheiro em compras de nomes de domínio e espaço do servidor.

Compartilhamento de arquivos tornou-se uma parte importante do estilo de vida do web designer. Existem serviços pagos e gratuitos disponíveis, e se você conhece alguém no negócio, não é difícil obter uma conta de membro. Para o resto, considere navegar em nossas alternativas de compartilhamento de arquivos, que fornece suporte totalmente gratuito para todos os usuários.

6. Verificação de desempenho gratuita

Os aplicativos do site são as últimas tendências que estão surgindo por meio das costuras digitais. De aplicativos móveis para aplicativos no navegador, parece que quase tudo pode ser concluído em um computador nos dias de hoje. Para os webmasters, é importante conhecer as muitas oportunidades gratuitas para testes mecânicos e manutenção de websites.

Se você é como a maioria de nós, o tempo de atividade do site é de grande preocupação. Ter o seu site desligado por alguns minutos pode tornar-se catastrófico para os números do seu tráfego, para não mencionar profundamente confuso para os seus visitantes. Pingdom é uma ferramenta gratuita que todos os webmasters devem usar para verificar os códigos de resposta de seu servidor web. Essa é uma maneira infalível de manter o controle do seu back-end e monitorar o desempenho por trás dos bastidores.

Outro excelente serviço, o Google Webmasters permite que os desenvolvedores reivindiquem a propriedade de seu site. Isso pode ser feito com um sitemap, meta tag ou outras alternativas fornecidas pelo Google. Se você usa uma conta do Google, é possível armazenar dados de RSS e até mesmo rastrear palavras-chave para sites individuais. O aplicativo é 100% gratuito e permite que você armazene conexões ilimitadas de sites!

7. Editores de código podem ser baratos (ou gratuitos)

Quer gostemos de admitir que a maioria dos web designers tendem a se envolver em alguma forma de desenvolvimento web. É apenas para aqueles realmente talentosos no Adobe Photoshop ou Illustrator que não se aventuram no design HTML e CSS..

Para os programadores frontend e backend, pode ser difícil encontrar um ambiente de trabalho confortável. A Adobe oferece o Dreamweaver, que suporta o realce de código em vários idiomas, mas, infelizmente, custará um pouco de dinheiro. Analisamos os 10 principais editores de código-fonte gratuitos e oferecemos links de download direto para cada página.

Se você está apenas começando a codificar, eu recomendo gastar algum tempo pesquisando sobre isso. Seu ambiente de desenvolvimento é crucial e terá efeitos sobre como você escreve o código. Muitos desses editores são específicos do Windows e, embora você possa encontrar algumas opções amigáveis ​​para Mac, eu recomendo o Coda da Panic - um editor de código mais barato (comparado ao Adobe Dreamweaver) para um desenvolvimento web sério..

8. Pegue alguns kits iniciais

Agora que você tem uma ideia sólida sobre os serviços e programas disponíveis, tente fazer o download de alguns kits para começar. Como web designers, é importante concentrar nossa atenção consciente na criatividade e estimular novas ideias para as plataformas de layout..

Nos últimos anos, os designers lançaram lentamente pacotes gratuitos de ícones, modelos, elementos de formulário, componentes GUI e muitos outros trabalhos semelhantes. Por favor, leia atentamente nossa lista de kits de web designer para ver se alguma coisa chama sua atenção.

O trabalho de layout do Photoshop nem sempre é o mais fácil de concluir. Muitas vezes nos encontramos duvidando e re-engajando para corrigir esquemas de cores e posicionamento. O velho ditado “a prática leva à perfeição” parece se confirmar neste cenário, junto com muitos outros. E estes kits básicos para iniciantes devem tirá-lo do pé direito!

9. Sempre mantenha o tempo de estudo

Com o passar do tempo, todos nós tendemos a perder o interesse pelas atividades. Se você é realmente apaixonado por web design, você deve se manter motivado e estudar novos tópicos. Considere abrir sua mente para uma linguagem de desenvolvimento ou praticar um novo software.

As ferramentas on-line de hoje estão mais avançadas do que nunca para ajudar os jovens web designers a conquistar o prêmio. A Web Design Library foi lançada originalmente no Template Monster junto com a Jetimpex Inc, e continuou em um catálogo de tutoriais muito populares. O site é atualizado diariamente com novos links e itens de vitrine para inspiração.

O site também interliga entre muitos locais parceiros, incluindo o Template Ninajas. Isso resulta em negócios diários que você não consegue encontrar em nenhum outro lugar - às vezes até demonstrações ou brindes! Os modelos de website são um ótimo lugar para começar quando você não está familiarizado com a criação de um layout de página da Web ou precisa apenas de novas ideias.

Eu também recomendo a Rede Tuts + criada pela Envato. Eles hospedam milhares de tutoriais que vão desde o Photoshop, Illustrator, HTML5, ActionScript, formas vetoriais e até a fotografia. Alguns de seus códigos exigem uma associação para download, mas todos os tutoriais são gratuitos e oferecem instruções passo a passo para facilitar o ciclo de aprendizado.

Juntamente com os artigos escritos, a maioria dos comentários também oferecerá ótimos conselhos. Toda a rede é gerenciada por web designers e lida por web designers, para que você tenha certeza de feedback de alta qualidade.

Conclusão

Estes métodos devem começar em um caminho estrondoso para a iluminação de web design. Os melhores truques do comércio foram passados ​​por anos através da comunidade da Internet. E da mesma forma que a quantidade de web designers aumentaram, padrões mais abertos foram criados.

Considere algumas das ideias apresentadas acima e passe algum tempo navegando em artigos ou tutoriais interessantes. Mesmo familiarizando-se com material fresco pode movimentar seu cérebro e levá-lo a pensar em uma mentalidade de design elevado. Se você tem idéias parecidas, fique à vontade para compartilhá-las na seção de comentários abaixo..