Responsive Slideshows

Postado por: Pedro Rogério em
Responside Design

Responsive Design é um conceito que visa apresentar a informação de forma confortável e acessível para qualquer dispositivo, ou seja, você pode acessar um site no PC e o mesmo no iPhone, por exemplo, onde a marcação HTML continua a mesma, mas através do CSS são feitas adaptações no layout que tornam sua navegação confortável. No momento não vou entrar muito em detalhes sobre esse assunto, só queria deixar aqui o conceito para aqueles que desconhecem essa técnica.

Continuar lendo »

Edite imagens com PHP usando comandos CSS

Postado por: Anderson Custódio de Oliveira em

Com o Pic (PHP, IMG and CSS) você pode editar imagens usando comandos CSS de uma forma simples e rápida, vamos para alguns exemplos.

Vamos pegar uma imagem diminui-la 50% transforma-la em desenho e salvar no servidor em seguida aproveitando a imagem na memória irei criar um thumbnail de 128x128px e salva-lo com um nome diferente.

Continuar lendo »

Construíndo Web Sites de Alta Performance

Postado por: Pedro Rogério em

Segundo Steve Souders, um desenvolvedor do Google e e autor do livro “High Performance Web Sites” na maioria das páginas web, o lado do servidor corresponde a menos que 10 a 20% do tempo de resposta ao usuário. Portanto devemos nos focar nos outro 80 a 90% de tempo de resposta, que é do lado cliente (frontend).

Dentre os 80 a 90% de tempo de resposta, o carregamento do HTML fica a cargo de 10%, o restante do tempo os responsáveis são o CSS, JavaScript, imagens onde a maioria do tempo é gasto fazendo o download desses componentes que ainda não foram cacheados no browser. Com base nisso, Luiz Tanure acabou criando uma apresentação que ilustra os cuidados que você deve tomar no dia-a-dia no desenvolvimento web para tirar o máximo proveito das aplicações web. Aconselho você a vêla em tela cheia:

Vídeo (Objeto multimídia)
Páginas:1234567...27»