O que é uma Position CSS?

O CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para controlar a apresentação e o Layout de elementos HTML em uma página web. O posicionamento é uma parte importante do CSS, pois determina como os elementos são dispostos na página em relação a outros elementos e ao próprio fluxo do documento.

Para a propriedade position, podemos atribuir 5 valores, que são: static, fixed, sticky, relative, absolute.

Vamos entender como funciona cada uma delas:

Position Static (Estático):

É um comportamento padrão do HTML, onde os elementos são posicionados em ordem, de cima para baixo e da esquerda para a direita.

Elementos em fluxo normal não aceitam propriedades CSS especiais para o seu posicionamento.

Position Fixed (Fixo):

O posicionamento fixo, faz com que o elemento que recebeu esta propriedade não se mova na tela. Mesmo que a página possua rolamento (scroll), tanto rolando para a esquerda e direita, quanto para cima e para baixo. Um exemplo seria usar uma barra de navegação lateral onde a mesma ficaria fixa, a navegação fica sempre visível durante o uso da página.

Exemplo:

.teste {

      position: fixed;

      height: 1000px;

}


Position Sticky (Colado/pegajoso):

Este posicionamento precisa de um posicionamento de referência, por tanto é sempre em conjunto das propriedades auxiliares. Parecido com o fixed, mas sua diferença, é que em vez de ficar fixo em relação a tela, fica fixo em relação a rolagem da página.

Exemplo:

.teste {

       position: sticky;

        top: 0px;

}

Position Relative (Relativo):

O posicionamento relativo serve para posicionar o elemento da página de acordo com as indicações que você definir.

A posição é definida através de quatro outras propriedades: top, bottom, left, right, que indicam a distância com relação ao topo, base, esquerda e direita, respectivamente, tomando como referência o posicionamento do elemento pai.

Exemplo:

.teste {

      position: relative;

      left: 150px;

}

Position Absolute (Absoluto):

A posição será definida em relação ao próximo elemento pai que esteja posicionado relativamente ou absolutamente.

Se não houver um elemento pai definido, por padrão ele irá definir o próprio documento HTML como sua raiz, significa que a posição será definida em relação à própria página web.

Exemplo:

.teste {

      position: absolute;

      top: 50px;

       left: 50px;

}

A diferença entre o position relative e o position absolute é basicamente qual elemento será usado como referência para realizar o posicionamento. O relative leva em consideração sua própria posição ao se deslocar. E o absolute leva em consideração a posição do elemento pai que possua um position relative, ou então será relativo ao próprio navegador. 

Em resumo, o posicionamento CSS é uma ferramenta poderosa para controlar o layout e o design de páginas da web. É essencial entender as propriedades de posicionamento e usá-las de forma adequada para criar layouts desejados e funcionais. Além disso, ao projetar para a web, é importante levar em consideração a responsividade e a adaptabilidade a diferentes dispositivos e tamanhos de tela.

READ MORE

30 anos do www

Você imagina sua vida sem internet hoje? Nós não, de jeito nenhum! Aliás, se o provedor fica fora, se rompe a fibra ótica ou se dá alguma pane que comprometa o tráfego, já estamos dando “piti”, entrando em contato com a central de atendimento e assim que possível, registrando reclamação no “reclame aqui”. Tudo isso por quê? Porque somo tão dependentes da comunicação on line e tão impacientes quando ficamos sem ela, que “precisamos garantir conexão” onde quer que estejamos.
Se você também é assim, um salve a Tim Berners-Lee, que no ano de 1989 estava tentando criar um jeito de facilitar a comunicação com os colegas cientistas, através de troca de informações on line.
Há apenas 30 anos não conhecíamos as expressões www, URL, HTTP, HTML, web, navegar etc.

Doodle do Google
Doodle do Google

Origem da World Wide Web

O projeto de Berners-Lee envolveu uma grande base de dados de hipertexto (links) entrelaçados, que poderiam ser acessados de diferentes máquinas de acordo com um determinado protocolo. O objetivo era facilitar o compartilhamento de informações entre computadores do CERN (sigla em francês para Organização Europeia para a Pesquisa Nuclear).
Os escritos do engenheiro resultaram, em 1990, no desenvolvimento da linguagem HTML, que viria a enriquecer o conteúdo mostrado em uma página. Berners-Lee também criou o endereço chamado de URL. No mesmo ano, surgiu o primeiro navegador de internet, chamado de World Wide Web (WWW).

READ MORE
fake-news

O que você pode fazer para reduzir Fake News

fake-news
Já faz um tempo que algumas mídias estão alertando sobre a importância de a população estar atenta a notícias falsas, os chamados Fake News, principalmente as oriundas da internet. São milhares de blogs, páginas, canais disseminando informação, uma parcelas delas “mentirosas”. E como o leitor não checa e muitas vezes não tem critério, acaba acreditando e disseminando informação falsa por aí.
Em ano de eleitoral, você observa muita informação sendo compartilhada, disseminada nas redes sociais, não é mesmo? O Facebook já anunciou medidas para impedir o avanço de sites que usam a plataforma para obter audiência e publicidade por meio de notícias altamente “clicáveis”, porém falsas. Estão de olho!
O que nós, reles mortais, podemos fazer para evitar essa propagação de notícias falsas?

  1. Pare de acreditar em tudo que lê e desconfie mais, seja mais crítico.
  1. Antes de repassar alertas, denúncias, fotos de desaparecidos ou procurados, pesquise, busque fontes seguras. Para isso existem sites especializados, órgãos públicos ou entidades.
  1. Se leu algo que gostaria de repassar, mas está com dúvidas, informe-se. Até porque, em breve esse assunto poderá estar numa roda de conversa informal, e você pode ter a oportunidade de explanar o assunto, com embasamento, ao invés de ser um simples ouvinte.
  1. Leia a matéria completa, não apenas a chamada. Alguns sites sensacionalistas te induzem a ler algo por causa da primeira linha. Leia tudo, e cheque a fidelidade da informação.
  1. Pesquise a notícia/ informação no google. Ficou chocado com alguma informação, pesquise. Fulano morreu, pesquise. Fulano é ou não é, ou deixou de ser (embora isso não seja nem da minha nem da sua conta) pesquise. Beltrano vai se candidatar, pesquise. Em campanha eleitoral, sua atenção precisa estar redobrada.
  1. Confira a data da publicação pois uma notícia que foi verdadeira em épocas passadas, hoje, pode se tornar uma informação fake.
  1. Utilize o Google Notícias. O google oferece uma ferramenta para identificar fake News nas buscas.

Acho que de tudo que foi falado fica principalmente, “não acredite em tudo que lê na internet”, que é um veículo de comunicação em massa excepcional, mas que é usado por pessoas intencionadas a enganar e iludir qume está buscando informação.
 

READ MORE
mkt-digital.jpg1

Por que investir em Marketing Digital pode te tirar da crise?

O Marketing Digital como o próprio nome já diz, é o bom e velho marketing só que trabalhado por meio das ferramentas digitais. É o conjunto de ações estratégicas aplicadas nos meios digitais (internet e tecnologias móveis), para conquistar e fidelizar clientes, elevando a participação da empresa no mercado.
Para algumas empresas a pior parte da crise já passou, mas outras estão sentindo o efeito tardio. Economicamente falando, o país já esteve pior, mas isso não significa que o mercado esteja quente e esteja tudo bem para os consumidores e empresas.
Em tempos difíceis é preciso reinventar estratégias, apertar o cinto, mas não necessariamente reduzir os investimentos de marketing, quem sabe, mudar o caminho sem mudar o foco. Estou dizendo que o marketing digital pode ser a tábua de salvação para muitos negócios, basta saber fazê-lo.
Se está se perguntando “Como fazer um plano marketing digital?” antes de qualquer ação online, você precisa planejar. Mkt digital não pode ser as cegas, de qualquer jeito, em qualquer momento, em qualquer horário; é necessário estudo, planejamento de ações, elaboração de um plano de marketing digital e claro conhecimento das necessidades da empresa e das ferramentas de gestão.
É por isso que muitas empresas contratam agências de marketing digital, ao invés de capacitar uma equipe interna. Uma agência já é especialista nessa atividade, está antenada e aberta as novidades. O que pode ficar a desejar entre contratante e contratado é a “ineficiência da comunicação” que aliás, é um problema para qualquer empresa e em qualquer lugar.

Como começar?

Com a internet a cada dia mais presente na vida de todos, o marketing digital trabalha com as principais maneiras que as empresas têm para se comunicar com o público de forma direta, personalizada, e no momento certo.

Invista em Marketing de Conteúdo

Analise se um blog se encaixa no seu negócio, escreva sobre o que você faz, como você faz, atualidades do seu negócio, tudo o que gira em torno, e gere conteúdo de verdade que possa ser útil para as pessoas.

Aprenda sobre SEO

O termo em inglês Search Engine Optimization é muito utilizado em qualquer estratégia de marketing digital. O SEO é o que vai fazer seu site (ou da sua empresa) aparecer para o Google. Engana-se quem pensa que basta ter um site e os problemas terminaram. Ele fica numa espécie de limbo se nenhuma estratégia for executada para dar-lhe visibilidade. É preciso otimizar para que a ferramenta enxergue valor na sua criação.

Crie ações de e-mail marketing

Pesquisas mostram que 92% das pessoas adultas utilizam e-mail e 61% utilizam todos os dias. Então, tenha uma lista de e-mail dos seus clientes ou prospects e seu negócio através de ações direcionadas de email marketing. Existem diversas ferramentas que podem te ajudar com isso, mas além de saber quais softwares usar, é preciso saber o que fazer.

Use as redes sociais a seu favor

Facebook, Instagram, LinkedIn, entre outras, são utilizadas por pessoas de qualquer gênero, classe, idade. Quantas horas do seu dia você utiliza nas redes sociais? Pois é, muitas! É praticamente um universo paralelo, e lá é onde tudo acontece meu amigo.

Invista num blog corporativo

A criação de um blog vai permitir que sua empresa se comunique não apenas com seu público-alvo, também com seu público interno e com todo mundo que estiver no google. É lá que você entender o poder do marketing de conteúdo e como isso pode agregar valor ao seu negócio.

Conhece o WhatsApp empresarial?

Com o whats corporativo você pode criar campanhas que envolvam seus contatos, passar uma imagem mais profissional, criar um vínculo mais direto com seu público-alvo, postar promoções exclusivas, divulgar sua marca.
 
Lembre:

Marketing Digital é promover produtos ou marcas por meio de mídias digitais.

READ MORE
mkt-conteudo-digital1

Por que é importante gerar conteúdo na sua mídia…

Nós temos, cada vez mais, sede de informação e procuramos na internet respostas para nossas perguntas.
Porém a geração Y e Z (maior público de usuário da rede) tem pressa com as respostas. Os assuntos buscados precisam ser objetivos e responder logo o que nos interessa, sem delongas.
Por isso, é necessário saciar essa sede, gerando conteúdo e dando informação aos consumidores.
Se você gerar conteúdo de qualidade em sua página, verdadeiro, atraente e atualizado, estará dando um passo para gerar Leads.
As pessoas querem saber de “tudo” num curto prazo: os melhores lugares para se viajar, previsão do tempo, cenário econômico, receita de pão sem glúten, o que vai aconteceu no capítulo seguinte da novela, etc. São muitos os assuntos buscados.
Quanto mais seu tema interessar os leitores (seu público), mais chances você tem dele te visitar novamente e gerar views em seu site, blog, funpage.
Por isso, o primeiro passo é definir e entender quem é o público e sobre o que ele quer ler e, desta forma, direcionar o assunto.
Investir em conteúdo é importante, mas é só uma estratégia, que, sozinha, não tem peso algum.
Você precisa conhecer o perfil e o interesse do seu leitor e criar empatia através da forma como se comunica (linguagem) e assuntos abordados. Um erro muito comum é se achar superior porque você é quem está escrevendo. Você não é um ditador de meias verdades, terá mais êxito se sua postura for de um facilitador do conhecimento. Por isso, sempre que possível mostre o caminho para mais informações que agreguem conhecimento aquela informação passada em seu post.
Por fim, evite escrever de forma muito extensa, cansativa. Se o assunto for longo, é melhor dividi-lo e dar continuidade em outro momento, do que cansar o leitor com muita informação. O bom senso é sempre um bom companheiro.
“Se você quer algo novo, você precisa parar de fazer algo velho”. (Peter Drucker)

READ MORE