01#DevelopmentCrie para a web, tendo o navegador como ponto de partidaUm caminho prático através de fundamentos da web, cursos focados, compatibilidade de navegador e implementação acessível.
Os frameworks tornam muitas coisas convenientes, mas o navegador ainda decide como uma página se comporta. Uma base em HTML, CSS, JavaScript e acessibilidade torna as ferramentas desconhecidas menos misteriosas. Essas referências funcionam bem junto com um projeto pequeno que o leitor pode inspecionar, alterar e interromper com segurança.
Tente isso primeiro
Crie uma pequena…4 ligações12 publicações
Trabalho digital: compreender, criar e finalizar
Comece pelos navegadores e HTTP, avance para CSS e design acessível e termine com ferramentas para concentração, texto, imagens e revisão de documentos antes do envio.
- 01#DevelopmentCrie para a web, tendo o navegador como ponto de partidaUm caminho prático através de fundamentos da web, cursos focados, compatibilidade de navegador e implementação acessível.
Os frameworks tornam muitas coisas convenientes, mas o navegador ainda decide como uma página se comporta. Uma base em HTML, CSS, JavaScript e acessibilidade torna as ferramentas desconhecidas menos misteriosas. Essas referências funcionam bem junto com um projeto pequeno que o leitor pode inspecionar, alterar e interromper com segurança.
Tente isso primeiro
Crie uma pequena…4 ligações
02#DevelopmentLeia uma troca HTTP antes de culpar a estruturaUma explicação, uma referência e um serviço de teste de solicitação para entender o que um navegador envia e um servidor retorna.3 ligações
03#DevelopmentFaça um layout CSS sobreviver ao conteúdo realQuatro coleções de explicações CSS para entender as restrições de layout, dimensionamento resiliente e os casos estranhos que uma maquete perfeita pode esconder.4 ligações
04#DevelopmentUm ambiente de trabalho de depuração para uma página que parece lentaDocumentação do navegador e referências de desempenho para transformar “isso parece lento” em uma observação reproduzível e em uma próxima etapa focada.4 ligações
05#DesignReferências de design para decisões que precisam de um motivoVá além da inspiração visual com uma pequena estante com pesquisas de usabilidade, orientações sobre acessibilidade, princípios de interação e aulas de tipografia.
Uma bela referência pode mostrar a aparência de uma ecrã sem explicar por que ela funciona. Quando uma revisão de projeto se transforma em uma disputa de preferências, é útil ter fontes que tornem a decisão discutível. Esta coleção vai desde o comportamento do utilizador até o acesso, a interação e os detalhes da leitura.
Tente isso…4 ligações
06#DesignLeia o raciocínio por trás de um componente do sistema de designQuatro referências públicas para estudar componentes como decisões sobre conteúdo, comportamento e acesso, em vez de uma galeria de controles atraentes.4 ligações
07#DesignJulgue a tipografia com um parágrafo, não com o nome da fonteOrientação prática, uma ferramenta de escala de tipos, uma família orientada para a ecrã e um ficheiro do mundo real para testar como o texto realmente é lido.4 ligações
08#DesignTeste um par de cores onde as pessoas realmente leiamVerificadores de contraste e comparações visuais para avaliar texto e cores da interface além de uma visualização da paleta.3 ligações
09#ProductivityUm pequeno kit de ferramentas para trabalhos que precisam de sua atençãoUm cronômetro, uma ecrã de desenho, um pacote de escritório e um caderno: quatro ferramentas com funções distintas e uma maneira simples de experimentá-las.
Um novo sistema de produtividade pode exigir mais atenção do que o trabalho que deveria apoiar. Esta coleção mantém as funções deliberadamente separadas: abrir espaço para uma tarefa, esboçar a ideia, produzir o documento e deixar uma nota para a próxima vez. Você não precisa adotar todos os quatro.
Tente isso primeiro
Escolha o ponto onde…4 ligações
10#ProductivityUma pequena bancada para texto que precisa de um formato diferenteTrês ferramentas para inspecionar texto estruturado, aplicar uma transformação repetível e verificar o resultado antes de usá-lo em outro lugar.3 ligações
11#ProductivityUma pequena bancada para imagens direcionadas para a webUm kit de ferramentas de imagem focado para editar uma fonte, comparar compactação, limpar SVG e verificar uma pequena animação.4 ligações
12#ProductivityUm pequeno kit de ferramentas para a última passagem antes de enviar um documentoFerramentas de montagem de PDF, comparação de texto e revisão de escrita para verificar o ficheiro que outra pessoa realmente receberá.4 ligações
