Se você é aprendiz ou desenvolvedor front, UX/UI designer ou apenas um curioso sobre o tema, gostaríamos de compartilhar com você tecnologias atuais em front-end que estamos aplicando em nossos projetos e estão turbinando nossos softwares de alta performance. Provavelmente você deve conhecer alguns desses sujeitos, vamos lá:

Para os vaidosos: SCSS

Ao invés de escrever em cada página os códigos de cor, tamanho ou fonte definidos no layout pelo designer, programadores criam um “código de estilo de página” para melhor gerenciar as configurações do layout.

O SCSS é uma linguagem de programação de estilos capaz de gerar um código de estilo mais compacto e leve, impactando na velocidade do carregamento inicial das páginas de um projeto. Páginas carregadas na velocidade da luz deixam usuários mais felizes e dispostos a acessá-las novamente.

Para os ambiciosos: Vanilla Javascript

Javascript é uma linguagem de programação utilizada para que as respostas aos comandos do usuário possam ser processadas com mais velocidade, sem que o comando tenha que passar pelo servidor primeiro.

Literalmente, o termo “vanilla” se refere a tecnologia pura e melhor utilizada, na qual não é necessário que o Javascript passe por plugins e frameworks para processar comandos. O mesmo processa de forma nativa e mais eficiente, diminuindo travamentos na página e o tempo de resposta às ações do usuário.

Para os perfeccionistas: Pré-processadores (Gulp)

Gulp é uma ferramenta de automatização que faz leitura das páginas de códigos. É capaz de analisar erros, eliminar estilos desnecessários, compactar arquivos e automatizar tarefas. Isso faz com que o tamanho dos arquivos do site (CSS e Javascript) fiquem até 90% menores, diminuindo o tempo de resposta às ações, ganhando ainda mais performance.

Para os desapegados: Processadores de imagens

Ferramenta capaz de remover toda a informação desnecessária para a visualização de imagens, proporcionando uma redução de até 80% no tamanho dos arquivos, sem afetar a qualidade dos mesmos.

Para os moderninhos: Mobile first

Nossos softwares são desenvolvidos para se adaptarem na melhor performance da infraestrutura de cada dispositivo que pode acessá-lo. São planejados e desenvolvidos com prioridade na navegação mobile, atendendo desde dispoistivos mais simples (smartphones baratos) com o mínimo de recursos, aumentando gradativamente até os dispositivos de maior capacidade (iMac de 27” Retina Limited Edition, por exemplo).

Para todos os gostos: Source Set

Geralmente imagens da web sempre são carregadas na sua resolução máxima. Pensando em dispositivos mobile (telas pequenas) e de alta resolução (telas retina e afins), o recurso Source Set é capaz de carregar a imagem de acordo com a resolução específica do dispositivo que o usuário está utilizando.

Dessa forma, se o usuário acessar o site utilizando um smartphone, as imagens em alta definição tornam-se mais leves. Se o acesso for via desktop, em uma tela de alta definição, as imagens são carregadas em seu tamanho original em alta definição. Se uma imagem vale mais que mil palavras, ela nunca pode falhar.

Somos apaixonados e famintos por tecnologias novas e queremos compartilhar com você tudo o que está dando certo no mercado nacional. Conte conosco para apimentar cada vez mais os seus conhecimentos.

“A mente que se abre a uma nova ideia, jamais voltará ao seu tamanho original” Albert Einstein.