No video

CSS Position ou Flexbox? Qual é melhor?

  Рет қаралды 2,627

Serliv

Serliv

Жыл бұрын

#CSS #frontend #webdesign #webdev
Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
/ @serliv
Nesse vídeo eu mostro onde é melhor utilizar display: flex para posicionar elementos filhos e quando devemos usar o position absolute para esse propósito
🌟 Links comentados no vídeo e outros interessantes 🌟
📺 Playlist VÍDEOS EM DESTAQUE.
• VÍDEOS EM DESTAQUE
📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
• CURSO Web Fundamentos:...
📺 Playlist Análise de Portfolio / Projeto de iniciante
• Análise de Portfolio /...
🎁 [ATUALIZADO] CURSO WEB DESIGN FRONTEND COMPLETO HTML + CSS + Javascript
serfrontend.co...
✅ CSS: Aprenda DE VERDADE css position: static, absolute, relative, fixed e sticky
• CSS: Aprenda DE VERDAD...
✅ Análise de portfolio FRONT-END
• Análise de portfolio F...
✅ ANÁLISE DE PROJETO: Por que o design UI/UX é essencial para o sucesso do seu projeto digital
• ANÁLISE DE PROJETO: Po...
✅ Analisando Portfolio de Iniciante em FRONT END - parte 06
• Analisando Portfolio d...
✅ 4 Sites para praticar HTML e CSS
• 4 Sites para praticar ...
✅ Analisando DESIGN de portfolio de iniciante
• Analisando DESIGN de p...
✅ [CSS] Unidades de medida em vs rem.
• [CSS] Unidades de medi...
✅ O que estudar para conseguir o primeiro emprego como dev front-end
• O que estudar para con...
✅ Minha experiência como programador front-end
• Minha experiência como...
✅ TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
• TUTORIAL CSS GRID. Com...
✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
• Crie interfaces melhor...
✅ FAÇA o seu PORTFOLIO se DESTACAR frente aos demais
• 🤩 FAÇA o seu PORTFOLIO...
✅ [CSS] Misturar cores SEM SOFRER com color-mix()
• [CSS] Misturar cores S...
✅ 2 PORTIFÓLIOS (FRONT-END) INCRÍVEIS analisados juntos. Só vem.
• 2 PORTIFÓLIOS (FRONT-E...
✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
• Como criar PÁGINAS WEB...

Пікірлер: 40
@serliv
@serliv Жыл бұрын
Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html Curso Javascript Completo: serfrontend.com/cursos/javascript-completo/index.html Outros links que podem ser interessantes: Blog: serfrontend.com/blog/ Meus cursos: serfrontend.com/cursos/ Canais em redes sociais: Twitter: twitter.com/serlivcursos Linkedin: www.linkedin.com/in/serliv Instagram: instagram.com/serlivcursos Facebook: facebook.com/serlivcursos Instrutor: Daniel Tapias Morales Twitter: twitter.com/tapmorales Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/ Medium: medium.com/@tapmorales Github: github.com/tapmorales
@user-fx2sk2gi4l
@user-fx2sk2gi4l Жыл бұрын
tenho todos seus cursos na udemy, eu gostaria de ver um sobre Figma ou um framework
@serliv
@serliv Жыл бұрын
Muito obrigado pela confiança e pela sugestão. Abração
@DevFFontes
@DevFFontes Жыл бұрын
Muito bom essa parte do figma , usei uma vez só para aprender um projeto , mas com sua aula vi que ele eh otimo para melhorar nossas percepção e o modo de visualizar as coisas
@serliv
@serliv Жыл бұрын
Com certeza. Muito obrigado pela mensagem
@luisstraatmann8746
@luisstraatmann8746 Жыл бұрын
dei esse video pro Carlos Silva ele adorou tua didatica
@jeffersondeoliveirachaves4987
@jeffersondeoliveirachaves4987 7 ай бұрын
Muito bom professor!
@serliv
@serliv 7 ай бұрын
Muito obrigado Jefferson
@DevFFontes
@DevFFontes Жыл бұрын
Seus videos sempre muitos bom , e flex e position sempre e bem vindo , parabéns, certamente quando eu terminar o meu curso atual vou adquirir o seu
@serliv
@serliv Жыл бұрын
Show :)
@joanSub
@joanSub 5 ай бұрын
Aula top
@serliv
@serliv 5 ай бұрын
Obrigado 😃
@sr.maktub2108
@sr.maktub2108 Жыл бұрын
Com certeza uma PlayListe de Figma seria excelente professor
@serliv
@serliv Жыл бұрын
Muito obrigado pelo feedback. Forte abraço
@jeffersondeoliveirachaves4987
@jeffersondeoliveirachaves4987 7 ай бұрын
Figma é top!
@Diego01718
@Diego01718 Жыл бұрын
Opa, usou meu exemplo do Leclerc hahaha, obrigado pelas dicas!
@serliv
@serliv Жыл бұрын
Show. Espero que tenha sábado sua dúvida. Forte abraço
@gabs8922
@gabs8922 Жыл бұрын
ótimo vídeo, professor ✨🤍
@serliv
@serliv Жыл бұрын
Obrigado 😃
@cajuwildrift2960
@cajuwildrift2960 Жыл бұрын
Eu ia gostar MUITO se tivessem conteudos sobre figma e essa parte mais de design, tenho muita dificuldade em pensar projetos para iniciar.
@serliv
@serliv Жыл бұрын
Opa. Muito obrigado pelo feedback
@Igor-vk8fl
@Igor-vk8fl Жыл бұрын
AMEI essa segunda parte do vídeo. Minha maior dificuldade é visualizar os containers para fazer a estilização. Se você tivesse um curso apenas disso, mostrando como você montaria a estrutura dso sites eu compraria NO ATO!! Um vídeo bem longo mesmo, com VÁRIOS sites de exemplo pra fixar BEM na mente a coisa. Tipo, analisar o site da SONY, NINTENDO, REDBULL, Boticário, CNN, esses sites famosos assim seria MUITO LEGAL MESMO. Sobre aula de Figma eu voto contra, prefiro ver seu canal focado no HTML/CSS. Última coisa, no link da sua página quando clica no botão para adiquirir o curso, não está direcionando para sua página da udemy. Aparece uma página genérica com outros cursos alatórios.
@serliv
@serliv Жыл бұрын
Obrigado pela sugestão e pelo alerta. Vou ver o que pode estar acontecendo
@Igor-vk8fl
@Igor-vk8fl Жыл бұрын
@@serliv Achei o problema. Tira o cupom do link que funciona normalmente.
@MateusSilva-il2oi
@MateusSilva-il2oi 4 ай бұрын
Seria uma boa ideia de trazer o figma
@serliv
@serliv 4 ай бұрын
Valeu Mateus
@DevFFontes
@DevFFontes Жыл бұрын
Citou uma coisa no video que aconteceu comigo Eu fiz um projeto a 4 messes atras , e hoje foi rever ele kkkk rapaz que cagada um monte de merda , porem eh otimo para acompanhar as evoluções
@serliv
@serliv Жыл бұрын
Isso chama-se evolução :)
@ramonmachadosilva
@ramonmachadosilva Жыл бұрын
Pode usar o transform: translate() para posicionar elementos? Podia fazer um vídeo falando sobre esse tema
@serliv
@serliv Жыл бұрын
Muito obrigado pela sugestão
@daviamerico2268
@daviamerico2268 2 ай бұрын
O que eu faço se eu quero centralizar por algum motivo (por exemplo um dialogo) que é filho de um display relative no meio do body?
@serliv
@serliv 2 ай бұрын
hummm. Teria mesmo que tirar do container com position relative. Eu pelo menos não conheço outra forma
@rafaelsergiosouza
@rafaelsergiosouza Жыл бұрын
pesoal, fugindo um pouco do assunto principoal do video. Upei um site do meu portfolio, usando netlify, mas as vezes o site carrega com o index desatualizando, trazendo alguns bugs, e as vezes ele carrega com o index atualizado como deveria ser e esta no reposiório do github, alguem ja passou por isso?
@douglast.9790
@douglast.9790 10 ай бұрын
faz uma live criando um figma! e depois criando em código
@serliv
@serliv 10 ай бұрын
Muito obrigado pela sugestão
@adrianarodrigues5429
@adrianarodrigues5429 Жыл бұрын
Figma? yes, please!
@serliv
@serliv Жыл бұрын
Muito obrigado 😊
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 6 МЛН
Идеально повторил? Хотите вторую часть?
00:13
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 17 МЛН
Harley Quinn's plan for revenge!!!#Harley Quinn #joker
00:49
Harley Quinn with the Joker
Рет қаралды 27 МЛН
TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
29:25
APRENDA A APRENDER (HTML e CSS ou qualquer outra coisa)
18:17
Pure CSS: Cubic Bezier Explained
3:46
Arjun Khara
Рет қаралды 3,7 М.
Aprenda CSS Position em 10 Minutos - Tutorial CSS para Iniciantes
10:35
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Origamid
Рет қаралды 648 М.
A Maneira Correta de Utilizar o CSS
8:09
DevMedia
Рет қаралды 11 М.
CSS Grid e Flexbox: Layouts e Exemplos do Mundo Real
2:07:02
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 6 МЛН