apenas-crie-websites 0

Algumas ideias para sites que você pode construir!

2 years after MIT

Apenas! Crie! Websites!

Originalmente Just! Build! Websites

Os hosts do podcast Shop Talk show (Chris Coyier e Dave Rupert) recebem muitas perguntas sobre como aprender desenvolvimento web. O mantra deles é "apenas crie websites"; ele até gravaram isso. Como uma pessoa que aprende fazendo, eu concordo que colocar as mãos na massa com alguns projetos web e preencher as lacunas do seu conhecimento durante o caminho é uma maneira muito bonita de fazer as coisas.

Mas e se você não sabe que tipo de site "apenas criar"? A seguir você encontra uma lista de diferentes projetos que você pode praticar seu desenvolvimento e design web. Sinta-se livre para mandar uma PR (veja o guia para contribuições) e adicionar ideias à lista!

Ideias para projetos de desenvolvimento e design web

  • Ajude um amigo com seu negócio / hobby / currículo / casamento
  • Crie um site de fãs (e talvez algum fórum da velha guarda) para algo que você ama
  • Construa uma galeria de fotos que você tirou nas férias
  • Tente reconstruir a página de um site que você goste sem olhar o código dele
  • Olhe o código de todo mundo!!!
  • Crie um site sustentável, público para uma organização sem fins lucrativos da sua região
  • Ache um problema local que seja importante para você e crie um site que divulgue e suporte a sua causa
  • Recrie um projeto anterior usando um sistema de gerenciamento de conteúdo (CMS) ou linguagem de programação que você esteja curioso sobre
  • Faça um jogo usando uma tecnologia web (Talvez participe até de um game jam)
  • Tente replicar um efeito especial usando apenas CSS
  • Explore arte generativa
  • Desafie você mesmo a fazer um site com menos de um certo limite de kb
  • Identifique uma necessidade que você tem na sua vida diária e crie um app web que resolva isso
  • Imagine como seria o site do seu personagem fictício favorito
  • Explore os recursos da web no Can I Use e construa um site com recursos que você nunca ouviu falar e/ou usou antes
  • Exponha uma coleção pessoal: sua ou de algúem
  • Pesquise sua genealogia e crie uma árvore
  • Reúna dados pessoais e use uma biblioteca de gráficos/visualização para apresentá-los -- ou crie suas próprias visualizações
  • Reforme um site existente para carregar 10% mais rápido (ou defina outra marca e busque-a)
  • Crie uma página de início personalizada para novas abas no seu navegador. Talvez use APIs para juntar informações que sejam adaptadas aos seus interesses.
  • Crie um site bonito usando apenas texto, nada de imagens
  • Repare um site antigo para fazê-lo mais acessível para pessoas com diferentes capacidades e configurações técnicas
  • Estilize alguns temas gratuitos para um serviço popular de blogs
  • Finalmente compartilhe seu talentos como poeta / guitarrista / que você escondia
  • Reinvente a roda: faça uma calculador, uma aplicação web de finanças pessoais, um cronômetro...
  • Pratique fazer guias de estilo criando uma para um site existente. Talvez você se encontre reduzindo estilos ou refatorando código duplicado...
  • Estilize um site usando 3 técnicas diferente de arquitetura para CSS e veja qual pareceu melhor
  • Use o mesmo processo básico para analisar novos framework ou sistemas de gerenciamento de conteúdo (CMS)
  • Reimagine uma pintura, escultura, construção favorita como uma arte web
  • Resolva o mesmo problema de 10 formas diferentes
  • Pegue o seu truque mais antigo e teste-o de uma nova forma
  • Crie um site de fãs para uma característica peculiar da sua cidade natal
  • Inicie um jornal/diário apenas-para-seus-olhos
  • Manipule uma imagem com CSS de 25 formas diferentes
  • Mostre as fontes do seu sistema de uma forma mais útil do que os programas padrão
  • Faça um web chat para seus amigos com Javascript
  • Invente um apelido/vida alternativa secreta e crie uma presença web para esse você fictício
  • Tente replicar o layout de revistas na web sem usar Javascript
  • Rascunhe uma biblioteca de componentes, funções, etc. reutilizáveis para sua linguagem de escolha
  • Invente o site mais estranho possível e não malicioso e distribua flyers/adesivos dele pela cidade
  • Dê aos seus amigos um lugar conveniente para encontrar instruções para regar plantas/cuidar da casa/cuidar do pet. Garanta que os usuários estejam autenticados de alguma forma para acessar
  • Crie um guia para a sua cidade, com vários filtros (tipo de atividade, gastos, comidas, etc.)
  • Desenhe uma site que seria acessível em um dispositivo com 100px de largura
  • Teste vigorosamente um navegador que você nunca ouviu falar antes
  • Matenha controle sobre suas metas de vida com um site chique/extravagante
  • Dê uma caminhada por alguma vizinhança que você não frequente; faça algo inspirado pelo que você viu
  • Construa o site com a pior performance que você conseguir
  • Ensine às pessoas algo novo sobre um tópico que você domina
  • Mostre frases ou pensamentos de uma forma única
  • Escreva uma página em HTML com o seu monitor desligado
  • Crie uma experiência navegável apenas pelo teclado
  • Catalogue cada peça de roupa no seu guarda-roupa, planta no jardim ou tempero em sua cozinha, e faça uma coleção filtrável. O site deve lembrar dos últimos filtros usados pelo usuário
  • Ensine a uma criança as cores, números, letras e formas com um site interativo, acessível por toque
  • Escolha uma API no Programmable Web e faça algo com isso
  • Esolha um livro público e crie um site onde o usuário possa ler, fazer notas, destacar, etc.
  • Pense em uma pessoa na sua vida; contrua um site que ela amaria
  • ...agora construa um site que ela odiaria
  • Crie um trabalho completo usando emojis
  • Limite-se a uma paleta de preto e uma cor, ou branco e uma cor
  • Escolha outra restrição e crie uma arte web inspirado por ela

Top Contributors

estevanmaito alxaln