12 wpisów

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.

Wybór: moalier.picks Udostępnij

1. 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 linki
2. 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 linki
3. 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 linki
4. 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 linki
5. 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 linki
6. 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 linki
7. 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 linki
8. 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 linki
9. 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 linki
10. 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 linki
11. 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 linki
12. 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 linki

Zobacz profil