Suponha que você tenha contratado a hospedagem hostgator ou quaisquer outra hospedagem e tenha instalado seu mysql e consiga acessar apenas usando a interface “phpMyAdmin”. Pressuponho neste tutorial que você saiba criar um banco de dados e usuário com permissões de acesso ao banco de dados no cpanel da hospedagem. Então vamos lá, primeiramente acesse o cpanel e vá em banco de dados mysql remote. Dê um clique em MySQL remoto, após isso você terá que dá permissão ao seu IP público para poder configurar e conectar usando MsSQL Workbench. O site que ajudará você a identificar seu IP público […]
Organizando arquivos sass
A maneira inteligente e produtiva de desenvolver CSS-Cascading Style Sheets- é usando pré-compiladores vamos implementar uma organização de arquivo em SASS. Nós necessitamos monitorar todos os arquivos que estão na pastas SASS, porém nem todos deve ser gera um arquivo css equivalente ao sass. Por exemplo: Temos uma pasta SASS que possui cinco arquivos: style.scss; _menu.scss; _header.scss; _variable.scss; _produtos.scss. No exemplo acima necessitamos a geração do arquivos style.css. Então o comando que realiza o monitoramento de arquivo é sass – -watch scss:css A pasta monitorada só vai gerar o style.css os demais arquivos são ignorados para construção de .css devido a […]
Criar um site usando Mobile First.
O Mobile First é a abordagem que você cria telas primeiro um layout para celular e depois ajustar a tela para dispositivos maiores usando “media queries” do CSS -Cascading Style Sheets -. Seguindo a sequência: “smartphone”, depois “tablet” e por último “desktop” ou “large desktop”. As resoluções de telas e tamanho são diferentes em vários modelos dos dispositivos. Temos os breakpoints -são pontos de referências dos tamanhos de telas em cada layout- Desse modo costuma-se dividir em 3 ou 4 breakpoints para um desenvolvimento de layout utilizando “Grid System”. Usa-se 4 breakpoints numa folha CSS para smartphone, tablets, desktop e large […]