Posted on Deixe um comentário

Porque criar um site no wordpress?

Criando seu site com wordpress

Eu vou te dizer porque usar wordpress para criar teu site! Se estava na dúvida agora terá certeza de usar WP.

Eu estou 14 anos nesse mercado, já vi muitos projetos e posso te garantir, tudo igual só muda marca, inovação que se fala tanto, ficou para trás!

Falando de criar sites para web

Gosto é igual CÚ cada um tem o seu!! Certo? No desenvolvimento de um site cada um tem seu modo e gosto para criar, as opções são as mesmas sempre o que muda são os nomes das organizações.

Através de construtores online ou offline. Aquele modo arrasta e solta de blocos e depois edita os textos, existem vários construtores desse tipo. Atualmente se usa o MOBIRISE é modinha do momento, ele faz tudo que os outros fazem mais pode ser instalado em máquinas e pode ser usado offline ou Via APP ios ou android.

Através de gerenciadores de conteúdo, conhecidos com CMS. No github você encontra milhares deles. Seria criar um site em php com painel de controle, isso facilita a criação de páginas e posts. Já vem pré montando, só instalar no seu servidor, logar no painel e organizar as informações.

Através de templates editáveis, pesquise templates html5 css3, templates bootstrap, templates responsivos, templates amp html e o google te aponta uma lista de sites que você vai baixar, ai você usa seu bloco de notas para editar textos, imagens e por ai vai…

Tratando-se de que temos as mesmas opções sempre, passamos a pensar nas atualizações e nesse aspecto eu recomendo fortemente optar por criar o site no wordpress. Nele você você recebe atualização do software, de temas e plugins e também segue os padrões da web moderna.

Finalizando, por questões de atualizações o wordpress ganha de lavada de todos os projetos que conheço na web, não disse que são ruins apenas perdem no requisito ATUALIZAÇÃO.

Posted on Deixe um comentário

O que bootstrap 4?

Escreva css moderno com bootstrap 4, o framework mais popular da internet e querido por desenvolvedores de todo mundo.
Um pouco de bootstrap 4 em português.

Escreva css moderno com bootstrap 4, o framework mais popular da internet e querido por desenvolvedores de todo mundo.

# 1: botões mais planos

Vamos começar com um divertido e visual! Os botões da v4 têm um design mais plano do que na v3. Aqui estão os botões anteriores:

E aqui estão alguns dos novos:

Isso está mais de acordo com as diretrizes de design mais modernas, como as encontradas no Material Design , que se tornou imensamente popular nos últimos dois anos.

# 2: as consultas de mídia são melhores

O Boostrap v3 tinha pouquíssimos pontos de interrupção para sua rede, na minha opinião, como o menor xs, estava em 768 px. Um monte de tráfego geralmente vem de telas mais estreitas do que isso, então isso tem sido frustrante para muitos desenvolvedores.

Então agora eles adicionaram um novo breakpoint xl. Este assume o papel lgusado para ter, e empurra o resto dos pontos de quebra para baixo, fazendo o alcance ir até 576 px .

$grid-breakpoints: (
xs: 0,
sm: 576px,
md:
768px,
lg: 992px,
xl: 1200px
) !default;

Isso facilita a construção de grades que funcionam bem em todos os tamanhos de tela.

# 3: o suporte do Flexbox oferece mais flexibilidade

As famosas grades Bootstrap agora são criadas com o Flexbox em vez de flutuadores. À primeira vista, isso não faz uma grande diferença para você como desenvolvedor, já que a maioria dos layouts de grade funciona exatamente da mesma maneira. No entanto, abre mais algumas possibilidades.

Anteriormente, você tinha que definir a largura de cada coluna (de 1 a 12). Agora você pode definir a largura de uma coluna e deixar que as outras sejam automaticamente definidas pelo Flexbox.

Aqui está um exemplo de fazer exatamente isso:

Como você pode ver na marcação abaixo, estamos definindo a largura da coluna do meio como 6 (que é igual à metade da largura total) e depois o resto das colunas simplesmente ocupará qualquer espaço restante.

<div class="container">  <div class="row">    <div class="col">      1 of 3    </div>    <div class="col-6">      2 of 3 (wider)    </div>    <div class="col">      3 of 3    </div>  </div></div>

Aulas de Flexbox

O Bootstrap 4 também vem com um monte de classes que você pode aplicar para controlar os containers e itens do Flexbox. Para transformar um elemento em um contêiner do Flexbox, simplesmente forneça a classe de d-flex.

<div class="d-flex">I'm a flexbox container!</div>

Que lhe dará um contêiner do Flexbox com texto dentro dele:

Nota: Estou apenas mencionando os estilos relacionados ao Flexbox aqui.

Vamos também adicionar alguns itens e adicionar outra classe para controlar como eles se posicionarão no contêiner.

<div class = "d-flex justify-content-center""> 
<div> Item flexível </ div>
<div> Item flexível </ div>
<div> Item flexível </ div>
</ div>

O que faz os itens se centralizarem no contêiner:

Você também pode adicionar classes aos itens em si. Verifique a seção Flex nos documentos para saber mais sobre isso.

# 4: espaçamento de controle com classes

Essa é bem legal. Agora você pode controlar o preenchimento e as margens usando as classes p-*m-*. O intervalo vai de 0,25 rem a 3 rem, aplicando os números de 0 a 5.

Por exemplo, vamos dar ao nosso contêiner do Flexbox uma p-5classe, a fim de criar o máximo possível de preenchimento:

<div class="d-flex p-5">I'm a flexbox container!</div>

Veja como isso vai ficar:

Você também pode adicionar tbrog lse você quiser espaçamento em lados específicos (superior, inferior, direita, esquerda), como este:

<div class="d-flex pl-5">I'm a flexbox container!</div>

Isso só adicionará preenchimento no lado esquerdo, assim:

p-2

# 5: de pixels a rems

O Bootstrap 4 trocou pixels com unidades relativas de medidas (rems) em todos os lugares, exceto consultas de mídia e comportamentos de grade. Isso significa mais flexibilidade e capacidade de resposta, pois as unidades rem não são absolutas, ou seja, pixels.

Com remstodos os tamanhos de fonte são relativos ao elemento raiz (a htmltag) e, por padrão, 1remé igual a 16px. No entanto, se você alterar o tamanho da fonte para, digamos, 50% no elemento raiz, 1remserá igual em 8pxtodo o aplicativo.

Observe que essa opção não significa que você precisa usar remsquando estiver aplicando seus próprios estilos no seu website.

# 6: Cartões substituem painéis, poços e miniaturas

O Bootstrap também vem com um novo componente chamado cards, que substitui painéis , poços e miniaturas . Um cartão é um contêiner de conteúdo flexível e extensível. Inclui opções para cabeçalhos e rodapés, uma ampla variedade de conteúdo, cores de fundo contextuais e poderosas opções de exibição.

# 7: Adeus IE9

O Bootstrap v4 diminuiu o suporte para o IE8, IE9 e iOS 6. O v4 agora é apenas o IE10 + e o iOS 7+. Para sites que necessitem de um desses, use v3.

É claro que há muito mais alterações que não foram incluídas neste artigo, então confira a seção Migração nos documentos para ver todas as alterações.