Ferreira Studios por que não subir o nível e fazer um site completo usando um framework, tipo o Boostrap ou Pure? Sei que já tem tutoriais assim na internet, mas a maioria está em inglês e muitas pessoas não entendem, da forma que você explica ficaria muito mais claro.
Não é a minha área desenvolver/programar, mas curto assistir e até brincar um pouco com os códigos. Quando possível vou passar por aqui no seu canal. Parabéns. Explica de forma bem agradável.
*****, eu também sempre usei com Jquery. Mas descobri essa opção, que realmente é muito simples e possui um bom suporte. Obrigado por nos acompanhar amigo, forte abraço. ;)
estou tentando colocar em uma folha de etilo externa mas não pega, acho que é porque o script não encontra o caminho, me ajuda pf estou iniciando agora
boas muito bem explicado, eu so nao percebi a parte do innerHeight ja reparei que tirando essa parte o fundo do slide nao aparece mas nao precebi o que foi feito ai podes me explicar melhor o que acontece e para que serve isso?
+fabim matos InnerHeight é uma propriedade do objeto window no javascript. Por meio dela, conseguimos definir ou obter a largura da área onde o conteúdo é apresentado, não a largura do navegador em si. Abraços ;)
Quando a section ta fora da área visível(left: -250) ela continua gastando recursos do PC? Ou os navegadores entendem que não está na área visível e para de usar recursos pra ele?
Oi Ferreira tudo bem kra, gostei muito da sua aula, explicação bem fácil de se entender, ganhou mais 1 inscrito, mas fiquei com uma ? no ar, como faço pra mexer no tamanho da caixa cinza, consegui mexer na largura, mas na altura não vi onde faço, por gentileza se puder me ajudar agradeço.
Ei cara, parabéns pelo canal. Vc poderia fazer um vídeo em relação daquelas caixas de texto (formulário), que se adiciona em sites, e q envia todas as informações para algum banco de dados, e-mail talvez, não sei, ai vc upa para o servidor, pois eu não consigo fazer com q os dados escritos nas caixas por alguem chegue no meu e-mail quando upo para o servidor, vc me ajuda nessa? Desde criar as caixas, até upar para o servidor mandando as informações para um banco de dados, pf. Muito bom canal, parabéns.
SHILIT FIN ajudo sim, meu amigo. Me add no skype: ferreira.studios . Vamos marcar uma reunião. Manda no inbox da fãn page para que eu possa lembrar. Abraços .;)
Como faço para colocar um X para fechar no lugar do menu quando eu clicar para abrir. E Também quando o slide estiver aberto eu possa clicar em qualquer parte da pagina e ele fechar? Ficaria muito grato se respondesse!!
+JFINFOCELL basta você criar uma estrutura condicional no seu javascript. Quando o menu estiver aberto (ou seja, tiver a class tal) faça isso, caso contrário faça isso. Ex: Para identificar a ação de click e exibir o "x" quando aberto:$(function() { $('.toggle-nav').click(function() { toggleNav(); }); }); function toggleNav() { if ($('#wrapper').hasClass('show-nav')) { // Verifica se tem a class "show-nav" e remove ela quando o menu abrir $('#wrapper').removeClass('show-nav'); } else { // Add a class que contém o "X" quando o menu abrir $('#wrapper').addClass('show-nav'); } }Para fechar o menu:$(function () { $('.toggle-nav').click(function (e) { e.stopPropagation(); toggleNav(); }); $('#main').click(function (e) { var target = $(e.target); if (!target.closest('#nav').length && $('#wrapper').hasClass('show-nav')) toggleNav(); }); });
Cara, bom demais! Você explica de forma muito clara, parabéns!
Davi Martins vlw demais pelos elogios. Fico feliz em contribuir. Tem alguma sugestão para tutoriais futuros? Abraços ;)
Ferreira Studios por que não subir o nível e fazer um site completo usando um framework, tipo o Boostrap ou Pure? Sei que já tem tutoriais assim na internet, mas a maioria está em inglês e muitas pessoas não entendem, da forma que você explica ficaria muito mais claro.
Não é a minha área desenvolver/programar, mas curto assistir e até brincar um pouco com os códigos. Quando possível vou passar por aqui no seu canal.
Parabéns. Explica de forma bem agradável.
*****, obrigado meu caro! Fico feliz em contribuir de forma que todos entendam. Continue ligado conosco. Forte abraço ;)
exatamente 3:00 am, e caramba eu acabei de testar aqui e ficou bem bacana, como não conheci essa aula antes?
Muito bom, meu projeto de conclusão de curso era um site responsivo, e empaquei nessa parte do menu, mas agora deu certo!
Excelente seus videos, por acidente achei seu canal e como queria ter encontrado antes viu! Completo suas vídeo aulas. Parabéns mesmo. Sucesso.
Muito bom! Aguardo por mais aulas relacionadas ao conteúdo web.
cara tu é foda! Eu estava procurando ontem na internet como fazer! Sucesso, mano!
apesar de explicar bem rapido, foi uma otima aula, parabens!
Muito bom ... parabéns ... eu fazia usando o Toggle do JQuey haha ... gostei muito da vídeo aula.
*****, eu também sempre usei com Jquery. Mas descobri essa opção, que realmente é muito simples e possui um bom suporte. Obrigado por nos acompanhar amigo, forte abraço. ;)
Vou começar a usar assim também haha ... valew
Muito bom cara, você me ajudou demais em um projeto que estou fazendo... muito obrigado...
Show demais! Valeu!
ficou muito top. valeu
Muito Bom!
Show de bola!
estou tentando colocar em uma folha de etilo externa mas não pega, acho que é porque o script não encontra o caminho, me ajuda pf estou iniciando agora
boas muito bem explicado, eu so nao percebi a parte do innerHeight ja reparei que tirando essa parte o fundo do slide nao aparece mas nao precebi o que foi feito ai podes me explicar melhor o que acontece e para que serve isso?
+fabim matos InnerHeight é uma propriedade do objeto window no javascript. Por meio dela, conseguimos definir ou obter a largura da área onde o conteúdo é apresentado, não a largura do navegador em si. Abraços ;)
Quando a section ta fora da área visível(left: -250) ela continua gastando recursos do PC? Ou os navegadores entendem que não está na área visível e para de usar recursos pra ele?
O que o js faz nessa linha?
slider.style.height = window.innerHeight - 60 + "px";
muito boa essa aula
+rogerio adalto dos santos eu também adoro ela! rsrsrs Continue nos acompanhando meu amigo, grande abraço. ;)
muito bom e muito simples
parabéns pela iniciativa
Existe algum meio de adicionar mais de um toggle no código? Por exemplo: eu tenho 5 botões e cada um deles deve abrir uma div diferente.
+Nimmo tem sim! Basta colocar as referências diferentes (class e nos caminhos do js) .:)
Obrigadaaaa!
muito bom, amigo, seu eu estilizar pelo css pode dar problemas?
Ps. ainda não testei pq to esperando a vontade passar. rs
Muito bom, mais como faço sem a necessidade do click, quando passar o mouse e abrir?
+Cs Web Designer utilize o comando: OnMouseHover
Valeu pela dica, obrigado por responder. :)
Oi Ferreira tudo bem kra, gostei muito da sua aula, explicação bem fácil de se entender, ganhou mais 1 inscrito, mas fiquei com uma ? no ar, como faço pra mexer no tamanho da caixa cinza, consegui mexer na largura, mas na altura não vi onde faço, por gentileza se puder me ajudar agradeço.
JRoberto duVale basta definir o "Height" no css. Abraços ;)
Já consegui, mas mudei no script, tirei o window e deu certinho, um abraço e com toda certeza você ganhou mais um adepto.
JRoberto duVale fico muito feliz por ter conseguido. Forte abraço. ;)
Ei cara, parabéns pelo canal.
Vc poderia fazer um vídeo em relação daquelas caixas de texto (formulário), que se adiciona em sites, e q envia todas as informações para algum banco de dados, e-mail talvez, não sei, ai vc upa para o servidor, pois eu não consigo fazer com q os dados escritos nas caixas por alguem chegue no meu e-mail quando upo para o servidor, vc me ajuda nessa? Desde criar as caixas, até upar para o servidor mandando as informações para um banco de dados, pf.
Muito bom canal, parabéns.
SHILIT FIN Se vc ler esse comentário, tem como me responder?
SHILIT FIN ajudo sim, meu amigo. Me add no skype: ferreira.studios . Vamos marcar uma reunião. Manda no inbox da fãn page para que eu possa lembrar. Abraços .;)
Como faço para colocar um X para fechar no lugar do menu quando eu clicar para abrir.
E Também quando o slide estiver aberto eu possa clicar em qualquer parte da pagina e ele fechar?
Ficaria muito grato se respondesse!!
+JFINFOCELL basta você criar uma estrutura condicional no seu javascript. Quando o menu estiver aberto (ou seja, tiver a class tal) faça isso, caso contrário faça isso.
Ex:
Para identificar a ação de click e exibir o "x" quando aberto:$(function() {
$('.toggle-nav').click(function() {
toggleNav();
});
});
function toggleNav() {
if ($('#wrapper').hasClass('show-nav')) {
// Verifica se tem a class "show-nav" e remove ela quando o menu abrir
$('#wrapper').removeClass('show-nav');
} else {
// Add a class que contém o "X" quando o menu abrir
$('#wrapper').addClass('show-nav');
}
}Para fechar o menu:$(function () {
$('.toggle-nav').click(function (e) {
e.stopPropagation();
toggleNav();
});
$('#main').click(function (e) {
var target = $(e.target);
if (!target.closest('#nav').length && $('#wrapper').hasClass('show-nav')) toggleNav();
});
});
+Ferreira Studios ® valeu 👍 cara muito obrigado pela atenção.
JFINFOCELL estamos juntos meu amigo. Grande abraço. ;)
Fiz tudo certinho quando chegou no script não deu certo!???
+Alexandre lobo Elétric
sera por que eu salvei o documento em html????
ruclips.net/video/482PRYZmTic/видео.html