Como salvar imagens para web

(Previous posted on HE:Labs blog)

Já reparou quanto tempo leva para carregar uma página na internet nos dias de hoje? Você clica em um link e espera, espera mais um pouco, para então, o conteúdo aparecer. Pior ainda se feito pelo celular.

O tempo que uma página leva para carregar é uma característica que deve ser observada pelos desenvolvedores. Não importa se é uma página agradável e bonita se ela demora para funcionar. Imagens pesam mais, por isso, nesse artigo você vai aprender salvar no melhor formato para pesar menos na hora de carregá-las na sua página da web!

Use o melhor formato

Para imagens que contenham ilustrações ou ícones, use o formato PNG 8-bit ou GIF e reduza o número de cores na palheta de forma que não comprometa a qualidade. Alguns programas de edição, como o Photoshop, permitem você salvar imagens para web e ajustar diversas opções. Reduzir a paleta de cores de 256 para 32, diminuirá o tamanho do arquivo. Menos cores na imagem, menor o tamanho do arquivo.

image

Para imagens com detalhes, muito coloridas ou fotografias, use JPG ou PNG 24-bit. Eles ...

RescueTime: time management tool

(Previous posted by me on HE:Labs blog)

Meet RescueTime, a productivity tool that automatically keeps track of which window is “in focus” when you are on your computer, and logs what activity you are doing and for how long you are doing it.

This data is private and only you have access to it. I've been using RescueTime after the tip of an employer but neither he or other employers saw my activity log.

With your activity information the application segments between productive or distracting time, calculates a productivity score and present rich reports about it.

It is also possible to adjust settings of what is more productive or distracting to your occupation. After that extreme data analysis it may be easier to choose to stay offline on Facebook tomorrow.

What I found in August

Interesting projects I've seen past month:

The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.

ladda: UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing.

avgrund: A modal concept which aims to give a sense of depth between the page and modal layers.

meny: A three dimensional and space efficient menu. Move your mouse towards the arrow.

ZenPen is a web app for writing minimally.

Interesting JavaScript projects to use with Media Queries


  • Enquire.js is a library for programmatically responding to media queries. It provide JavaScript callbacks for media queries matching and unmatching.

  • Respond: Media Query polyfill for old browsers (IE 6-8, and more). It works by requesting a pristine copy of your CSS via AJAX and parsing the queries.

  • MediaClass adds and removes classnames to the document or individual elements when specified (Media) Query matches.

What I found in July

What I found in July ->

About Me