Listar Arquivos de uma pasta usando PHP

Essa é uma questão comum entre os iniciantes em PHP (ou não), como listar os arquivos de uma pasta? Mais …. como listar os arquivos recursivamente? Mas, o que quer dizer recursivamente mesmo? … Significa listar os arquivos da pasta raiz e suas subpastas. Bem … abaixo está o vídeo do David CHC, as vídeo-aulas dele são óóótimas, muito bem explicadas. recomendo!

Nesse vídeo você verá:

  • Uso de SPL (conjunto de classes e interfaces)
  • Listar os arquivos de uma pasta específica
  • Listar os arquivos de uma pasta e suas subpastas
  • Listar somente as pastas

Como fazer um efeito realista de sombra no Photoshop

Ícone Photoshop CS4Esse é um efeito fácil e rápido de fazer, mas o resultado é muito bom! Tomei como base outro tutorial que vi pela web (como qualquer coisa que circula na rede … hehehe), porém com algumas modificações. ;)

Isso é o que faremos:

E esse é o efeito final:

1) Abra sua imagem e dê um espaço nas laterais para que possamos trabalhar

tela do photoshop - passo1

2) Na janela de controle de camadas, pressione o CTRL (Control) e clique na miniatura da camada para selecionar a imagem

3) Agora Crie uma Nova Camada e “Desligue” (clicando no ícone do “olho” na camada) a camada da foto para podermos visualizar melhor a sombra que iremos criar

4) E usando a seleção criada no passo 2, preencha-a com a cor preta

5) “Ligue” novamente a camada da foto, desfaça a seleção (CTRL + D),  selecione a sombra que criamos e com a ferramenta seleção desloque-a para a direita e para baixo

6) Na janela de controle de camadas, selecione a camada da sombra, vá no menu:  Editar > Transformação > Deformar (ou em inglês: Edit > Transform > Warp)

Arraste as alças no sentido da imagem abaixo:

Imagem passo 6A

Deixando-a assim, então clique na tecla <Enter> para confirmar:

Imagem Passo 6B

7) Ainda com a camada da sombra selecionada, diminua sua opacidade para 60%

Imagem Passo 7A

Imagem Passo 7B

8 ) Agora vá no menu:  filtro > Desfoque > Desfoque Gaussiano (ou em inglês:  Filter > Blur > Gaussian Blur) e aplique um desfoque com um raio de 2 pixels

Imagem passo 8

9) Agora insira no background uma textura de cortiça para destacar a imagem com a sombra

Imagem Passo 9

10) E para dar um toque final, adicione os brilhos nos cantos e vire um pouquinho a foto, só para dar um “chalme” ;)

Imagem Passo final

Clique aqui e baixe o arquivo PSD feito no tutorial

O que é um favicon e como fazer um?

Barra de endereços do navegadorFavicon são aqueles ícones que ficam na barra de endereços do seu navegador, nas abas e também nos seus favoritos, eles servem para identificar, e claro, dar uma identidade ao seu site.  Nesse tutorial vou ensinar como fazer um favicon usando uma ferramenta online.

É muito fácil fazer um favicon, você pode usar qualquer dimensão de imagem, mas é preferível que se use uma com dimensões quadradas, pois como é mostrado na imagem acima, o espaço é melhor aproveitado quando a imagem é quadrada.

Então, mão na massa!

1) Escolha a imagem que quer usar para seu favicon. No meu caso usei parte da imagem do meu logotipo:

Modelo favicon

Caso precise de alguma inspiração para criar seu favicon, dê uma olhada nos links abaixo:

Smashing Magazine 1

Smashing Magazine 2

2) Acesse o site Dynamic Drive:

Logo Site dynamic Drive

3) Clique em “Selecionar arquivo” e selecione a imagem que você escolheu

Campo selecionar arquivo

4) Clique em “Create Icon”, será exibido um preview do seu ícone com um botão de download logo abaixo. Ccaso estiver tudo certo, clique nele e baixe seu favicon (Difícil, né?! hehehe …)

preview do favicon

OK, mas como “instalo” isso no meu site?

Primeiramente coloque o arquivo favicon.ico na raiz do seu site, onde se encontra o index. html ou index. php. No caso do Joomla ou WordPress, coloque-o junto do index.php do template que está usando.

Insira a linha abaixo na <head> do seu site:


<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Ficando da seguinte maneira:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nome do site</title>

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>

 

OBS.:  O favicon não irá aparecer imediatamente no seu site, seja paciente

Como descompactar arquivos maiores de 4gb?

Você já se deparou com a situação em que tentou descompactar um arquivo maior de 4 GB e seu programa disse que não há espaço em disco suficiente?

como descompactar arquivos maiores que 4gb

Isso acontece porque o seu sistema de arquivos provavelmente é FAT32, ele tem uma limitação de tamanho de arquivo de 4 Gb (embora isso pareça muito, arquivos de vídeo podem facilmente superar este tamanho).

O Sistema de arquivos FAT32 é basicamente uma evolução do FAT convencional (também conhecido como FAT16),  sua primeira versão foi desenvolvida em 1980, para atender às necessidades daquela época.

Então o que fazer?

Nesse caso não tem jeito, você deverá criar uma partição em seu HD e formatá-la usando o sistema de arquivos NTFS.

O sistema de arquivos NTFS é um pouco mais lento que o FAT32, porém trabalha com limite de tamanho bem maior para os arquivos, mas ele somente é “mais lento” por ter mais recursos que o FAT32. O NTFS foi criado em 1993 pela necessidade de ter um sistema mais estável para execução em servidores.

Como saber qual é meu sistema de arquivos?

como descompactar arquivos maiores que 4gbPara saber qual é o sistemas de arquivos usado no seu HD:

1 ) Vá no Windows Explorer e clique com o botão direito em cima da unidade C:

2) Clique em propriedades

Irá abrir a janela abaixo mostrando o sistema de arquivos:

como descompactar arquivos maiores que 4gb

Para saber mais sobre partições, acesse esses links abaixo, lá tem artigos ótimos e beeemm detalhados sobre o assunto:

Baboo: http://www.baboo.com.br/conteudo/modelos/FAT32-x-NTFS_a3981_z0.aspx

Tecmundo: http://www.tecmundo.com.br/1506-fat32-ou-ntfs-qual-o-melhor-parte-1-de-2-.htm

Como criar uma partição de HD no Windows 7

logo windows 7Existem vários programas para criação de partições em HD, como:

- Partition Magic

- EASEUS Partition Master

- Partition Wizard Bootable CD

- entre outros …

Porém no Windows 7 não é preciso formatar o HD inteiro ou instalar nenhum programa, veja:

Sites gerenciáveis

Não dependa de ninguém!
Atualize e gerencie
seu próprio site!

Entre em contato
e saiba mais

10 erros comuns em tipografia

data 27/07/2009 Autor PiXCategoria DesignComentários 0

Tags Tags: , ,

Abaixo está uma lista de 10 erros tipograficos comuns cometidos no design/layout que pode ter um grande impacto na eficácia e a aparência de seus projetos, além de poupar-lhe tempo e dinheiro quando se lida com impressoras.

1. Leading não é o bastante (entrelinhas)

Leading/linespacing pode melhorar a legibilidade de grandes blocos de texto em uma página, tornando mais fácil para os leitores seguirem as linhas do texto, sem perder o seu lugar. Quando o espaço é pouco, esse pode causar uma sensação de “aperto”. É importante lembrar que diferentes fontes necessitam diferente linespacing. Diferentes alturas em letterforms pode exigir mais ou menos linespacing.

2. Tracking não é o bastante  (Espaço entre as letras)

Tracking/letterspacing é aplicado a um grupo de letras. Ela impede que as letras remontem-se, especialmente durante a impressão. É semelhante ao controle em que se pode melhorar ou prejudicar a legibilidade, o fluxo do texto e da densidade/peso de um bloco de texto.

3. Confundindo Tracking com Kerning

Enquanto o tracking é aplicado a um grupo de caracteres, o Kerning é o ajuste do espaço entre dois pares de caracteres. Eficaz para o uso com manchetes, texto com ALL CAPS e logotipo (que contribui com a legibilidade em vários tamanhos). Não caiam na armadilha de deixar o seu software para desenvolvimento do layout definir isto por default, esse é um caracter específico. O mesmo se aplica ao exemplo exposto acima , no nº 1 e 2.

4. Longas linhas de texto

A leitura de longas linhas de texto causa cansaço, fadiga nos olhos. Leitores são forçados a mover a cabeça e os olhos de uma linha para a próxima com mais frequência. Várias fontes que pesquisei aconselham a manter linhas de texto com menos de 50 – 60 caracteres.

5. Misturando muitos tipos de letras e pesos (weight)

Muitos tipos de letras em uma página pode tornar-se uma distração e fazer com que o texto perca a unidade. Tente manter suas escolhas de fontes em três ou menos, por projeto. Excesso de peso no texto pode confundir o leitor ao definir quais são os elementos importantes de uma página, criando a possibilidade dele não assimila-las.

6. Não use serifas para textos longos

Serifas são conhecidos por tornar a leitura de longos materiais mais sustentável por maior períodos de tempo, tais como livros e revistas. Também contribui com a fadiga dos olhos, e todos sabemos que precisamos dos nossos olhos! Embora isso possa ser alegado, serifas parecem assentar-se melhor sobre a linha de base.

7. Imprimindo valores similares de cor

Por exemplo, tente imprimir um texto azul médio em cima de uma caixa marrom médio. Não só é desagradável como torna-se duro com os olhos. Também cria um efeito “sujo”.

8. Textos em tonalidades menores que 50%

Tal como o anterior, esse também aumenta a tensão dos olhos e dificulta a legibilidade. As palavras se perdem no fundo e imprimem normalmente menos visíveis do que o que se vê na tela. Isto irá lhe poupar tempo, dinheiro e Asperinas para dores de cabeça com impressão.

9. Uso excessivo de textos centralizados

O uso de texto centralizado cria uma aparência irregular e quebrado ao texto – Sem unidade! Pode ser encarado como amadorismo na maioria dos casos. Guarde-o para aqueles convites do casamento.

10. Tamanho do texto

Normalmente, os designers e não designers (e sim, eu fiz isso também!) Irá utilizar imediatamente um corpo de letra com 12 pontos. Fontes com tamanhos menores (até ligeiramente menor) cria uma aparência mais profissional, um visual moderno. Podendo ser deselegante – pensar sobre o tamanho das letras de um livro infantil. Deselegante certo? … A menos que seja o que você realmente quer.

É também importante notar que a visualização do texto em um monitor de computador é muito diferente da impressão dela. Além disso, é aconselhável não usar fontes menores que 7 pontos, isso pode resultar em problemas de legibilidade.

11. Não sei o que é um “sistema de grades”

Sendo um entusiasta de tipografia, a compreensão de grids tornou-se uma das melhores coisas que eu aprendi em design até o momento. É a base para criar layouts com clareza e coesão. Confira o novo site, The Grid System, por links e recursos relativos ao sistema de grids.

Fonte: thedesigncubicle.com

Siga-me: @pixwell

 

Deixe seu comentário

Categorias

Últimos Comentários