Uma das funcionalidades mais comuns que usamos no dia a dia no CSS são as
https://css-tricks.com/a-complete-guide-to-css-media-queries/
#guide #csstricks #mediaquery
media queries. Se está procurando um guia muito completo que cobre praticamente tudo que você precisa saber, não deixe de conferir este guia do time do CSS Tricks:https://css-tricks.com/a-complete-guide-to-css-media-queries/
#guide #csstricks #mediaquery
CSS-Tricks
CSS Media Queries Guide | CSS-Tricks
CSS Media queries are a way to target browser by certain characteristics, features, and user preferences, then apply styles based on those things.
Quer ter acesso a um conteúdo incrível sobre os fundamentos do CSS? Então, dê uma olhada na publicação da equipe do DPW. Um livro gratuito sobre os 3 fundamentos do CSS. Não deixe de conferir!
https://www.youtube.com/watch?v=oiKXtNlvxRg
#foundations #tricks #books
https://www.youtube.com/watch?v=oiKXtNlvxRg
#foundations #tricks #books
YouTube
🚀 [GRÁTIS] Os 3 Conceitos Fundamentais de CSS
Muitos são os que usam CSS; poucos os que entendem como realmente funciona. A boa notícia é que agora VOCÊ vai entender!
⭐ Download GRÁTIS do e-book
https://mailchi.mp/500e81011405/3-conceitos-css
Esteja você no início dos estudos com CSS, ou mesmo se for…
⭐ Download GRÁTIS do e-book
https://mailchi.mp/500e81011405/3-conceitos-css
Esteja você no início dos estudos com CSS, ou mesmo se for…
Quer saber como criar esse efeito de sidebar fixa (https://diversity.fb.com/initiatives/at-facebook/) com CSS? Não deixe de conferir este incrível post do CSS Tricks sobre.
https://css-tricks.com/a-dynamically-sized-sticky-sidebar-with-html-and-css/
#tricks #tutorials
https://css-tricks.com/a-dynamically-sized-sticky-sidebar-with-html-and-css/
#tricks #tutorials
Meta Diversity
Diversity and inclusion fuel Meta's mission of giving people the power to build community and bring the world closer together. Find out what we're doing to build diverse and inclusive teams at Meta and expand opportunity for people in our communities.
Já precisou sobrepor elementos com CSS? Leia este artigo sobre este tema, que mostra como criar uma classe utilitária para essa necessidade e de bônus trás algumas dicas sobre a nova propriedade inset e logical properties.
https://desenvolvimentoparaweb.com/css/elementos-cobertura-css/
#article
https://desenvolvimentoparaweb.com/css/elementos-cobertura-css/
#article
desenvolvimento para web
Técnicas CSS para elementos de cobertura | desenvolvimento para web
Veja algumas técnicas possível para fazer elementos de cobertura (cobrir um elemento com outro) através de utilitários CSS.
Sai as uns poucos dias a versão 0.9.2 do Bulma. Vieram alguns bug fixes e interessantes features. Não deixe de conferir
https://github.com/jgthms/bulma/releases/tag/0.9.2
https://github.com/jgthms/bulma/releases/tag/0.9.2
GitHub
Release 0.9.2 · jgthms/bulma
Breaking change
To fix duplicate imports, all Sass placeholders have moved from the utilities/mixins file to its own utilities/extends file.
The Sass placeholders are:
%control
%unselectable
%arro...
To fix duplicate imports, all Sass placeholders have moved from the utilities/mixins file to its own utilities/extends file.
The Sass placeholders are:
%control
%unselectable
%arro...
Olha que tutorial interessante que mostra passo a passo como criar um botão estilo Cyberpunk 2077. Ou como diz o título, “Levando seu CSS para Night City”. Não deixe de conferir!
https://dev.to/jh3y/css-cyberpunk-2077-buttons-taking-your-css-to-night-city-43l0
#tutorial
https://dev.to/jh3y/css-cyberpunk-2077-buttons-taking-your-css-to-night-city-43l0
#tutorial
DEV Community
CSS Cyberpunk 2077 Buttons - Taking your CSS to Night City
If you're in the slightest interested in video games, you're no doubt aware of Cyberpunk 2077. It's o...
Já precisou criar um triângulo com CSS? Ou pegar o código da tecla que o usuário digita com JS? Então confira esta aplicação que fornece esses e outras ferramentas para ajudar no dia a dia de desenvolvimento Front End.
https://omatsuri.app/
#tools
https://omatsuri.app/
#tools
Já teve dificuldades em entender o que significa a porcetagem em CSS? Não deixe de conferir este texto bem interessante que mostra o que significa 100% em CSS? Detalhe: em cada exemplo é possível “brincar”, testando novos valores.
https://wattenberger.com/blog/css-percents
#tutorial #article
https://wattenberger.com/blog/css-percents
#tutorial #article
Lançamento oficial do Bootstrap 5! https://blog.getbootstrap.com/2021/05/05/bootstrap-5/
#bootstrap #release
#bootstrap #release
Bootstrap Blog
Bootstrap 5
Bootstrap 5 has officially landed! After three alphas, three betas, and several months of hard work, we’re shipping the first stable release of our new major version. It’s been a wild ride made possible by our maintainers and the amazing community that uses…
No, Utility Classes Aren't the Same As Inline Styles
https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
#article
https://frontstuff.io/no-utility-classes-arent-the-same-as-inline-styles
#article
frontstuff.io
No, Utility Classes Aren't the Same As Inline Styles | frontstuff
Half a decade after the first commit of the pioneering ACSS, utility-first CSS is more popular than ever. With success comes many adepts but also a fair shar...
Existe o caniuse.com, mas também existe o caniemail.com. Não deixe de conferir essa interessante ferramenta que pode te ajudar a enterder quais recursos você pode usar nos seus e-mails.
https://www.caniemail.com/
#resource #tools
https://www.caniemail.com/
#resource #tools
Caniemail
Can I email…
Support tables for HTML and CSS in emails
Quer um overview de algumas novidades no CSS para melhorar a experiência de nossos usuários na Web? Neste texto é abordado algumas novas tecnologias que nos ajudam a tornar os nossos websites/webapps responsivos. Não deixe de conferir!
https://desenvolvimentoparaweb.com/css/o-novo-web-design-responsivo/
#article #resource
https://desenvolvimentoparaweb.com/css/o-novo-web-design-responsivo/
#article #resource
desenvolvimento para web
O novo web design responsivo | desenvolvimento para web
Uma nova era de web design responsivo começou. Quer saber mais a respeito? Leia para saber as novidades e como elas mudam tudo!