-
Content count
66 -
Joined
-
Last visited
-
Days Won
6
dougtop last won the day on May 8 2018
dougtop had the most liked content!
Community Reputation
31 Levemente BomAbout dougtop

- Birthday 08/23/1990
Informações Pessoais
-
Sexo
Masculino
-
Localização
Rio de Janeiro
Contato
-
Twitter
@douglas_2S
- Github
Recent Profile Visitors
674 profile views
-
dougtop changed their profile photo
-
dougtop started following HTML, GOOGLE e Pais de origem, Icones do Template do WordPress não aparece no site, só na administração, Sites Responsivos and and 7 others
-
Icones do Template do WordPress não aparece no site, só na administração
dougtop replied to afoligne's topic in HTML e CSS
Boa tarde amigo, Realmente, se você clicar com o botão direito do mouse, clicar em inspecionar, depois na aba console e der um F5, verá que todas as suas fontes estão com erro porque ele não está reconhecendo elas com o caminho IP. Access to Font at 'http://146.164.63.47/wp-cisi/wp-content/themes/busiprof/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0' from origin 'http://www.cisi.coppe.ufrj.br' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.cisi.coppe.ufrj.br' is therefore not allowed access. Uma forma não muito boa de resolver isso é colocar uma url absoluta na sua chamada da fonte. Para isso, vá no arquivo font-awesome.min.css e troque os link assim: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') por isso: url('http://www.cisi.coppe.ufrj.br/wp-cisi/wp-content/themes/busiprof/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') Certifique-se também que a pasta fonts está no local certo. Testa ai e me fala! Att. Douglas. -
Olá amigo, Porque você não tenta identificar o que deu errado para que possamos ajuda-lo? Poste um print da página e o código...as vezes por um ou outro detalhe sua responsividade não está funcionando. De qualquer forma, o segredo está em entender e usar as medias queries para trabalhar com responsividade. Media Queries é uma técnica usada para criar um ponto de mudança visual (breakpoint). Com os comandos das medias queries, é possível fazer que um site mude o seu visual, se tornando adaptado para diferentes resoluções. Leia sobre elas aqui https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries Eu costumo trabalhar com 2 breakpoints (que geram 3 visualizações diferentes): "celular" - 320px à 479px "tablet" - 480px à 959px "desktop" - 960px ao infinito Mas não existe uma regra na criação dos breakpoints, você precisa entender o que satisfaz o seu site! Aqui tem um exemplo prático da responsividade aplicada: https://jsfiddle.net/dougtop/ofwwfbbx/15/ Quando acessar o link acima, não esqueça de redimensionar seu navegador para testar! Dentro de cada seletor de @media, você colocará seletores de estilo css para que funcionem apenas dentro de um determinado intervalo de resolução. ;) O assunto é bem amplo e aqui vão mais alguns links: https://www.w3schools.com/css/css_rwd_intro.asp (referencia w3c sobre responsividade) https://marketingdeconteudo.com/web-design-responsivo/ (dá um entendimento geral sobre o assunto) https://www.alura.com.br/curso-online-web-design-responsivo (cursinho muito bom, mas é pago :/) Espero ter ajudado! Abraços, Douglas.
-
Imagens - Consumo excessivo de Banda - Como descobrir?
dougtop replied to Danilo CS's topic in SEO e Otimizações
Boa tarde Danilo, Uma forma de verificar isso é clicar com o botão direito do mouse em cima da sua página e clicar em "inspecionar", o navegador abrirá a ferramenta de inspeção. Clique na aba Network e atualize a página, alí você verá todos os arquivos carregados durante o load da sua página. Para observar melhor as imagens, ordene por "Type". Outra forma é usar o analisador do Google o PageSpeed ele te indicará todas as imagens que você precisa diminuir de tamanho para ter um site mais rápido. Como otimizar as imagens? Quando tiver exportando elas através do photoshop por exemplo, use a opção exportar > salvar para web e salve como jpeg de qualidade 50 ou 60. Isso garantirá imagens pequenas com qualidade regular/boa. Outra forma é usar um site de otimização (sem perda) de imagens: JPEGMINI ou TINYJPG Esses sites ajudam muito, ainda mais esse último se as imagens tiverem que ser png com transparência. Espero ter ajudado! Abraços, Doug. -
Dei uma vasculhada na internet e realmente é um livro bem difícil de achar, até em sebo online não tinha. Mas encontrei no ebay e não é tão caro, em torno de $ 25. Via eBay: https://www.ebay.com/itm/Usability-Inspection-Methods/222964668934?epid=1132355&hash=item33e9bada06:g:g8YAAOSwkaZZcrSk Via loja do eBay: https://www.betterworldbooks.com/product/detail/Usability-Inspection-Methods-9780471018773 Espero ter ajudado! Abraços
- 1 reply
-
- jakob nielsen
- livro
-
(and 1 more)
Tagged with:
-
Boa tarde, Normalmente eu levo três coisas em consideração antes criar um orçamento: 1 - O tamanho do cliente. É diferente cobrar para uma multinacional e cobrar para uma pessoa física. 2 - O cálculo da sua hora de trabalho com base na quantidade de horas prevista; A tabela da ADEGRAF (que cito abaixo) traz uma boa resolução sobre valores das horas de trabalho de um profissional: TECNÓLOGO EM DESIGN ou TRAINEE - R$ 80 DESIGNER JÚNIOR - R$ 110 DESIGNER PLENO - R$ 150 DESIGNER SÊNIOR - R$ 205 DESIGNER COORDENADOR - R$ 265 3 - Os valores cobrados no mercado; Para isso, eu uso duas tabelas referenciais, são elas: Freelas em Design - apesar de ser de 2013, os valores são resultado de uma média pesquisada com diversos profissionais da área e traduz algo mais perto da realidade cobrada no dia-a-dia dos profissionais. ADEGRAF - Essa tabela é mais atual e vêm da Associação dos Designers Gráficos do DF, um dos poucos que disponibilizam gratuitamente uma tabela referencial. Eles focam mais em clientes empresariais logo, você encontrará valores mais altos que na tabela de freelas em design. Analisando esses três pontos, você com certeza terá mais base para definir o valor para os seus serviços visuais. Abraços, Douglas.
-
Bom tarde, Criei um banco no MySql para servir a um site Joomla. Quando criei o usuário para o banco no cPanel, ele me perguntou quais permissões eu daria e marquei tudo. Fiz a instalação do Joomla normalmente e deu tudo certo, mas agora, eu gostaria de saber quais permissões eu retiro para que eu tenha a melhor configuração de segurança sem impedir as ações que o sistema Joomla necessita no dia-a-dia (criação de artigo, instalação e atualização de plugins, módulos e do próprio Joomla, backup de rotina etc)? As restrições são essas: ALTER ALTER ROUTINE CREATE CREATE ROUTINE CREATE TEMPORARY TABLES CREATE VIEW DELETE DROP EVENT EXECUTE INDEX INSERT LOCK TABLES REFERENCES SELECT SHOW VIEW TRIGGER UPDATE Abraços, Doug.
-
- mysql
- permissão de usuário
-
(and 2 more)
Tagged with:
-
Ordem de Widget e corpo do site versão mobile
dougtop replied to alysson122010's topic in HTML e CSS
Erro meu, desculpe Na verdade é: flex-direction: column-reverse; Abç -
Esse input type="image" que você está tentando trabalhar não aceita a propriedade "value", como pode ver aqui nesse link. Você está querendo salvar a propriedade onde vem o caminho da imagem, ou seja o conteúdo da propriedade "src"?
-
Ordem de Widget e corpo do site versão mobile
dougtop replied to alysson122010's topic in HTML e CSS
opa, precisa colocar esse código css tb dentro da media (Mobile Layout: 320px) pois o código já está funcionando bem entre 768px e 991px. -
Bom dia, Você teria o link desse site para darmos uma olhada? A explicação está um pouco confusa, não sei se entendi muito bem, mas tenta colar um return false no onclick dos seus botões do menu, isso deve impedir dele fazer o refresh. Abraços, Douglas.
-
Bom dia Maycon, Primeiramente, precisamos saber qual a linguagem de programação que você está trabalhando. Abraços, Douglas.
-
Ordem de Widget e corpo do site versão mobile
dougtop replied to alysson122010's topic in HTML e CSS
Bom dia Alysson, Você tem duas formas de resolver isso, a primeira e mais natural é você posicionar o form de login já em primeiro na ordem do html, isso garantirá que quando visualize em mobile ele apareça corretamente. A segunda opção é manter a estrutura do jeito que está e só ajeitar para mobile, lá no seu arquivo responsive.css, coloca a seguinte instrução dentro da tua media (Tablet Layout: 768px): .single-product-area .row{ display: flex; flex-direction: row-reverse; } Vê se funciona direitinho e me fale! Abraços! -
Boa tarde @kaayasinho , Os robôs do google priorizam duas informações sobre região e linguagem: 1 - A tag que indica o idioma em que um documento é escrito: <html lang="pt-br"> 2 - A metatag que indica o público alvo do site: <meta http-equiv="Content-Language" content="pt-br"> Ou seja, se você colocar essas instruções, tanto faz o domínio para os robôs do google, eles vão entender que o seu site pertence à região onde se fala português do Brasil. Se quiser saber mais: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Language Abraços!
- 2 replies
-
- 1
-
-
- html google
-
(and 1 more)
Tagged with:
-
Done! Boa sorte!
-
Site usando Bootstrap correto no inspetor e errado no celular
dougtop replied to ment0r's topic in HTML e CSS
Bom dia amigo, Acabei de acessar na web testando com o inspetor do google e tudo funcionou normalmente. Acessei também do meu celular e tanto para visão portrait quanto landscape apareceu tudo certinho! Aparentemente seu site está ótimo! Abraços, Douglas