Skip to content

Instantly share code, notes, and snippets.

View felipefialho's full-sized avatar
:octocat:
working at @juntossomosmais and @frontendbr 🙃

Felipe Fialho felipefialho

:octocat:
working at @juntossomosmais and @frontendbr 🙃
7.4k followers · 261 following
View GitHub Profile
@felipefialho
felipefialho / lista-de-estudo.md
Last active January 28, 2022 04:23
Lista com sugestões de estudo para Desenvolvedores Front-End.

Lista de estudo para Desenvolvedores Front-End

Quer estudar sobre algo além do trio mágico HTML, CSS e Javascript e não sabe por onde começar?

Segue uma lista com sugestões de estudo extra para Desenvolvedores Front-End.

CSS

  • PostCSS
@felipefialho
felipefialho / aproximando-seus-estudos-de-cenarios-reais.md
Last active February 25, 2019 14:13
Aproximando seus estudos de cenários mais reais

Teoria x Prática

Aproximando seus estudos de cenários mais reais

O problema

Uma das perguntas mais comuns entre desenvolvedores iniciantes ou que ainda estão em fase de estudos, é:

@felipefialho
felipefialho / font-settings.md
Last active February 25, 2019 14:11
Font Settings - LESS

Fonts

REM fallback for old browsers and set line-height

Mixin

//
// Fonts - REM fallback for old browsers and line-height
// --------------------------------------------------
@felipefialho
felipefialho / css-capitalize.md
Last active December 19, 2018 19:18
[CSS Trick] Capitalize the first letter only

Capitalize the first letter only

.foo
  text-transform lowercase
  
  &:first-letter 
    text-transform uppercase
@felipefialho
felipefialho / border-color-parent-color.md
Created December 5, 2016 15:44
[CSS Trick] Border-color with the same color of parent font dynamically

Border-color with the same color of parent font dynamically

.foo
  border-color currentColor
  color tomato

!important, It works with all elements inside of parent.

@felipefialho
felipefialho / css-empty.md
Last active November 24, 2016 20:42
[CSS Trick] Hide dynamic element that break the layout when it is empty.

Hide dynamic element that break the layout when it is empty.

&:empty
  display none

!important, it can't have space on HTML

✌️

@felipefialho
felipefialho / git-delete-local-remote-branch.md
Created November 24, 2016 12:49
[Git Trick] Easier way to delete branch local and remote

Easier way to delete branch local and remote

$ git branch -d [the_branch]
$ git push origin :[the_branch]

👽

@felipefialho
felipefialho / css-fist-not-last.md
Created November 23, 2016 17:55
[CSS Trick] Select on sametime the first element but not if it is the last element

Select on sametime the first element but not if it is the last element

&:first-child:not(:last-child)

👺

@felipefialho
felipefialho / medium-example-css-airbnb.styl
Created October 11, 2016 15:15
// The molecule
.card
h2
...
p
...
.price
...
@felipefialho
felipefialho / medium-example-html-airbnb.html
Created October 11, 2016 15:10
<section class="place">
<div class="place__container">
<h1>Lugares vistos recentemente</h1>
<p>Continue de onde parou</p>
<a class="card" href="#">
<div class="card__main">
<img src="" alt="">
<h2>Hospedado por Luciana</h2>
<p>Rio de Janeiro</p>