Search the Community
Showing results for tags 'front-end'.
Found 5 results
-
Eu tenho um carousel do bootstrap e me foi proposto que quando trocasse o slide, fizesse uma pequena animação nos elementos dentro dele Algo assim: if($('#item-2').hasClass('active')){ $('.imagem-carousel').fadeIn(2000) } Mas eu queria saber como eu faço pra que essa condição seja verificada sempre que o slide for trocado, seja por click, arrastando ou quando o slide passa automaticamente.
-
- javascript
- jquery
-
(and 1 more)
Tagged with:
-
Estou tentando inserir essa lógica no scroll da minha página, ele pega corretamente a condição do ife entra no laço. Para todos os demais elementos da página que geram o scroll, ele rola certo, apenas para o button#conheca que não consigo fazer o cálculo da altura. Preciso que ele pegue o offset e some com a altura, devido ao menu que abre em mobile, mas ele está sendo sobrescrito pelo scrollTop anterior. Com qual função devo verificar para executar corretamente a lógica? if($(window).width() <= 768){ $("html, body, button:not(#conheca)").animate({ scrollTop: (target.offset().top - $(window).height()) }, 1000, "easeInOutExpo"); return false; $("#conheca").on("click", function(){ $('#conheca').animate({ scrollTop: (target.offset().top + $(window).height()) }, 1000, "easeInOutExpo"); return false; }); }else{ $('html, body').animate({ scrollTop: (target.offset().top) }, 1000, "easeInOutExpo"); return false; }
-
- javascript
- jquery
-
(and 3 more)
Tagged with:
-
Por favor, gostaria de opniões sobre esse site : Como está meu HTML/CSS, digo o desenvolvimento front-end, sou iniciante. O visual está ficando legal? É um site teste, um pseudo currículo.
-
Galera, to compartilhando um curso mega útil. Em uma página web moderna pode conter diversas imagens e muitas vezes essas nem chegam a ser vistas pelo usuário, pois o mesmo pode clicar em um link e já navegar para outro conteúdo, não é verdade? No desenvolvimento de uma aplicação web, por exemplo, acabamos carregando todas as imagens mesmo sem necessidade, o que atrapalha e muito o tempo de carregamento e aumenta o consumo de banda desnecessariamente. Existe uma técnica chamada Lazy Load que resolve exatamente esse problema, ou seja, as imagens são carregadas apenas quando aparecem na área visível do navegador. https://preview.ibb.co/kEwDOH/curso_lazy_load_1.png https://preview.ibb.co/jOiciH/curso_lazy_load_2.png Se liga aqui para ver os cursos, completos e grátis:https://youtu.be/86wxusfp000 https://youtu.be/IKznPWVgDKg https://youtu.be/8JW2kH4spk0 https://youtu.be/NWE_2Sz7cjg https://youtu.be/R3ZwASzR0m8 https://youtu.be/BBqD-oJTg7s
-
programming PROGRAMING/PROGRAMAÇÃO WEB (AJUDA?)
Zombie Ninja posted a question in Perguntas e respostas rápidas
OLÁ Quero me inspirar nesse site (https://dreamteam.gg) no modo como ele funciona, eu achei muito legal à ideia dele! COMO POSSO CRIAR ESSA INTERATIVIDADE DELE? Quando um usuário faz algo que que é possível fazer nele, um FEED mostra.. quero fazer algo parecido :( mas sou muito iniciante. #HelpMeAe ♥