Флексбоксы
Игра для изучения флексбоксов —
https://flexboxfroggy.com/#ru
Инструкция по использованию флексбоксов с примерами —
https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex-basis
Инструкция-иллюстрация по использованию флексбоксов —
http://jonibologna.com/flexbox-cheatsheet/
Ещё одна инструкция, на русском —
https://tuhub.ru/posts/flexbox-complete-guide
#css
Игра для изучения флексбоксов —
https://flexboxfroggy.com/#ru
Инструкция по использованию флексбоксов с примерами —
https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex-basis
Инструкция-иллюстрация по использованию флексбоксов —
http://jonibologna.com/flexbox-cheatsheet/
Ещё одна инструкция, на русском —
https://tuhub.ru/posts/flexbox-complete-guide
#css
Отдохните
Зарядка для глаз во время работы перед монитором важна не менее, чем разминки спины после дня в полусогнутом положении. 2-3 минуты помогают вернуть тонус глазным мышцам. В идеале, после зарядки разомните шею и отдохните.
Сайт для глаз —
http://blimb.su/
#сервис
Зарядка для глаз во время работы перед монитором важна не менее, чем разминки спины после дня в полусогнутом положении. 2-3 минуты помогают вернуть тонус глазным мышцам. В идеале, после зарядки разомните шею и отдохните.
Сайт для глаз —
http://blimb.su/
#сервис
Сниппеты
Множество мелких решений, миксинов и стилей для базовых элементов кочует из проекта в проект и с каждым разом шлифуется. Не стоит переживать, что там могут оказаться банальные вещи — всем плевать. Вам должно быть не плевать.
Изобретать велосипед плохо для дела, но хорошо для обучения.
А зачем это?
— Сниппеты и примеры помогают относится к коду как к чему-то стоящему, а не как к одноразовым костылям.
— Ведение набора заготовок тренирует принцип повторного использования кода.
— Помогает запоминать подходы и совершенствовать полученные результаты.
— Огромный довесок к резюме и репутации.
Множество мелких решений, миксинов и стилей для базовых элементов кочует из проекта в проект и с каждым разом шлифуется. Не стоит переживать, что там могут оказаться банальные вещи — всем плевать. Вам должно быть не плевать.
Изобретать велосипед плохо для дела, но хорошо для обучения.
А зачем это?
— Сниппеты и примеры помогают относится к коду как к чему-то стоящему, а не как к одноразовым костылям.
— Ведение набора заготовок тренирует принцип повторного использования кода.
— Помогает запоминать подходы и совершенствовать полученные результаты.
— Огромный довесок к резюме и репутации.
Веб—учебка via @vote
Кодите по ночам?
Да – 32
👍👍👍👍👍👍👍 62%
Нет – 13
👍👍👍 25%
Я робот: делаю это постоянно – 7
👍👍 13%
👥 52 people voted so far. Poll closed.
Да – 32
👍👍👍👍👍👍👍 62%
Нет – 13
👍👍👍 25%
Я робот: делаю это постоянно – 7
👍👍 13%
👥 52 people voted so far. Poll closed.
Веб—учебка via @vote
Ещё вопрос: играете по ночам?
anonymous poll
Нет – 33
👍👍👍👍👍👍👍 50%
Да – 22
👍👍👍👍👍 33%
Это моё любимое занятие – 7
👍 11%
Нет, вы что – 4
👍 6%
👥 66 people voted so far.
anonymous poll
Нет – 33
👍👍👍👍👍👍👍 50%
Да – 22
👍👍👍👍👍 33%
Это моё любимое занятие – 7
👍 11%
Нет, вы что – 4
👍 6%
👥 66 people voted so far.
Гриды
Игра для изучения гридов —
http://cssgridgarden.com/#ru
Гриды за пять минут —
https://habr.com/company/edison/blog/343614/
Большое руководство про гриды —
http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html
Ещё одно большое руководство —
https://tuhub.ru/posts/css-grid-complete-guide
#css
Игра для изучения гридов —
http://cssgridgarden.com/#ru
Гриды за пять минут —
https://habr.com/company/edison/blog/343614/
Большое руководство про гриды —
http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html
Ещё одно большое руководство —
https://tuhub.ru/posts/css-grid-complete-guide
#css
Расслабьтесь и сконцентрируйтесь
Сервис фоновых звуков —
http://defonic.com/
Создайте собственное звуковое сопровождение для погружения и расслабления. Доступно несколько звуковых дорожек, которые перенесут вас на берег моря, в чащу леса, в зал библиотеки или уютное кафе.
#сервис
Сервис фоновых звуков —
http://defonic.com/
Создайте собственное звуковое сопровождение для погружения и расслабления. Доступно несколько звуковых дорожек, которые перенесут вас на берег моря, в чащу леса, в зал библиотеки или уютное кафе.
#сервис
Веб—учебка via @vote
Вы учитесь в Провебе или…?
anonymous poll
Да, учусь – 54
👍👍👍👍👍👍👍 59%
Собираюсь учиться – 20
👍👍👍 22%
Или – 7
👍 8%
Уже закончил – 6
👍 7%
Нет, не учусь – 5
👍 5%
👥 92 people voted so far.
anonymous poll
Да, учусь – 54
👍👍👍👍👍👍👍 59%
Собираюсь учиться – 20
👍👍👍 22%
Или – 7
👍 8%
Уже закончил – 6
👍 7%
Нет, не учусь – 5
👍 5%
👥 92 people voted so far.
Lorem ipsum
Lorem ipsum — это фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.
Сегодня этот текст используют практически все дизайнеры и разработчики, набирающие рыбу латиницей.
Абзац считается каноническим во всех справочниках по типографике и предлагается к использованию в статьях, посвященных изготовлению макета верстки при отсутствии финальных текстов.
В руководствах по работе с фирменным стилем крупных международных компаний именно с этих слов начинаются образцы верстки. Существуют даже издания с названием Lorem ipsum.
Источник: Ководство. § 67. Lorem ipsum
Lorem ipsum — это фрагмент латинского текста из философского трактата Цицерона «О пределах добра и зла», написанного в 45 году до нашей эры. Впервые этот текст был применен для набора шрифтовых образцов неизвестным печатником еще в XVI веке.
Сегодня этот текст используют практически все дизайнеры и разработчики, набирающие рыбу латиницей.
Абзац считается каноническим во всех справочниках по типографике и предлагается к использованию в статьях, посвященных изготовлению макета верстки при отсутствии финальных текстов.
В руководствах по работе с фирменным стилем крупных международных компаний именно с этих слов начинаются образцы верстки. Существуют даже издания с названием Lorem ipsum.
Источник: Ководство. § 67. Lorem ipsum
Веб—учебка via @vote
Сколько часов в день занимаетесь саморазвитием?
anonymous poll
1-2 – 15
👍👍👍👍👍👍👍 31%
2-3 – 15
👍👍👍👍👍👍👍 31%
Я робот: постоянно – 8
👍👍👍👍 16%
3-4 – 6
👍👍👍 12%
4+ – 3
👍 6%
Нисколько: нет времени – 2
👍 4%
👥 49 people voted so far.
anonymous poll
1-2 – 15
👍👍👍👍👍👍👍 31%
2-3 – 15
👍👍👍👍👍👍👍 31%
Я робот: постоянно – 8
👍👍👍👍 16%
3-4 – 6
👍👍👍 12%
4+ – 3
👍 6%
Нисколько: нет времени – 2
👍 4%
👥 49 people voted so far.
Bootstrap
Документация — это хорошо.
Но есть кое-что покруче —
https://hackerthemes.com/bootstrap-cheatsheet/
Сервис, который показывает наглядно элементы и их код.
Огонь! 🔥
#css #bootstrap
Документация — это хорошо.
Но есть кое-что покруче —
https://hackerthemes.com/bootstrap-cheatsheet/
Сервис, который показывает наглядно элементы и их код.
Огонь! 🔥
#css #bootstrap
Собственные проекты
Это лучшая практика. Стоит верстать и программировать самостоятельно, хоть в начале пути, хоть уже устроившись на n-нную работу. Так обкатываются изучаемые подходы, если в рабочих проектах их невозможно применить. Так — запрещёнными приемами и интересными решениями — компенсируется рутина.
Здесь фиксируются знания всех остальных тем. Рабочие задачи редко соответствуют уровню знаний. Они либо сильно проще и унылее, либо требуют обширного понимания темы, например, когда надо сверстать что-то простое в большом, запутанном проекте.
Возьмите идею, которая касается лично вас и интересна именно вам. Не делайте рандомный сайт «Калькулятор внутреннего и внешнего радиуса луковых колечек с одной луковицы в зависимости от их количества». Помните о собственном интересе — это единственный рабочий инструмент. Свой проект может быть глупым, но он обязан быть осмысленным и интересным вам. Иначе ничего не выйдет.
Это лучшая практика. Стоит верстать и программировать самостоятельно, хоть в начале пути, хоть уже устроившись на n-нную работу. Так обкатываются изучаемые подходы, если в рабочих проектах их невозможно применить. Так — запрещёнными приемами и интересными решениями — компенсируется рутина.
Здесь фиксируются знания всех остальных тем. Рабочие задачи редко соответствуют уровню знаний. Они либо сильно проще и унылее, либо требуют обширного понимания темы, например, когда надо сверстать что-то простое в большом, запутанном проекте.
Возьмите идею, которая касается лично вас и интересна именно вам. Не делайте рандомный сайт «Калькулятор внутреннего и внешнего радиуса луковых колечек с одной луковицы в зависимости от их количества». Помните о собственном интересе — это единственный рабочий инструмент. Свой проект может быть глупым, но он обязан быть осмысленным и интересным вам. Иначе ничего не выйдет.