O trabalho híbrido cria tensão para TI e empregados

O que é Design Responsivo? O design responsivo é uma abordagem de design gráfica ui (GUI) usada para criar conteúdo que se adequa suavemente a vários tamanhos de ecrã. Os designers hoje em dia escalam elementos em unidades relativas (%) e aplicam consultas médias, para que os seus designs possam automaticamente adaptar-se ao espaço do navegador para garantir a consistência do conteúdo em diferentes dispositivos. Por que o design responsivo é tão popular? No início dos anos 2010, os designers tiveram de enfrentar um fenómeno histórico. Mas os utilizadores começavam a ver material web em dispositivos móveis do que em ambientes de trabalho. Havia duas soluções principais. Os designers podem criar múltiplas versões de um design e fazer com que cada um tenha dimensões fixas (uma abordagem chamada design adaptativo) ou, em alternativa, poderiam trabalhar num único design flexível que se estendesse ou encolhesse para se adaptar aos ecrãs (design responsivo). Empresas, organizações e designers acharam difícil ignorar os benefícios do design responsivo. Assim, em vez de trabalhar com unidades absolutas (por exemplo, pixels) em versões separadas, os designers eram livres de se concentrar em apenas um design e deixá-lo fluir como líquido para preencher todos os “espaços”. O design responsivo não é perfeito. No entanto, tem vantagens significativas e o seu apelo tem crescido constantemente. Bem como o número de software gratuito adaptado ao mesmo. O design responsivo tornou-se uma das características imperdíveis de muitas organizações (por exemplo, Google). O design responsivo tem três princípios fundamentais: Sistema fluído – Os elementos ocupam a mesma percentagem de espaço, não maior ou menor do que ecrãs (isto é, utilizadores que vêem desenhos em diferentes dispositivos). Isto significa que você escolhe onde os pixels devem aparecer e definir um tamanho de layout para que os elementos sejam dimensionado para cima ou para baixo de forma fixa. É mais fácil se usarmos uma grelha de CSS (Folhas de Estilo em Cascata) e um sistema gerador para basear o seu design (alguns estão disponíveis gratuitamente). Tudo o que tens de fazer é calcular o tamanho do alvo dividido por contexto, em percentagem. Esta é a largura máxima da sua funcionalidade de design dividida pela largura máxima do navegador dos utilizadores. Ao aplicar estas percentagens de recursos às propriedades exigidas nos scripts do CSS, terá um design único que se expande ou diminui de acordo com o tamanho dos ecrãs dos utilizadores. Uso de imagens fluidas – Ao contrário do texto, as imagens não são naturalmente fluidas. Isto significa que são iguais para o mesmo tamanho e configuração de ecrã de um dispositivo para outro. Um risco óbvio é que o seu design parece diferente em todos os dispositivos, uma vez que as imagens podem não se encaixar e, portanto, parecer desproporcionados a outros elementos. Para corrigir isto é necessário aplicar um comando CSS —: img {max-width: 100%;}  — para garantir que uma imagem seja reduzida a ecrãs menores. Para incluir muitas imagens, usamos outros comandos CSS.   Consultas de média – Estes são filtros que podemos usar para detetar as dimensões do dispositivo de navegação e fazer com que o seu design apareça corretamente. Com eles, você determina a quantidade de ecrã que um utilizador está a visualizar o seu design. Estes alterarão a disposição do site para satisfazer determinadas condições.  também pode incluí-los através de CSS, e os mais utilizados são min-largura, largura máxima, min-altura e altura máxima. Assim, com base na largura, altura, orientação, etc. de um ecrã, podemos especificar com precisão como o seu design será adaptado para diferentes utilizadores verem. Para isso pode escolher entre uma variedade de ferramentas como Bootstrap, H5P, Gomo e Elucidat. Portanto, nem sempre precisamos de ter experiência de programação.   Melhores Práticas e Considerações para Design Responsivo Com design responsivo, você pode projetar flexibilidade em todos os aspetos – imagens, texto e layouts. Então deve: Adote a abordagem de: “mobile first”: Aumente o design do tamanho de um dispositivo móvel para se adequar a ecrãs maiores. Lembre-se sempre que os utilizadores móveis precisam de botões grandes (> 40 pontos). Além disso, o seu design deve ser duas vezes mais intuitivo do que os equivalentes de ambiente de trabalho, uma vez que a necessidade de elementos de tamanho bem nos ecrãs mais pequenos pode causar cãibras e confusão. Crie grelhas e imagens fluidas: Crie imagens na sua dimensão nativa. Se não tiver espaço suficiente, corte-os para maximizar o impacto. Utilize apenas gráficos de vetores escaláveis (SVGs). Estes são um formato de ficheiro baseado em XML para gráficos 2D, que suporta interatividade e animações. Adicione três ou mais pontos de rutura (isto é, design para mais de 3 dispositivos). Priorize e esconda conteúdo para se adequar aos contextos dos utilizadores. Verifique a sua hierarquia visual e links de navegação progressiva para fornecer aos utilizadores os primeiros itens necessários. Mantenha itens secundários não essenciais (bons para ter). Aponte para o minimalismo. Aplicar padrões de design – Maximizar a facilidade de utilização dos utilizadores nos seus contextos e acelerar a sua familiaridade Procure acessibilidade com tamanhos/estilos de fonte. Use o contraste e o fundo de forma eficaz. Faça títulos pelo menos 1,6 vezes maiores do que o corpo do texto. Faça com que todo o texto responda de modo que apareça nestas proporções. Como alguns utilizadores confiam nos leitores de ecrã, tornam todo o seu texto “real” em vez de texto dentro das imagens. No geral, o design responsivo é uma abordagem poderosa e rentável, mas a sua natureza “fácil” é enganadora. Deve usá-lo com cuidado, para obter os resultados que espera.

As cinco principais Vulnerabilidades que os atacantes usam contra navegadores Os navegadores da Web são o alvo principal de muitos atacantes, porque muitos dados sensíveis passam por eles. Desde compras casuais a sistemas de gestão empresarial e operações militares, os navegadores tornaram-se o principal veículo que as pessoas utilizam para aceder a sistemas ligados à rede. Infelizmente, os navegadores têm um longo e armazenado historial de vulnerabilidades que proporcionaram aos atacantes um fornecimento lucrativo e quase inútil de vítimas, sobre as quais se podem abastecer. Aqui estão as vulnerabilidades de segurança mais comuns dos navegadores da web a ter em conta: – Exploits de execução de código no navegador – Exploits de execução de código em plug-ins – Ameaças Persistentes Avançadas – Ataques Man-in-the-Middle (“homem no meio”) – Envenenamento DNS – Injeção SQL – Script entre sites   Exploits de execução de código no navegador Este é o tipo mais notório, e também o mais raro. Ocasionalmente, os invasores descobrem uma vulnerabilidade no próprio navegador que permite a execução de código binário arbitrário quando um utilizador simplesmente visita um site comprometido. Os navegadores são peças complexas de maquinaria com muitos subsistemas (renderização HTML, JavaScript, CSS, analisadores de imagem etc.), e um pequeno erro de codificação em qualquer um desses sistemas pode oferecer código malicioso suficiente para ser executado. A partir daí, o código malicioso tem muitas opções – baixar outros pacotes maliciosos, roubar dados confidenciais e enviá-los para servidores no exterior ou aguardar silenciosamente por mais instruções do invasor. O invasor nem precisa comprometer um site legítimo para hospedar um ataque desse tipo — redes de publicidade têm sido usadas para distribuir código malicioso em sites seguros.   Como evitar: Ative as atualizações automáticas no navegador de sua preferência. Esse tipo de vulnerabilidade geralmente é corrigido rapidamente pelo navegador ou fornecedor do sistema operativo, portanto, os invasores têm uma janela muito curta para usá-lo em sistemas totalmente atualizados.   Exploits de execução de código em plug-ins Plug-ins são provavelmente o vetor mais conhecido para downloads drive-by (ataques que baixam silenciosamente e executam código nativo em seu sistema). Do Flash ao Java, até mesmo plug-ins de fornecedores grandes e respeitáveis ​​tiveram vulnerabilidades usadas repetidamente em ataques de malware. Assim como as explorações de navegador, os fornecedores geralmente corrigem vulnerabilidades desse tipo em pouco tempo, mas as cópias desatualizadas de plug-ins de navegador superam em muito as atualizadas.   Como evitar: Mantenha seus plug-ins atualizados e desinstale plug-ins e extensões que você não usa. Os navegadores estão melhorando em alertar os usuários sobre plug-ins desatualizados, portanto, não ignore os avisos.   Ameaças Persistentes Avançadas Ameaças persistentes avançadas (APTs) instalam silenciosamente códigos maliciosos em um utilizador final e em seguida, roubam dados (teclas pressionadas, capturas de ecrã, atividade do navegador) ou até mesmo modificam o que o utilizador vê em seu navegador, às vezes passando despercebido por anos. Esses ataques usam uma infinidade de métodos para fazer com que os utilizadores os instalem, muitos não relacionados ao navegador, por exemplo, por meio de uma pen drive infetada ou um anexo de e-mail hostil. Mas como muitas interações confidenciais ocorrem por meio do navegador, a maioria desses tipos de ataques prioriza o roubo de dados do navegador.   Maneiras de evitar: Instale um bom produto antivírus e não utilize pen drives aleatórias, não abra anexos de e-mail suspeitos ou visite sites cheios de spam no seu computador. Além disso, evite redes Wi-Fi públicas o máximo possível, pois os invasores por vezes podem aceder ás máquinas por meio delas.   Ataques Man-in-the-Middle (“homem no meio”) Um invasor que tenha acesso a qualquer ponto em uma conexão de rede entre um utilizador e sites confidenciais (um “homem no meio”) tem a oportunidade de observar e modificar o tráfego conforme ele passa entre o navegador e os servidores web. Sites que usam TLS (sites cujos endereços começam com “https”) ajudam a evitar isso, porque um invasor desse tipo tem muita dificuldade em falsificar o certificado criptográfico usado pelo servidor para se autenticar no navegador. No entanto, os invasores sabem que muitos utilizadores foram condicionados a apenas clicar nos avisos quando eles aparecem e, portanto, podem usar um certificado inválido/falsificado e, em muitos casos, os utilizadores ignorarão os avisos do navegador.   Maneiras de evitar: Não ignore os avisos do navegador. Em caso de dúvida, tente uma máquina ou uma conexão de internet diferente, ou apenas espere para realizar sua transação confidencial mais tarde. As empresas devem instalar um certificado SSL em seu site para proteger os utilizadores.   Envenenamento DNS Os invasores podem envenenar o sistema DNS (pense nisso como uma lista de contatos que seu navegador usa para localizar o endereço IP de um site pelo nome) em várias maneiras diferentes. Sua máquina armazena em cache as entradas DNS e os invasores podem envenenar esse cache. Um ficheiro na sua máquina pode ser modificado para substituir servidores DNS para determinados endereços da Web, e pessoas mal-intencionados podem até comprometer os próprios servidores DNS e forçá-los a fornecer endereços IP maus para sites respeitáveis. Quando o ataque estiver em vigor, seu navegador entrará em contato com o servidor do invasor em vez do servidor legítimo de qualquer site direcionado. Ataques como esse geralmente visam bancos e outras instituições financeiras, enganando os usuários por tempo suficiente para que eles desistam das credenciais da conta, que são usadas para esvaziar suas contas.   Maneiras de evitar: Sempre que procura por “https” no início do endereço do site ao visitar um site sensível para fazer transações financeiras e (novamente) não ignore os avisos do navegador. Os invasores que envenenaram suas pesquisas de DNS ainda não podem falsificar os certificados usados ​​para TLS, portanto, em muitos casos, eles usarão um endereço não-TLS (“http://…”) e esperam que os usuários não percebam.   Injeção SQL As injeções SQL têm sido um problema conhecido há mais de 10 anos, com o The Open Web Application Security Project (OWASP) a mantê-lo no topo da sua lista das 10 principais ameaças. Utilizando uma injeção SQL,

O que é um Favicon? Já deve ter reparado que os websites têm pequenos ícones que aparecem nos separadores do seu navegador. Estes ícones facilitam a identificação visual de um sítio web. São pequenos logótipos para o sítio web. Na verdade, há um termo especial para estes ícones – “favicon”. Alguns outros nomes para “favicon” incluem “ícone de atalho”, “ícone de website”, “ícone de separador”, “ícone de URL”, ou “ícone de marcador de página”. Contudo, o termo original era “favicon” e este é o que a maioria das pessoas ainda usa hoje em dia. Vamos dar uma vista de olhos mais atenta a estes pequenos ícones. Favorite + Icon O termo “favicon” é uma mistura de duas palavras – “favorito” e “ícone”. O nome é derivado de como estes ícones foram originalmente utilizados. Favicons apareceram pela primeira vez no Internet Explorer 5 em 1999 e foram mostrados nos “Favoritos” na barra de endereços. Ao contrário de muitos termos que misturam duas palavras, o termo “favicon” não foi criado organicamente como estenografia. Foi o nome real do ficheiro que foi encontrado no diretório raiz do website. Qualquer ficheiro que fosse guardado como favicon.ico apareceria como o favicon para o sítio web. Os Favicons e a Web Moderna Os Favicons ainda estão vivos e de boa saúde nos navegadores webs de hoje em dia. Aparecem em separadores, favoritos, barras de favoritos, e também os pode encontrar em navegadores móveis. Não foi muito depois da introdução dos favicons em 1999 que eles se tornaram estandardizados pelo World Wide Web Consortium. Antigamente, os proprietários de websites podiam estimar quantas pessoas tinham marcado uma página pelo número de pedidos de favicon. Hoje em dia, isso não é possível, uma vez que o favicon é carregado para cada página, independentemente de estar marcado. Os favicons modernos são muito mais robustos. Não se limitam apenas aos ficheiros ICO. Os websites podem utilizar PNG, GIF (alguns até animados), JPEG, SVG e APNG. É comum que os favicons coincidam com as fotografias do perfil do sítio web e ícones de aplicações móveis. Eles são uma componente chave da identidade visual da marca. Contudo, decide pronunciá-lo – “fave-icon” ou “favicon”?- estes pequenos ícones servem um propósito simples, mas importante. Sem eles, a web seria menos apelativa visualmente. Treinamo-nos para associar certas cores, formas e letras aos seus sítios web. Tudo isto graças ao humilde favicon. Se deseja ampliar esta informação o alterar/criar um favicon para o seu site não hesite em entrar em contacto connosco.