SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
THEBGSv
BERNARD DE LUNA
INVENTAR
INVENTAR
INVENTAR
EXPERIMENTAR
ERRAR
DESIGN
CSS
CSS
.cow {background: wow;}
.cow {background: wow;}
.cow {background: wow;}
.cow {background: wow;}
a criatividade não está na
complexidade do seu código,
e sim como você aplica ele.
tweetable
@bernarddeluna
linear gradient
http://dabblet.com/gist/ca9545ec7726711ae7fc
botão
http://dabblet.com/gist/30dbbd56c7a0bf2bcba8
cubo
http://dabblet.com/gist/4b0b24fcf037266b5e6d
old radio
BRINQUE VOCÊ
quem diria que o CSS faria
linhas retas serem tão
divertidas como nunca antes.
tweetable
@bernarddeluna
radial gradient
http://dabblet.com/gist/be6f2a483089b4fdf8a5
radial
BRINQUE VOCÊ
num css qualquer eu desenho
um sol amarelo
e com cinco ou seis retas é
fácil fazer um castelo.
tweetable
@bernarddeluna
background clip
http://dabblet.com/gist/117a84992be199554929
background-clip
http://dabblet.com/gist/a91aeeadb08a90faa11a
background-clip:text
BRINQUE VOCÊ
permita-se experimentar e
criar coisas inúteis, elas
podem transformar a sua e a
vida de muita gente.
tweetable
@bernarddeluna
não tem problema gostar mais
de CSS do que JS. você não é
mais ou menos dev front-end
por causa disso.
tweetable
@tableless
OBRIGADO
@BERNARDDELUNA

Más contenido relacionado

Más de Bunee.io - Hiring with Intelligence

[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna [FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna Bunee.io - Hiring with Intelligence
 
Oficina de Planejamento Corte: Seu layout virando código - 15 EDTED
Oficina de Planejamento Corte: Seu layout virando código  - 15 EDTEDOficina de Planejamento Corte: Seu layout virando código  - 15 EDTED
Oficina de Planejamento Corte: Seu layout virando código - 15 EDTEDBunee.io - Hiring with Intelligence
 

Más de Bunee.io - Hiring with Intelligence (19)

O que não lhe contaram sobre a carreira de DEV
O que não lhe contaram sobre a carreira de DEVO que não lhe contaram sobre a carreira de DEV
O que não lhe contaram sobre a carreira de DEV
 
A importância de Aprender Ensinando
A importância de Aprender EnsinandoA importância de Aprender Ensinando
A importância de Aprender Ensinando
 
Lean UX: Parem de criar produtos, comecem a criar experiências
Lean UX: Parem de criar produtos, comecem a criar experiênciasLean UX: Parem de criar produtos, comecem a criar experiências
Lean UX: Parem de criar produtos, comecem a criar experiências
 
Lean UX para aplicativos mobile
Lean UX para aplicativos mobileLean UX para aplicativos mobile
Lean UX para aplicativos mobile
 
Design behind scenes and layers
Design behind scenes and layersDesign behind scenes and layers
Design behind scenes and layers
 
Semântica: Uma jornada pelos componentes web
Semântica: Uma jornada pelos componentes webSemântica: Uma jornada pelos componentes web
Semântica: Uma jornada pelos componentes web
 
como pensar front para wordpress
como pensar front para wordpresscomo pensar front para wordpress
como pensar front para wordpress
 
Atenção: Dev no palco!
Atenção: Dev no palco!Atenção: Dev no palco!
Atenção: Dev no palco!
 
Layouts Responsivos
Layouts ResponsivosLayouts Responsivos
Layouts Responsivos
 
Surpresa
SurpresaSurpresa
Surpresa
 
Quero ser um ninja em xHTML, HTML5 e CSS3
Quero ser um ninja em xHTML, HTML5 e CSS3Quero ser um ninja em xHTML, HTML5 e CSS3
Quero ser um ninja em xHTML, HTML5 e CSS3
 
Design agil: Encaixando o Design no processo
Design agil: Encaixando o Design no processoDesign agil: Encaixando o Design no processo
Design agil: Encaixando o Design no processo
 
Modular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativosModular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativos
 
UX SUX
UX SUXUX SUX
UX SUX
 
Planejamento de um wireframe orientado para aplicativos
Planejamento de um wireframe orientado para aplicativosPlanejamento de um wireframe orientado para aplicativos
Planejamento de um wireframe orientado para aplicativos
 
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna [FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
[FrontinBH] Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
 
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de LunaQuero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
 
Design para web, uma visão funcional
Design para web, uma visão funcionalDesign para web, uma visão funcional
Design para web, uma visão funcional
 
Oficina de Planejamento Corte: Seu layout virando código - 15 EDTED
Oficina de Planejamento Corte: Seu layout virando código  - 15 EDTEDOficina de Planejamento Corte: Seu layout virando código  - 15 EDTED
Oficina de Planejamento Corte: Seu layout virando código - 15 EDTED
 

Último

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfNatalia Granato
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 

Último (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 

The BGs - Background CSS