Заметки фронтендера

Двигай лягушку
@
Изучай flexbox
Важнейшее нововведение CCS3 на интерактивных примерах https://flexboxfroggy.com/
#css #flexbox #css3 #grid

Flexboxfroggy

Flexbox Froggy

A game for learning CSS flexbox

150 views08:37

Заметки фронтендера

Гайд как правильно расставлять margin и padding
https://habrahabr.ru/post/340420/
#css #margin #padding

Хабр

Организация отступов в верстке (margin/padding)

Цель этой статьи не усложнить простые вещи, а акцентировать внимание на известных стандартах, о которых почему-то забывают. Важно соблюдать осмысленную структу...

161 views08:39

Заметки фронтендера

#flex #scroll #верстка #css #flexbox
Флекс с горизонтальным скроллом.

.parent {
  overflow: auto;
}
.children {
  display: flex;
  flex: 0 0 auto;
}

157 viewsedited 11:06

Заметки фронтендера

Prettier работающий под любой ОС из консольки.
1. В package.json в scripts добавляем:
"prettier": "cross-env prettier --write 'src/**/*.{js,ts,tsx}'",
2. npm run prettier
3. ??????
4. PROFIT!!!
#css #prettier #windows

180 viewsedited 05:17

Заметки фронтендера

This media is not supported in your browser

VIEW IN TELEGRAM

Иструкция как написать красивый dropdown по наведению на табы, как в меню сайта stripe.com

Очень актуально для многих сайтов.

https://lokeshdhakar.com/dev-201-stripe.coms-main-navigation/

#css #design #stripe #dropdown

116 viewsedited 08:59

About

Blog

Apps

Platform