Посиделки у костра

Но самое прекрасное в этом сервисе — комбинировать всё это. Попробуйте.

Вы учитесь в Провебе или…?
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

Сколько часов в день занимаетесь саморазвитием?
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

Нажимаете, смотрите, копируете. Доступны все возможные элементы в Бутстрапе.

​​Все символы

Пригодится —
http://www.notengoenie.com/

Нажимаете и скопируется.

#сервис

Собственные проекты

Это лучшая практика. Стоит верстать и программировать самостоятельно, хоть в начале пути, хоть уже устроившись на n-нную работу. Так обкатываются изучаемые подходы, если в рабочих проектах их невозможно применить. Так — запрещёнными приемами и интересными решениями — компенсируется рутина.

Здесь фиксируются знания всех остальных тем. Рабочие задачи редко соответствуют уровню знаний. Они либо сильно проще и унылее, либо требуют обширного понимания темы, например, когда надо сверстать что-то простое в большом, запутанном проекте.

Возьмите идею, которая касается лично вас и интересна именно вам. Не делайте рандомный сайт «Калькулятор внутреннего и внешнего радиуса луковых колечек с одной луковицы в зависимости от их количества». Помните о собственном интересе — это единственный рабочий инструмент. Свой проект может быть глупым, но он обязан быть осмысленным и интересным вам. Иначе ничего не выйдет.

​​Кастомный Bootstrap

С помощью этого сервиса можно сделать полностью свой вариант Бутстрапа —
https://bootstrap.build/

Изменить можно всё: цвета, размеры, шрифты и даже сетку.

Документация —
https://bootstrap.build/blog/tutorial.html

🔥🔥🔥

#css #bootstrap

​​Скорость печати

Для тех, кто хочет научиться печатать быстрее —
http://klava.org/#rus_basic

#сервис

Канал
anonymous poll

Ништяк – 31
👍👍👍👍👍👍👍 53%

Огонь – 14
👍👍👍 24%

Аминь – 7
👍👍 12%

Так себе – 6
👍 10%

👥 58 people voted so far.

Могу читать
anonymous poll

3 поста в день – 36
👍👍👍👍👍👍👍 52%

1 пост в день – 13
👍👍👍 19%

Ссылок много, не успеваю – 9
👍👍 13%

2 поста в день – 8
👍👍 12%

Дайте отдохнуть – 3
👍 4%

👥 69 people voted so far.

Вы
anonymous poll

Учитесь – 31
👍👍👍👍👍👍👍 40%

Работаете и учитесь – 22
👍👍👍👍👍 29%

Работаете – 12
👍👍👍 16%

Любите полежать на диване – 8
👍👍 10%

Количество опросов - безумие – 4
👍 5%

👥 77 people voted so far.

Многоуровневое меню на Бутстрапе

В Бутстрапе, например, нет своего многоуровневого меню. А иногда оно нужно. Кому нужно будет, ответ есть здесь —
https://stackoverflow.com/questions/44467377/bootstrap-4-multilevel-dropdown-inside-navigation

#css #bootstrap

Выпадающее меню — есть, а выпадающее в выпадающем — нет.

Подключение Бутстрапа через Bower

Видео для тех, кто хочет работать с Сасс-исходниками Бутстрапа —
https://www.youtube.com/watch?v=lgBei1wui18

#css #bootstrap

Бутстрап

«Бутстрап» не везде канает, но знать его надо. Новичкам и тем, кому туго, надо заглянуть как он сделан внутри и разобраться с принципами — это поможет правильнее применять существующие сетки, компоненты, а не клепать велосипеды; даст примеры для подражания и иллюстрации некоторых, пускай и не всегда правильных, архитектурных подходов. Неуместное использование элементов фреймворка обрекает вас на бесконечные и презрительные код-ревью.

Что делать

Расковыривайте всё, что попадается под руку.

Как проверить

Если вы больше не озираетесь по сторонам, задумывая втихаря написать собственный фреймворк или компонент для чужого, значит вы уже разобрались с существующими.

​​Шрифты

http://www.getthefont.com/ — сервис мгновенно выдает ссылку для скачивания шрифтов. Нужно только знать, как называется тот шрифт, который вы ищете. Незаменимая вещь для разработчиков и всех, кто работает со шрифтами.

#сервис

Бэкенд. Что вы думаете о бэкенде?
anonymous poll

Хочу быть фуллстак-разработчиком – 33
👍👍👍👍👍👍👍 58%

Хочу курс по бэкенду – 19
👍👍👍👍 33%

Мне всё равно – 3
👍 5%

Что это? – 2
▫️ 4%

👥 57 people voted so far.

Примеры кода

В дополнение к сниппетам и собственным проектам, хорошо иметь запас примеров своих достижений. Это отдельные шаблоны или элементы, где вы ловко и изящно выкрутились.

Если вы ещё учитесь, интересное можно делать и в лабораторных работах — просто делайте их не по методичке, накручивайте там сок и выдавайте к скучным заданиям весёлый результат. Заодно получите хорошую репутацию у наставников и даже внимание противоположного пола.

Не забывайте, что демка и скриншот — признак воспитанного человека.