Como Fazer "Certo"

Oi gente, tudo bem com vocês? Hoje vai ser dia de aulinha escrita...rsrs Se preparem para o textão... brinks...rs Vou tentar ser breve... Bom, se você é iniciante em fazer sites, talvez já enfrentou esse problema... E talvez nem tenha percebido isso... O que geralmente acontece é que usamos todas as fontes que temos em nossos computadores durante a produção do layout para o site... Por exemplo eu desenho os meus layouts no photoshop... Como todo bom editor de imagem eu tenho um grande acervo de fontes, e às vezes fico uma meia hora no photoshop só trocando as fontes pra ver qual vai casar melhor com meu site... O problema é que nem todo mundo tem as mesmas fontes que eu tenho... E à partir do momento em que você tira a ideia do papel(no caso do photoshop), você cria o css usando a font-family que você escolheu no photoshop... Aí já pode começar seu primeiro problema, algumas fontes se comportam diferente no photoshop e em navegadores, isso pode fazer você ter que mudar sua fonte de...

Olá invocadores! (imitando de raiva) Infelizmente hoje não deu pra fazer vídeo pra vocês... Andei perdendo muitas partidas, mas enfim... Acabei chegando a uma conclusão sobre uma coisa e preciso compartilhar com vocês. É sobre essa propaganda do site Challenge Brasil ( https://challengebrasil.com.br ). Até onde eu sei, apenas a Josi Gamer fez vídeo explicando sobre o funcionamento da plataforma. Consistiria em você ganhar dinheiro jogando lol... Mas será que esse site é confiável? Sinto desapontá-los, mas pelo visto não... Vamos às explicações... Primeiras impressões Assim como no vídeo, o processo de cadastro e compra de créditos aconteceu com uma certa facilidade... O problema vem depois... Quando eu cadastrei ainda estava no ar um sistema que não tinha os agendamentos de jogos, sendo assim, quase ninguém entrava pra ver se tinha alguém com sala criada, fazendo com que fosse praticamente impossível jogar... Bom, depois eles criaram essa segunda versão do sistema, que já c...

Fala galera, beleza? E aí, vocês tiveram coragem de ler o post de ontem?haha =P Sinceramente só de lembrar eu fico com sono...rs Mas relaxem o post de hoje tem tudo pra ser beeeeemmm mais curto...rs Primeiro eu quero falar sobre o efeito de costura, se vocês não repararam ontem eu acabei aplicando ele nos links, mas acho que não expliquei ele no código css, pra não falar que não expliquei vou explicar agora...rsrs Antes de falar sobre a borda que dá efeito de costura, achei interessante falar sobre a diferença entre margem, borda e espaçamento(não sei se a definição correta é esta)... Veja a imagem que acabei de postar... O elemento é representado pela cor azul... Ele pode ter uma margem interna, para que seu conteúdo não toque nas laterias, essa margem interna do elemento(espaçamento) é o padding... Veja abaixo como ele funciona... Sem padding: Exemplo Com padding de 5px: Exemplo Quando você aplica a margem interna o background(tanto faz se é cor ou imagem) vai apare...

Oi gente, tudo bem com vocês? Comigo está tudo ótimo! ^^ Bom galera, preparem porque hoje é dia de um longo tutorial... Eu poderia simplesmente ensinar como eu fiz o sistema de novidades que vou usar no meu site, mas resolvi falar também de engenharia reversa... Na verdade o que vou ensinar não pode ser considerado engenharia reversa, pois o código que estamos vendo é interpretado e não compilado(que para ser visto teria que se fazer a engenharia reversa)... Só falei desse termo, pois se você seguiu minhas dicas, deve ter se inspirado em alguns sites pra fazer o layout do seu, mas transformar o layout em algo funcional em alguns casos pode ser mais complicado do que foi até o momento... Escolhi como exemplo o slide que vou colocar abaixo... Ele foi criado por mim, almenos eu nunca tinha visto algo exatamente igual a ele em outro site... Porém, se eu quisesse um slide com as mesmas animações de outro site, eu poderia copiar o código, fazer alterações pra mudar o visual, enfim... Mas...

Oi gente, tudo bem? Bom, hoje começa o que pra alguns é considerada a parte mais difícil... Mas acredite, não é tão difícil quanto parece, isso porque há muitos sites e exemplos que vão te ajudar na árdua tarefa de fazer seu site, e com o tempo, a prática, assim como em qualquer outra coisa que se aprende, você irá decorar como se faz certas coisas e não terá que ficar quebrando a cabeça mais... Bom, antes de começar a falar do código é importante que você tenha noção sobre acesso à diretórios... Diretórios, não são nada mais do que pastas, iguais a que você tem no seu computador mesmo... Só que quando você está programando seu site, você não acessará estas pastas com o mouse, mas sim pelo endereço delas... Mas calma, não é nenhuma coisa de hacker não...rs Vamos à um exemplo para facilitar a explicação... Se você já estiver seguindo meu tutorial todo dia, provavelmente criou uma pasta para guardar todos os arquivos do primeiro site que você está tentando fazer, certo? Esta pasta ...

E aí galera, tudo em cima? Bom, ontem falamos sobre o desenvolvimento do layout em formato de imagem... Hoje vamos começar a transformar essa simples imagem em um site de verdade... Depois de fazer o layout, é hora de você ver quais elementos do layout podem ser feitos por código html e css e quais elementos tem que ser imagens realmente... Simplificando, você vai fatiar o seu site, pegando as os elementos que tem que ser imagens... Pra você ter uma noção do que estou falando, veja o que eu peguei do layout que fiz e salvei como arquivos de imagem, e embaixo de cada um falarei porque fiz isso... Bom, o logo eu acho que não tem muito o que se discutir né, transformei ele em imagem porque ele realmente é uma imagem, não dá pra fazê-lo com códigos... Se você ainda não reconheceu, esta é aquela setinha que mostra no menu qual a página que o visitante está no momento... Nessa imagem é perceptível que cortei exatamente as proporções da setinha, sem deixar sobrar fundo preto em...