terça-feira, 15 de dezembro de 2015

Rede Social All Retro

Boa tarde galera, estou com uma rede social, onde um projeto próprio que seria, coisas do passado, da nossa infância, um projeto que faria nas horas extras, então comecei através de redes sociais, como Facebook, Youtube, Instagram, Snapchat. E nessa brincadeira o numero de seguidores vem crescendo e estou escrevendo esse artigo para compartilhar com vocês.

Quem quiser conferir e nos seguir em alguma rede social, segue os links abaixo:

Facebook: https://www.facebook.com/all.retro00/ ou busque all.retro00
Instagram: http://instagram.com/all.retro ou busque @all.retro
Youtube: all.retro
Snapchat all.retro

Espero que curtem pois todos os dias terão novidades.

Abrs...

quinta-feira, 29 de outubro de 2015

Detectando browser mobile com javascript

Olá galera, nesse post vamos detectar quando estivermos acessando em um dispositivo mobile através de uma função javascript, é um código simples e muito fácil de ser entendido. Em fóruns muitas pessoas sempre procuram e discutem sobre isso, então achei legal falar sobre esse tópico.

Primeiramente vou colocar o código abaixo, e explicar como funciona, vamos lá.

sábado, 17 de outubro de 2015

Diferença de charset=utf-8 e charset=iso-8859-1

Olá pessoal, desculpem estava um bom tempo sem publicar por causa da correria dos trabalhos, mas estou de volta, prometo não me ausentar mais tanto tempo, rs..

Esse é um post onde muitos iniciantes não sabem a diferença do charset=utf-8 e charset=iso-8859-1.

Então vamos lá..

terça-feira, 15 de setembro de 2015

Diferença entre atributos CSS margin e padding

Olá galera, essa é uma dúvida para muitos que trabalham com CSS, mas explicarei a diferença para vocês entre um e outro.

Os atributos de CSS margin e padding, embora em algumas ocasiões possam se comportar de maneira parecida na prática, são muito diferentes.

quarta-feira, 9 de setembro de 2015

Portal vence Festival da independência por 3 x1

Bom dia Galera, como havia dito que meu blog além de postagens sobre front-end que é nosso foco, sempre colocarei quando possível postagens sobre min, alguns momentos do meu dia a dia, lazer, etc..

E não sou um robô, tenho uma vida social também, rs.. Onde eu adoro jogar futebol e temos um time na minha vila. E no domingo passado dia 06/09, participamos do Festival da Independência, onde tivemos um jogo bem disputado e difícil, mas graças a Deus conseguimos levar o troféu para casa.

terça-feira, 25 de agosto de 2015

Evento onload de Javascript

O evento onload de Javascript se ativa quando termina de se carregar a página. Deve ser colocado na etiqueta tag BODY, embora em versões modernas de Javascript, também o aceitam outros elementos como as imagens.

Com o evento onload podemos executar ações justo quando terminem de se carregar todos os elementos da página. É um evento bastante utilizado, pois é muito habitual que seja desejado realizar ações nesse preciso instante. Em nosso exemplo, vamos ver como poderíamos fazer um script para motivar aos nossos visitantes que nos votem em um ranking qualquer de páginas web.

quarta-feira, 5 de agosto de 2015

Agradecimento e upgrade no Blog

Boa tarde galera, para quem me acompanha, sabe que eu sou Desenvolvedor Front-End, tenho meus contatos e portfólio dos projetos que fiz e participei.

Estou publicando esse post, como uma novidade que seria sobre min, postagens que falam de viagens que fiz, que desejo fazer, de projetos que já trabalhei, explicando a forma mais detalhada de como foi o andamento, meus hobbies, etc.

quinta-feira, 30 de julho de 2015

Para que serve e como Instalar Plugins no WordPress

Os plugins permitem adicionar funcionalidades ao WordPress. Com apenas alguns cliques é possível transformar o WordPress num fórum, num portal de notícias ou até mesmo numa loja de eCommerce.

Embora a instalação seja um processo muito simples, neste artigo mostrar como pode instalar plugins no WordPress.

Obs: Apenas é possível instalar plugins em sites que usam o wordpres.ORG. Se tem um blog no wordpress.COM, não será possível instalar plugins.

sexta-feira, 24 de julho de 2015

Trabalhando com horas em tempo real com Javascript

Olá pessoal, no post anterior falamos de datas em Javascript, agora vamos falar de como inserir no seu site o horário em tempo real, ou seja, que se altera conforme o tempo passa.

Em head, devemos criar uma função. Dentro dela, criei variáveis (h, m e s) para respectivos objetos de tempo, como minutos e segundos. Logo após criar essas variáveis, vamos ligá-las a div criada logo depois, em body.

terça-feira, 14 de julho de 2015

Trabalhando com datas em Javascript

Neste post vamos ver, quais são e como utilizar os métodos disponíveis no Javascript para lidar com datas em páginas web.

O getDay() irá mostrar o dia da semana. É preciso saber que no Javascript, na maioria das vezes, uma contagem começa com o número zero. Então, domingo vale zero, segunda vale um, terça vale dois, e assim por diante.

getDate(), por sua vez, equivale ao dia do mês, não tendo a mesma regra de antes de só começar em zero.

Já o getMonth() e o getFullYear(), equivalem, respectivamente, ao mês e ao ano, e o mês, como o dia da semana, começa em zero, logo, julho não é mês sete, mas mês seis.
É lógico que em um site decente, o usuário não será obrigado a saber disso, por isso, nós criaremos arrays, que são conjuntos de informações compactas.

quarta-feira, 8 de julho de 2015

Diferenças entre visibility:hidden e display:none

Olá galera, nesse post vamos falar quais as diferenças entre visibility:hidden e display:none, pois eu vejo que muitos sites as pessoas usam sem saber qual devemos usar, pois aparentemente, são semelhantes no resultado que apresenta na tela,  mais existe uma pequena diferença que acaba influenciando no desenvolvimento de nossa página.

terça-feira, 30 de junho de 2015

O que é, e para que serve um DOCTYPE?

Muitos perguntam, ou quando verificam o código fonte, para que serve o DOCTYPE, nesse post vamos dar uma breve explicação sobre isso.

O que é?

O doctype é a maneira de você dizer para qualquer navegador como ele deve agir ao ler seu código HTML.

quarta-feira, 24 de junho de 2015

Caixas de Diálogo, Alert, Prompt e Confirm

Nesse post, vamos falar da utilização das caixas de diálogos, para que serve e como utilizar.

Um recurso interessante de JavaScript é a possibilidade de criar caixas de diálogo simples, que podem ser muito informativas aos usuários que a visualizam.

Essas caixas de diálogo podem ser de alerta, de confirmação ou de prompt de entrada. Todas elas são chamadas de forma simples e intuitiva por uma função.

quarta-feira, 17 de junho de 2015

Background-repeat, como utilizar.

Olá galera, no post anterior falamos sobre Background-image, como aplicar e chamar ele através do CSS para seu documento HTML.

Nesse post vamos continuar falando de Background, mas do atributo repeat, para que serve, como utilizar.

Background-repeat: define a maneira como a imagem de fundo é posicionada.

segunda-feira, 8 de junho de 2015

Background-image, como utilizar.

Olá galera, nesse post vamos falar como inserir um Background-image no nosso documento HTML através do CSS.

A propriedade Background permite que você controle a cor do plano de fundo de um elemento, configure uma imagem como plano de fundo, e posicione uma imagem em uma página.

Primeiro vamos criar o nosso documento HTML, bem simples só com uma div que será a div que irá receber a imagem.

quinta-feira, 28 de maio de 2015

Conhecendo o painel do admin Wordpress

Olá pessoal nesse post, estarei falando sobre o painel do wordpress, como acessar e usar.

No Painel de Administração do WordPress – Admin você pode ter acesso total ao conteúdo do seu Site/Blog. Como disse, o WordPress é uma ferramenta muito poderosa por isso vou tentar ser o mais breve possível e não vou me aprofundar muito na parte técnica. Para ter acesso ao Admin basta digitar no navegador (http://seusite.com.br/wp-admin). Após você irá digitar o usuário e senha nos campos correspondentes.

quarta-feira, 20 de maio de 2015

Cores em HTML: Saiba o código hexadecimal de sua cor preferida

O sistema hexadecimal é um sistema de numeração posicional que representa os números em base 16, portanto empregando 16 símbolos.

É praticamente impossível, decorar todas as cores no formato hexadecimal, por isso estou passando a tabela de cores para aplicarmos no nosso html, como por exemplo: cor da fonte, cor de fundo, cor da div, tabelas, entre outros.

Quando queremos usar cores em um documento HTML precisamos usar esses valores hexadecimais, por que o HTML só suporta esse formato para cores, exceto algumas cores que além do hexadecimal, também aceita o nome dela em inglês, como irá mostrar na tabela mais abaixo.

terça-feira, 12 de maio de 2015

Eventos em Javascript

Eventos em Javascript são disparados por alguma ação, tanto do usuário quanto do seu código, tais como um clique com o mouse, uma tecla do teclado pressionada, entrar ou sair de um campo de um formulário, e assim por diante.

Qualquer evento em Javascript pode ser capturado e tratado por manipuladores de eventos, que, por sua vez, aceitam uma função para detalhar o que será feito quando tal evento for disparado.

Por exemplo, você pode disparar um alerta na tela do navegador quando o usuário clicar em determinada área do HTML do seu site.

quarta-feira, 6 de maio de 2015

Porque usar ‘em’ no seu CSS hoje em dia?

A grande diferença de em e px é que em é uma medida relativa. O valor é calculado levando sempre em consideração o font-size do pai. Isso quer dizer que um elemento com font-size: 2em; vai ter o dobro do tamanho da fonte do pai, seja ele qual for.

segunda-feira, 27 de abril de 2015

Usando o elemento POSITION no CSS

Neste post, vamos aprender a diferença pois quem está começando com CSS não sabe muito bem como se usa o elemento POSITION. 

O elemento position existem 4 atributos, abaixo irei passar quais são e explicando sua funcionalidade ,vamos lá:

1 - #div1 {position: static}

Esse é o valor default para todo elemento HTML, o que significa que o elemento não tem posicionamento definido e seu fluxo ocorre normalmente no documento HTML

sábado, 18 de abril de 2015

O que não pode falta no documento HTML

Para criarmos nosso documento HTML, já sabemos que utilizamos tags, e cada uma delas representa uma ação na hora que nosso navegador interpretar. Para isso, nesse artigo vou mostrar para vocês, às tags que NUNCA podem faltar e os locais corretos para inserir cada uma delas .

terça-feira, 14 de abril de 2015

Configurando e instalando o Wordpress

Nesse post, vamos falar mais sobre o WordPress, como instalar e configurar.

Eu coloquei esse vídeo do canal iconetado no YouTube, pois ensinam muito bem e não deixam dúvidas para quem está aprendendo WordPress. Eu já assisti todas as aulas sobre e gostei muito, recomendo para quem está começando ou até para quem tem alguma dúvida. Mas no decorrer do meu blog, farei o melhor para vocês entenderem tudo de WordPress e das outras categorias.

quinta-feira, 9 de abril de 2015

Estilos nos links com CSS

Nesse post, vamos falar sobre, como colocar estilos nos links dentro do nosso documento.

Sabemos que um link no HTML utilizamos a tag <a>. E podemos dar estilos em vários tipos de ação como passar o mouse, clicar, visitar e a cor.

terça-feira, 7 de abril de 2015

Funções Javascript

Nesse artigo vamos falar de funções javascript. O que é, como usar e para que serve.

Função é um pequeno objeto para executar determinada ação, seria um bloco para realizar ações, onde o programa fica melhor e de fácil manutenção. Por exemplos, criar eventos quando clicamos, passamos o mouse em cima de alguma objeto, enviar um formulário.

sábado, 4 de abril de 2015

O que é, e para que serve o comentário no documento HTML

Olá pessoal, nesse artigo vamos falar melhor para que serve um comentário em uma página HTML.
O comentário no HTML é para sempre mantermos o documento indentado e de fácil manutenção e atualização. E para isso usamos o comentário da seguinte maneira. <!-- aqui fazemos nosso comentário -->.

Com isso o HTML irá ignorar o que você escrever entre essas tag e conseguimos identificar no código, a sua ação comentada.

quinta-feira, 2 de abril de 2015

Trabalhando com Classes e Ids no CSS

Já vimos no Blog, quais as diferenças entre Ids e Classes, tanto no Javascript como no CSS. Vamos fazer um pequeno estilo para dar vida a nossa página HTML.

Antes disso, entre no site da W3C para poder ver todas as propriedades e descrição do CSS.

quarta-feira, 1 de abril de 2015

Diferenças entre IDs e Classes

Geralmente quando começamos a dar ínicio ao desenvolvimento web, é muito comum haver confusões entre IDs e Classes, necessários no CSS e Javascript. Inserimos sempre IDs e Classes dentro das tags HTML.

ID: <div id="nomeid"></div>

IDs são únicos
  • Cada elemento pode ter apenas um ID
  • Cada página pode ter apenas um elemento com aquele ID. Só podemos repetir se for em outro documento HTML

terça-feira, 31 de março de 2015

Incluindo Javascript no Documento HTML

Para incluir código javascript numa página HTML normalmente utiliza-se a tag <script> .

Ex: <script>
       alert ("Olá Mundo");
       </script>

Geralmente incluímos entre as tag <head> para ser carregado antes do documento dentro do corpo <body> HTML.

segunda-feira, 30 de março de 2015

Oque é JavaScript, para que serve ,onde usar ?

O que é JavaScript

JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades para "incrementar" seu documento HTML com elementos interessantes. Por exemplo, você será capaz de responder facilmente a eventos iniciados pelo usuário. Alguns efeitos que são possíveis agora com JavaScript antes eram possíveis apenas com CGI. Assim você pode criar na verdade sofisticadas páginas com a ajuda do JavaScript. Existem atualmente, muitos exemplos sobre JavaScript na Internet.

sábado, 28 de março de 2015

Começando seu primeiro projeto HTML

Boa tarde pessoal, sei que geralmente muitas pessoas não gostam ou não publicam nada no final de semana. Mas claro que vou deixar mais uma dicas para vocês, com o nosso primeiro projeto em html.

Como disse no post anterior o HTML não passa de textos e precisamos de editor de textos para podermos trabalhar com ele, Ex: bloco de notas. 

Para escrever seu documento HTML, utilizados tag, cada uma delas representam alguma ação na hora de ver o resultado. 

sexta-feira, 27 de março de 2015

Introdução ao HTML

HTML é uma linguagem web, para escrever páginas na internet. Onde ela pode ser vista e testada no navegador, onde temos muitos conhecidos, (Chrome, Firefox, Safari, Internet Explorer, entre outros).

Com o HTML, podemos criar, tudo que imaginamos para nossa página, (textos, imagens, tabelas, áudio. vídeos. links, etc).

O HTML se criou a princípio com objetivos de divulgação. Porém, não se pensou que a web chegaria a ser uma área de ócio com caráter multimídia, de modo que, o HTML se criou sem dar respostas a todos os possíveis usos que lhe dariam posteriormente e ao todo coletivo de gente que o utilizariam no futuro. Entretanto, frente a este deficiente planejamento, com o tempo, foram se incorporando modificações, as quais são os padrões do HTML. Numerosos padrões já se apresentaram. O HTML 4.01 foi o último padrão feito até o mês de abril de 2004.

quinta-feira, 26 de março de 2015

As 3 formas de inserir CSS em uma página web

Para você que está começando o seu desenvolvimento web, lendo no tópico anterior expliquei sobre CSS (estilos), agora devemos saber como inserir eles dentro do nosso HTML.

1 - CSS diretamente nas tags HTML

Ex: <p style="color:#B000FF;">CSS dentro das tags HTML</p>

Essa forma seria a menos recomendada, pois deixamos o conteúdo HTML e CSS misturados. Aconselho usar em último caso ou para realizar testes.

2 - CSS dentro do Head de sua página

Ex: <head>
      <style type="text/css">
.texto {color:#B000FF;}
      </style>
      </head>

Essa forma utilizamos classes ou ids para dar estilo a nossa página, inserindo o CSS denro do Head de nossa página.

3 - CSS dentro do Head de sua página vindo de um arquivo externo <link>

Ex: <head>
        <link rel=”stylesheet” type=”text/css” href=”estilo.css” />
      </head>

Essa é a forma mais recomendada, pois o nosso CSS fica em um arquivo externo, caso queira fazer a manutenção, não precisamos utilizar o arquivo HTML.

Espero ter ajudado, qualquer dúvida comente, até o próximo post.


quarta-feira, 25 de março de 2015

Por que devo usar CSS nas paginas do meu site?

Ao utilizar o CSS para apresentação de um documento da web, você pode reduzir substancialmente o tempo e trabalho gastos na composição de não apenas uma pagina, mas de um site inteiro.

Imagine que você tenha criado mais de trinta paginas para o site de um cliente, com tabelas, textos institucionais, descrições de produtos, fotos, formulários de contato e etc. Imagine que você definiu nessas páginas (uma a uma) todos os tipos de fonte, imagens de fundo, largura de colunas e etc. Então, de repente, seu cliente muda de idéia e diz que quer trocar a fonte “Verdana” pela “Arial”, ou prefere o azul no lugar do amarelo em certas aéreas.

Wordpress para quem está começando.

Boa tarde, sabemos que o Wordpress é uma plataforma simples, fácil e rápida, para que possamos criar, atualizar, ter nosso site, blog, loja virtual, entre outro. Para quem quer dar seus primeiros passos, no youtube tem o canal do site Iconectado, da onde eu aprendi e recomendo a todos.
Coloquei o vídeo, caso goste como eu, continue acompanhando e boa aula.