dica: Monitorar seu site (grátis)

Dica do meu amigo Gustavo Valle:

Dica quente:
Quer monitorar seu site, saber quando e quanto tempo o mesmo ficou offline?
Ter o downtime dele em uma console com gráficos e o melhor….. DE GRÁTIS ?

Segue este monitor de sites free

PINGDOM

https://www.pingdom.com/

Ele tem 2 planos, Business e Basic que são pagos, como recursos a mais, que o plano Free.

A partir daí é só criar uma conta, cadastrar seu site e explorar o Dashboard e os Reports.

Algumas telas:

PD1PD2PD3

Ia me esquecendo: Ele envia alertas por SMS, email, social medias…

Enjoy!

Como redimensionar automaticamente fotos

Imagens digitais, gráficos detalhados, e screenshots de alta qualidade, todos tem algo em comum: Grandes resoluções e tamanhos de arquivos. Normalmente ao compartilhar estes arquivos você tem que utilizar aplicativos de terceiros para diminuir seu tamanho e facilitar o envio. Um software bem prático para realizar esta tarefa é o Robosizer.

Robosizer

Robosizer permmite redimensionar automaticamente as imagens que você irá fazer o upload. Você pode especificar quais os formatos de arquivo deverão ser tratados. Você pode escolher entre JPG, BMP, TGA e PNG. A qualidade de imagem e sua resolução também podem ser definidos por você.

O aplicativo permanece em segundo plano monitorando automaticamente os arquivos que você seleciona por meio de navegadores ou outros aplicativos como Skype. A imagem a ser enviada é interceptada e é redimensionada e para ai então seguir seu curso normalmente. A cada imagem que foi redimensionada você recebe uma notificação através de um ícone na bandeja do sistema. Veja o vídeo de demonstração:

Fonte:UltimoClick

Limpe seu código HTML e agilize suas páginas

Os fatores que podem influenciar na velocidade do carregamento de seus sites vão desde o tamanho das imagens (normalmente é o principal culpado pelo carregamento mais lento das páginas), como até mesmo o tamanho do seu arquivo HTML.

Se você é um programador web experiente, provavelmente não terá este tipo de problema, pois já deve realizar suas codificações tomando cuidado para que seu código esteja sempre mais enxuto. Mas há quem não domine totalmente a programação HTML e utilize editores de HTML que, sem sombra de dúvidas, são ótimos e eficientes para agilizar nosso trabalho, mas muitas vezes incluem em nossas páginas códigos repetidos, excesso de comentários, entre outros detalhes que irão aumentar consideravelmente o tamanho do seu arquivo.

Para lhes ajudar nesta tarefa de “exugar” sua página descobri o HTML minifier, ele possui um editor de html online que limpa todo seu arquivo deixando ele com o menor tamanho possível, você pode configurá-lo para remover:

  • Comentários.
  • Comentários dentro de scripts e estilos.
  • Espaços em branco redundantes.
  • Atributos e valores redundantes.
  • TAGs opcionais.
  • Etc.

Basta copiar seu HTML , colar no editor, selecionar as opções à direita e clicar em “Minify”, para ter seu código limpinho! Após terminar ele lhe apresenta um resumo comparando o tamanho do arquivo antes e após a limpeza, confira!

editor_html

Fonte:Ultimoclick

Removendo espinhas usando o Photoshop


espinha1 Removendo espinhas usando o Photoshop(Foto: Flickr/Ian B. Line)

Sabemos que existem vários editores de imagem e fotografia, mas quem usa Photoshop, sabe que fazer edições com qualidade, é só com Photoshop e sem mais. Um ótimo programa, completo que permite fazer qualquer alteração em imagens, deixa-las mais claras, escuras, com mais cor ou sem nenhuma cor etc.

Do mesmo jeito que o Photoshop é uma coisa que todo mundo deve ter, a espinha é uma coisa que quase todo mundo tem (e que em muitos casos faz companhia para a pessoa por vários anos). Mas Ricardo, eu sou iniciante nisso tudo, quase não sei usar o Photoshop e acho que é uma coisa somente para profissionais, o que eu faço?  – Primeiro deves saber que este post vai te ensinar pelo menos como fazer esta edição em sua fotografia. Segundo, se você ficar sempre de olho no InfoManiaco vai sempre encontrar dicas para aperfeiçoar suas técnicas de edição. Agora por terceiro e ultimo, usar o Photoshop é uma coisa que todo mundo pode fazer, basta colocar tudo em prática, e lógico, dar aquela fuçada no programa inteiro pra descobrir as coisas.

Se você não tiver o programa instalado em seu computador, faça o download do mesmo clicando AQUI.

Mas vamos logo ao que interessa:

 Removendo espinhas usando o PhotoshopFoto: TechTudo

1- abra sua foto no Photoshop

2- Com a foto aberta, selecione a ferramenta “Healing Brush Tool”

 

3- Clique em “Brush” e deslize o cursor da barra “Diameter” até que o círculo envolva as espinhas.

4-Pressione a tecla “Alt” e clique em uma área limpa da pele, próxima a espinha que será removida.

5- Clique com o botão esquerdo do mouse sobre a espinha ou clique e arraste o cursor pela região da pele com as espinhas.

Agora veja o resultado: espinha fim Removendo espinhas usando o Photoshop

Agora chega de preocupações em comer chocolate, ou qualquer outro tipo de coisa que as pessoas dizem poraí que dá espinha, mas é claro, você será a partir de agora uma pessoa que nao se preocupa com espinhas caso só fique em casa, porque quando for pra escola ou sair para algum lugar, ai já terá que apelas para maquiagem rsrs.

Lembrando que: quando você for salvar a sua imagem que está editada sempre salve como um arquivo novo, pois se salvar em cima da outra foto de já existia você irá substituí-la, para que você preserve a foto atual permitindo algumas edições futuras.

Fonte:Infomaniaco

Galeria de efeitos em SilverLight

Vi pelo blog do meu colega Richard, uma dica do  Eder Costa, sobre efeito Deep Zoom no silverlight, entrando no link acabei vendo que tem bastante efeitos bacanas feitos em silverlight lá. Achei interessante e resolvi compartilhar aqui com vcs

LINK: http://samples.msdn.microsoft.com/silverlight/samplebrowser/#/?sref=HomePage

Tem um outro site q achei, que tem uns efeitos maneirissimos tbm, mais quando forem abrir, utilizem o Internet Explorer ok!

Link: http://demo.componentone.com/silverlight/controlexplorer/#Bitmap/Crop

Curso gratuito de Javascript

Para quem está começando no mundo do desenvolvimento web, já deve saber que é praticamente essencial saber a linguagem Javascript.  Javascript é uma linguagem de programação muito interessante, pois é a mais famosa a ser interpretada em client-side, ou seja pelo navegador.

 

Com a linguagem é possível fazer desde cadastros no banco de dados, a parte de animações para web. Com a linguagem você consegue fazer joguinhos para web e animações dinâmicas. Foi concebida para ser uma linguagem script com orientação a objetos baseada em protótipos, tipagem fraca e dinâmica e funções de primeira classe.

Apesar de seu nome a linguagem não tem ligação nenhuma a linguagem Java. A linguagem Javascript suporta todas as sintaxes de programação da linguagem C (while,swicth, if,etc.). A linguagem é a grande tendência da web 2.0, é cada vez mais vem substituindo o flash. O curso visa explorar as diferentes ferramentas fornecidas pelo JavaScript, explorando desde suas características básicas de programação como ainda objetos mais avançados fornecidos por esta linguagem, nos mais diferentes navegadores. Começamos por explorar os conceitos básicos e vamos avançando gradativamente, sempre respeitando a curva de aprendizagem do aluno e ainda a complexidade das ferramentas estudadas, visando sempre um embasamento correto para que o que aprendermos não se perca com o tempo ou ainda fiquemos sem saber onde procurar a solução desejada, caso venhamos a precisar.

Então não perca tem po e faça o curso! Além do mais é gratuito: http://migre.me/3ZH5D

O curso é oferecido pelo grupo Devmedia.

Fonte: Infomaniaco

Melhorando as imagens com efeito quadriculado

Como resolver esse tipo de problema com as imagens???

Nos filmes e seriados, esse problema é rapidamente solucionado, parece ate mágica. O que seria de Jack Bauer, sem uma ferramenta mágicas dessas?

A realidade e bem diferente, o trabalho pra se conseguir alterar a resolução de uma imagem é de grande complexidade. É preciso paciência e muita experiência com o Photoshop.

E é justamente com o Photoshop que vou ensinar como resolver definitivamente esse problema, de uma forma bem simples. Eu não sou lá um expert em Photoshop, mas consigo tirar um bom proveito dessa ferramenta ainda mais com a ajudinha de alguns filtros e plugins.

A dica é justamente essa, existe um plugin ( totalmete gratuito) que torma essa tarefa mais simples do que a aplicação de qualquer efeito no Photoshop. O SimillaEnlarger , é um plugin que utiliza um algoritmo especial pra suavizar as bordas das imagens ( acabei me lembrando das aulas de Processamento de Imagens que tive, viva ao R).

O funcionamento do SimillaEnlager é bastante simples. A primeira coisa a fazer é arrastar a imagem que deseja redimensionar o espaço certo, e em seguida, especifique o novo tamanho da Dimensões de saída. Fique a vontade pra testar todas as configurações possíveis e qualquer momento você pode clicar em Preview para ver o resultado. Assim que estiver pronto, clique em ampliar e em Salvar para salvar a sua criação.

Não espere um resultado perfeito, pois essa aplicação ma aplicação que recebe menos perda de qualidade ao redimensionar as imagens.

Que pena que 24 Horas acabou, com essa ferramenta dava pra conseguir trabalho fácil na UCT

Link: SimillaEnlarger

FONTE

Curso de WebDesigner: Criando Sites

UCA_1261516064

Web designer é o profissional competente para a elaboração do projeto estético e funcional de um web site. Para o desenvolvimento de websites esse profissional deve ter a compreensão da aplicação em mídia eletrônica de disciplinas como: Teoria das cores, Tipografia, Arquitetura de informação, Semiótica, Usabilidade, e Conhecimento de Linguagens de Estruturação e Formatação de Documentos hiper textuais como XHTML (Extensible Hypertext Markup Language) e CSS(Cascade Style Sheet).

Para a aplicação desse conhecimento, de forma geral, o Web Designer recorre a softwares de tratamento e edição de imagens, desenho e codificadores.

Aqui você irá encontrar vídeos do Curso Webdesigner, criação de Sites com HTML, DHTML, javas cript e CSS + Dreamweaver cs4.São 147 videoaulas, 2 dvd’s, 8 gigabytes, totalmente em português.

  • Tamanho: 8 GB
  • Idioma: Português
  • Formato: SWF/AVI
  • Download

Parte 1- Megaupload

Parte 2- Megaupload

FONTE

Aula de PHP e Dreamweaver com videos

By Diego Piffaretti
Logo PHP

Pra você que quer aprender um pouco de PHP com o Dreamweaver e não sabe nem como começar, estas aulas irão te ajudar demais, são 10 capítulos  que abordam o basico de PHP, depois ensinando a fazer uma conexão com banco de dados, formulários, página de login e senha e muito mais.

É ótimo para iniciantes, vale a pena baixar!

Clique aqui para baixar

Curso Online de Photoshop CS3 gratuito

Curso Online de Photoshop Grátis – Aproveite Já

Curso Online de Photoshop Grátis está disponível para os iniciantes que desejam o máximo de uma das mais poderosas ferramentas de edição de imagens do mercado o Photoshop com esse curso online você será capaz de fazer lindas montagens de fotos, ou retirar olhos vermelhos de fotos tudo isso sozinho.

Curso de Photoshop Grátis é raro, por isso aproveite sem moderação estude bastante, pois assim será capaz de fazer montagens em fotos sem contar que poderá fazer scraps para Orkut sozinho.

Outra vantagem deste curso de Photoshop grátis e que ele é em português, o que torna sua vida ainda mais fácil, basta apenas seguir os passos indicados que você terá total capacidade de utilizar o Photoshop CS3.

Confira abaixo o link para as vídeo aulas de Photoshop.

Clique aqui e faça seu curso de Photoshop