Você já ouviu o velho ditado, "A liberdade de expressão não é livre." Que se aplica à web design, bem como, a menos que você explorar os recursos livres mais úteis. Aqui está uma lista dos principais recursos gratuitos que você pode encontrar on-line para HTML5 e CSS3:
Free web hosting está disponível a partir 000webhost.com. Seus sites livres são ad-free, suporte a scripts do lado do servidor, e tem um registro de tempo de atividade razoavelmente confiável.
Você precisa livros (como HTML5 CSS3 For Dummies - para tomar um exemplo aleatório) para fornecer uma visão geral de como construir websites. Mas os recursos detalhados que suplementam esse conhecimento estão disponíveis on-line e o mais útil é W3schools.com.
Você pode construir um aplicativo Web poderosa, totalmente compatível com dispositivos móveis usando as ferramentas em jQuery mobile.
Enquanto no jQuery Mobile, veja livre, theming personalizado (estilos) de ThemeRoller.
Trouble-shoot e validar o seu código com as ferramentas do W3C. Verifique CSS na https://jigsaw.w3.org/css-validator/ e HTML no https://validator.w3.org/.
Gerar esquemas de cor livres em Kuler da Adobe.
Precisa de uma caixa de pesquisa confiável para o seu site, mas tem zero dólares em seu orçamento caixa de pesquisa? Usar FreeFind, o que cria caixas de pesquisa para o seu site, sem recurso ou venda de dados de quem procura o que em seu site.
Como cerca de um blog? Obter um em Blogger.
Finalmente, ajudar as pessoas a encontrá-lo com um Google mapa incorporado em seu site.
Ferramentas para a Preparação de HTML5 Vídeo para a Web
vídeo nativo que desempenha sem plug-ins (como o Windows Media Player ou o QuickTime Player) é um dos novos recursos mais interessantes em HTML5. Mas onde você obtém vídeo compatível com HTML5? Como você apresentá-la? Aqui estão algumas ferramentas para ajudar a resolver esses desafios:
Transforme seus arquivos de vídeo em Firefox-friendly Theora Ogg.
A Microsoft tem um bom tutorial sobre edifício javascript controla para vídeo nativo.
Quem pode manter o controle de lista em constante mudança dos quais navegadores suportam HTML5 que formatos de vídeo nativa? Responda a pessoas Wikipédia rastrear.
Um dos on-line (grátis) recursos mais valiosos para web design, deixe de vídeo na web por si só, é o Miro Video Converter. Você conecta a qualquer vídeo, e que produz formatos de vídeo HTML5-amigáveis.
Precisa testar seu vídeo em diferentes navegadores? o saucelab.com ferramentas não são livres, mas eles oferecem testes gratuitos que fornecem uma visualização do seu vídeo em qualquer dispositivo de um computador desktop Windows com IE 6 para a versão mais recente do sistema operacional do iPad.
Precisa fazer um pouco de edição em seu vídeo antes de publicá-la? Loopster tem ferramentas de edição de vídeo online grátis
YouTube e Vimeo vai acolher os seus vídeos grátis, mas para cerca de US $ 60 por ano, Vimeo oferece um serviço que hospeda seu vídeo e lhe dá controle total sobre quem pode vê-lo, e apresenta o vídeo sem qualquer anúncios ou promo material para vimeo.
Otimizar imagens com grandes áreas de cor sólida usando o formato GIF
Ao otimizar os gráficos que têm texto sobrepostos em uma imagem fotorrealista, você precisa criar fatias separadas para as áreas da imagem que são fotorrealista, bem como criar fatias adicionais para as áreas da imagem que contêm texto. Exportar as áreas que contêm texto utilizando o formato GIF, e exportar as áreas foto-realistas da imagem usando o formato JPEG. Aqui estão algumas dicas para ajudá-lo:
Para imagens JPEG de alta qualidade, use uma configuração de 70 qualidade ao exportar. Para imagens menores JPEG, você pode conviver com um cenário de 50 de qualidade.
Se você estiver criando uma galeria de fotos para um produto, ou para um fotógrafo, exportar as imagens no formato JPEG com uma configuração de 80 de qualidade.
Ao comprimir as imagens usando o formato JPEG, preste muita atenção para as bordas dos objetos na imagem. Quando você começar a ver pixels, ou as bordas não têm definição, você comprimido a imagem longe demais.
Ao exportar imagens usando o formato de arquivo GIF, use o menor número de cores que produz uma imagem nítida e você terá uma imagem de carregamento rápido.
Quando você resample imagens para sites, a resolução máxima que você precisa é de 72 pixels por polegada.
Sites com nenhum vídeo são cada vez mais raros. Vídeo está em toda parte na Internet: é usado para entretenimento, em anúncios e para promover estrelas do rock e outros artistas. Quando o vídeo é bem feito, é uma coisa de beleza. Aqui estão algumas coisas que você precisa considerar ao adicionar vídeo a uma página web:
Vídeo ocupa muita largura de banda. Se a largura de banda para um site for excedido, a carga pode ser bastante caro. Em vez de hospedagem de vídeo em um site, faça o upload para o YouTube, e depois incorporar o vídeo em uma página web ou blog.
Não violam leis de direitos autorais. Não copie vídeo a partir de outros sites, ou de outras pessoas vídeos do YouTube e usá-los em seu site.
Verifique a licença: Se você usar um vídeo de um fornecedor ou fabricante em um site comercial, certifique-se que você está coberto pelo fornecedor ou licença do fabricante.
Use uma câmara de vídeo de alta qualidade para gravar o vídeo: Não, um iPhone não é uma câmera de vídeo de alta qualidade. Se você codificar o vídeo de má qualidade para a web, você obtém vídeo de má qualidade. Lembre-se do velho axioma: Garbage in, garbage out.
Verifique se o site espectadores têm os plug-ins necessários para visualizar o vídeo.
Se você criar páginas HTML5 com vídeo, verifique se o público-alvo para o site usa os navegadores compatíveis com HTML5.
Não use transições quando você editar vários clips de vídeo para criar um vídeo para a web. transições de vídeo está ótimo em vídeo HD, mas não parece bom quando você codificar um vídeo para a web.