Classificação
0 %
Popularidade
Opine
Descrição:
EXTRA! Baixe GRATUITAMENTE dos pacotes para as aulas: …
Obrigado pelos excelentes ensinamentos professor usei a tag table#tabelaspec td.ce:hover{
background-color: #606060;} na aula 21 ficou show de bola
Gente quem esta tendo dificuldade na Transação em 2022, Apos uma longa dor de cabeça conseguir achar uma solução:
transition: opacity backgroud-color 5s;
-webkit-transition: opacity backgroud-color 5s;
-moz-transition: opacity backgroud-color 5s;
-o-transition: opacity backgroud-color 5s;
-ms-transition: opacity backgroud-color 5s;
usem opacity =)
após 8 anos e esse curso salvando minha faculdade em andamento, pago a faculdade so para o diploma mesmo, porque aprender, aprendo muito mais aqui 🙂
Meus notes da aula:
NOVIDADES: (spoiler: *nenhuma xD)
*até teve a dica sobre a retrocompatibilidade de navegadores, mas não achei importante o suficiente para anotar.
Relembrando da aula 10:
O :hover é uma pseudo-classe que age como um Seletor de Elementos. Ele faz com que o elemento selecionado REAJA de alguma forma quando o cursor passar por cima dele.
Relembrando da aula 10:
A propriedade transition: serve para alterar o valor de alguma OUTRA propriedade de maneira suave e gradual, criando assim um efeito de transição.
muito obrigado pelas aulas!!!
2022 🤘
este site não está funcionando não consigo sair desta aula, estou tentando fazer essa parte do exercício e não consigo -.-
O nav#menu funcional no visual code?no aparentemente não tá funcionando 😕
Essas aulas são muito boas.
Parabéns Gustavo!
Estou acompanhando suas aulas desde a primeira. Sua didática é invejável.
Apesar de já ter conhecimento do HTML, gostei em ter relembrado e, confesso, aprender algumas tags novas que não tinha testado ainda.
Estou em uma revisão radical partindo do HTML até o jQuery para usar jQuery EasyUI (framework muito interessante) passando inevitavelmente pelo PHP. Um curso sobre o EasyUI deve ser muito útil. Pense no assunto.
Uma ferramenta que entendo ajudará, e muito, aos usuários dessas ferramentas é um Servidor online, onde possamos programar, hospedar, testar e utilizar aplicativos sem precisar fazê-lo em uma máquina local, subir todos arquivos, configurar etc. Muito chato isso tudo. Se pudermos fazer todo o processo estando dentro de um mesmo ambiente, será mais produtivo. Portanto, sugiro um tutorial sobre isso também. Sabe como é, um empurrãozinho dando o starter inicial ajudará e muito.
Grande abraço e bom trabalho.
👍
Guanabara está sendo o professor de muitos futuros developers , se um dia chegar no topo agradeço totalmente ao guanabara por isso
use e abuse do Prefixer, mais com moderação kkkkkkkkkkkkkk
Alguém q fez o curso ou esteja fazendo tem todas as anotações? rsrd pode compartilhar?rsrs
Ótimas aulas , como sempre Professor .
Obrigado pelas aulas .
Seguindo o curso em 2021 pelo site.
Quero deixar uma dica sobre o Prefixr (minuto 7:05), que aparentemente não existe mais. Existem vários outros "Prefixers" disponíveis, tanto online quanto em softwares gratuitos para downloads. Mas a dica que quero mesmo deixar é para quem usa do VS Code, pois existe uma extensão chamada "css-auto-prefix" que, como o próprio nome diz, ele completa o CSS com todos os webkits, após você digitar a linha de comando do efeito desejado.
para quem nao conseguiu usar o "transition : backgroud-color 1s" tenta usar o "transition-duration: 1s;"
Obrigadooooooooooooooo
/* Formatação do Menu */
nav#menu {
display: block;
}
nav#menu ul{
list-style: none;
text-transform: uppercase;
position: absolute;
top: -20px;
left: 300px;
}
nav#menu li{
display: inline-block;
background-color: #dddd;
padding: 10px;
margin: 2px;
transition: background-color 1s;
}
nav#menu li:hover {
background: #606060;
}
nav#menu a {
color:#000000;
text-decoration: none;
}
nav#menu a:hover {
color:#dddd;
text-decoration: underline;
}
nav#menu h1 {
display: none;
}
mais que curso foda em
Sobre o prefixr.com
403 Forbidden
Forbidden
You don't have permission to access / on this server.
Apache/2.2.31 (CentOS) Server at prefixr.com Port 80
OBRIGADA!
Òtima aula!
É o tipo de curso que passará por várias gerações (relativamente, claro… gerações de sistemas são diferentes de gerações humanas, eh, eh)
Dica!
Esse nav#menu a:hover ai me parece um pouco estranho, pois ele só vai funcionar quando tiver em cima do link e não em cima do botão.
Conserte isso colocando nav#menu li:hover a {…} isso vai ativar quando o mouse ficar em cima do botão, porém so vai afetar o link.
Ótima aula! 🙂
Ótima aula professor. Muito obrigado.
O meu background-color so funcionou desse jeito ak pessoal
<code>
nav#menu ul:hover li {
background-color: #606060;
}
</code>
Ignora o code, e só semântico mesmo
Seus videos são ótimos! Sua didática é excelente.
Eu tenho acompanhado o curso (em 2020), mas ainda não consigo entender como faz para ter a segunda tela (com o protótipo do site), ele digita eu digito, ele atualiza e eu fico assitindo…alguém! Tô tentando aprender sozinho, mas só boa vontade não basta!
Não consegui usar o prefixr.com.
curso de HTML 5 muito bom.
Professor pq o tamanho do nosso código pode ser um problema se for muito grande ?
Minutagem
00:00 Intro
00:26 Apresentação e resumo da aula anterior
00:50 Início Aula 14
Dicas: USE SOFT WRAPS (Quebra de linha) e SHOW LINE NUMBER
01:46 Formatando o menu com CSS3
01:55 hover:
02:51 transition:
04:50 TRAINNING
06:27 Retrocompatibilidade com PREFIXR
08:26 Formatando os lindos
10:03 TOY SHOW
10:29 Encerramento
Assistindo em 2020? Resolve essa: A transição entre cor do fundo e cor do texto não casam, no processo de configuração da css, se não for complementado/corrigido o código para sanar isso, se o usuário clicar nas laterais do item do menu(parte cinza) sem encostar no range do elemento da ação (texto), este (o texto), não irá transacionar (mudar de cor) como resolver?
muitto bommmmm!
Olá, não consegui encontrar essa área para pegarmos o código do prefixr e fazer com que mais navegadores reconheçam esta tecnologia.
Prof. Gustavo, vc poderia fazer um vídeo falando sobre seletores compostos???? Obrigado!!!!
não consigo dar continuação nas aulas pois nada que foi formatado na aula passada e nesta está sendo reconhecida e aplicada , tudo que coloquei no nav# não funciona. Alguem sabe como resolver
@charset "UTF-8";
body{
background-color: white;
color: rgba(0, 0, 0, 1);
}
p{
text-align: justify;
text-indent: 50px;
}
/* FORMATAÇÃO DE IMAGENS COM LEGENDAS */
figure.foto-legenda{
position: relative;
border: 8px solid white;
box-shadow: 1px 1px 4px black;
}
figure.foto-legenda img {
width: 100%;
height: 100%;
}
figure.foto-legenda figcaption {
opacity: 0;
position: absolute;
top: 0px;
background-color:rgba(0, 0, 0, 4);
color:white;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: opacity 1s;
}
figure.foto-legenda:hover figcaption{
opacity: 1;
nav#menu {
display:inline;;
}
/* FORMATAÇAO DO MENU */
nav#menu ul {
list-style: none;
text-transform:capitalize;
position: relative;;
top: 0px;
left: 100px;
}
nav#menu li {
display: inline-block;
background-color: green;
padding: 10px;
margin: 2px;
}
nav#menu li:hover{
background-color: #606060;
}
nav#menu h1{
display: none;
Em 2020 Sorrindo muito dele pedindo pra compartilhar no Orkut! kkkk
Vim do futuro pra dizer que ainda é o melhor cara que ensina de graça