​​👨🏼‍💻 О рабочем процессе в коллективе

Ребята, недавно встретил эту картинку на просторах интернета. И, на самом деле, было бы смешно, если бы не было так грустно.

Разработка - это постоянный набор задач, которые нужно решать. Каждая задача требует размышлений и концентрации. Добиться этого можно только избавившись от всех раздражителей - звонков телефона, уведомлений из соцсетей, семечек на столе.

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

Поэтому уважайте друг друга. Подбирайте моменты для шуток и разговоров. А в том случае, если у вас есть какой-нибудь вопрос, напишите человеку на почту или в мессенджер. Как только он освободится - он вам ответит.

Все печенек и какао ☕️

#МыслеМюсли

​​Svgomg - отличный сервис для оптимизации svg-изображений.

Гибкая настройка оптимизации, возможность просмотреть готовый код - незаменимая вещь для фронтенд-разработчика.

#НаЗаметку

📐 Фиксируем ширину картинки в блоке

Ребята, сегодня поговорим с вами о проблеме, с которой я столкнулся будучи совсем зеленым верстальщиком.

Звучит она так:
Картинка вылазит за границы блока, которому задана фиксированная ширина

Поехали 🐌

#WebDev

⚙️ Браузерный движок

Друзья, привет!

Слушал сегодня новый выпуск подкаста "Веб-стандарты". В нем помимо прочего ребята обсуждали переход Microsoft Edge на движок Blink.

Это событие вызвало определенный резонанс в комьюнити веб-разработчиков. Для того, чтобы понять причину, нужно знать, что же это такое - браузерный движок.

Давайте разбираться!

▫️ ▫️ ▫️

📋 План:
1. Что такое браузерный движок.
2. Браузер != браузерный движок.
3. Основные браузерные движки.
4. Полезные материалы.

⏱ Время чтения: 3 минуты

📚Рубрика: #WebDev

🌌 Множественные фоновые изображения в одном свойстве

Ребята, а вы знаете, что в свойство background-image можно записывать несколько фоновых изображений?

Пример:

background-image: url('/images/rabbit.png'), url('/images/kitty.png')

▫️ ▫️ ▫️

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

Пример:

background-position: left top, rigth bottom;
. . .
background-repeat: , repeat-y;

❗️В последнем свойстве значение для первого зображения пропущено, а значит применится значение по умолчанию.

#WebDev

⬆️ А ты знал об этом?
public poll

🥺 А что, так можно было?? – 53
👍👍👍👍👍👍👍 44%

🤓 Знал! Даже пару раз использовал) – 38
👍👍👍👍👍 32%

🧐 Слышал про такое. Но на практике не применял :| – 29
👍👍👍👍 24%

👥 120 people voted so far.

Предновогодней депрессии пост

Htmlreference.io - сайт с перечнем всех актуальных html-тегов.

Для каждого тега есть описание, указан список обязательных и необязательных атрибутов с обьяснениями и примерами.

Полезная вещь для тех, кому нужно найти полную и актуальную информацию о каком-нибудь html-теге.

#НаЗаметку

☃️ Ребята, привет!

Хочу поздравить вас с наступающим Новым годом ❄️

Пусть 2019 год принесет вам море любви, радости и фич без рефакторинга.

Желаю, чтобы в новом году вам удалось реализовать поставленные цели и достигнуть желаемых высот.

Будьте здоровыми и счастливыми!

С новым 2019 годом 🍾

📱 Mobile First

Друзья, всем привет!

Совсем недавно мы проводили опрос на тему Mobile First. Результаты показали, что больше половины проголосовавших не знают, что это такое. Но не беда!

Я подготовил для вас лонгрид, в котором просто и понятно обьяснил, что это такое, и для чего это нужно.
▫️ ▫️ ▫️

📋 План:
1. Определение понятия Mobile First.
2. Немного истории. Актуальность.
3. Плюсы этого подхода.
4. Текущее положение дел.
5. Заключение.

⏱ Время чтения: 8 минут

📚Рубрика: #WebDev

❗️Ребята, не забывайте ставить пальцы вверх, если вам понравился этот лонгрид

Weblind - отличный ресурс с документацией по доступности.

На нем вы сможете найти инструкции и советы о том, как сделать ваш сайт максимально доступным.

Советы разбиты по категориям: картинки, звук и видео, формы, текст и многое другое.

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

#НаЗаметку

🏡 Поговорим про офис

Заработная плата, оплачиваемые больничные и отпуск, официальное трудоустройство - важные аспекты при выборе нового места работы.

Тем не менее, значимым является ещё один пункт - офис.

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

#МыслеМюсли

🐳 Ребята, привет!

Недавно на одном хорошем канале про фронтенд я увидел классную рубрику.

▫️ Суть рубрики
Она заключается в том, что я задаю вопрос на тему фронтенда и даю несколько вариантов ответа. А через некоторое время я публикую правильный ответ с подробными объяснениями.

▫️ Почему я хочу запустить эту рубрику?
1. Повышение активности на канале.
Опрос не требует относительно большого количества времени, поэтому я смогу чаще радовать вас чем-нибудь интересным.

2. Практичность
Я постараюсь сделать упор на практику. Это значит, что я буду задавать вам вопросы, на которые мне ежедневно приходится отвечать самому (по работе). Но про теорию тоже постараюсь не забывать.

3. Информативность
Опросы - отличный повод проверить свои знания. Отгадал - молодец, не отгадал - не беда, всё расскажем. Динозаврик 🦖

Поееехали #Опрос

✅ Правильный ответ - 5

Область видимости переменной let - блок {...}

В нашем примере, фактически, две независимые переменные a, одна – глобальная, вторая – в блоке if.

Заметим, что если объявление let a в первой строке удалить, то в console.log будет ошибка: переменная не определена.

Это потому, что переменная let всегда видна именно в том блоке, где объявлена, и не более.

Когда попросил друга найти ошибку в программе, а он начинает ее рефакторить

Regular expressions
RegEx Testing

Два хороших сервиса для тестирования регулярных выражений.

Тут, как говорится: "Редко, но метко". Пользоваться этими сервисами часто вряд ли придется. Но, если нужно будет повозиться с регулярками, лучшего инструмента не найти!

#НаЗаметку