Code Monkey


Гео и язык канала: Россия, Русский
Категория: Технологии


🙈 Code Monkey - канал о frontend-разработке и не только.
▪️ Автор канала - фронтент-разработчик с двухлетним стажем.
▪️ Разговоры про веб, полезные материалы и ресурсы, размышления о бытии.
▪️ Выход постов 2-3 раза в неделю.
Администратор - @ziplb


Гео и язык канала
Россия, Русский
Категория
Технологии
Статистика
Фильтр публикаций


Regular expressions
RegEx Testing

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

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

#НаЗаметку


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


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

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

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

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

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


Какое значение будет выведено в консоли?
Опрос
  •   4
  •   5
  •   10
  •   Будет ошибка!
401 голосов


#Опрос
let a = 5;

if (a) {
let a = 2;
a *= a;
}

console.log(a);


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

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

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

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

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

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

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


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

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

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

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

#МыслеМюсли


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

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

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

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

#НаЗаметку


📱 Mobile First

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

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

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

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

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

📚Рубрика: #WebDev

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


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

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

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

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

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

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


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

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

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

#НаЗаметку


Ребята, готовлю для вас классный лонгрид про Mobile First. Пока он находится в производстве, предлагаю провести голосование. Давайте узнаем, кто из нас топает впереди планеты всей, а кто остается верен старым традициям.
Опрос
  •   Я крутой, я разрабатываю Mobile First сайты 🤘🏻
  •   Я еще не готов к таким переменам, так что Desktop First 🤓
  •   Я родился! А о чем вообще речь? 👨🏼‍🚀
170 голосов


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


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

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

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

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

👥 119 people voted so far.


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

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

Пример:
background-image: url('/images/rabbit.png'), url('/images/kitty.png')

▫️ ▫️ ▫️

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

Пример:
background-position: left top, rigth bottom;
. . .
background-repeat: , repeat-y;

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

#WebDev


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

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

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

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

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

▫️ ▫️ ▫️

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

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

📚Рубрика: #WebDev


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

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

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

Поехали 🐌

#WebDev


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

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

#НаЗаметку


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

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

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

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

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

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

#МыслеМюсли


🛴 Иконочные шрифты

Ребята, привет!
Прошу прощения за отсутствие. Готовлю для вас обширную статью про культуру кода. Надеюсь, на этой неделе уже опубликую.

▫️ ▫️ ▫️

А сейчас давайте поговорим про иконочные шрифты.

У многих разработчиков это словосочетание вызывает недоумение. Как это так: и иконочный, и шрифт? Меня часто спрашивают об этом, поэтому я решил подготовить для вас маленькую статью.

План:
1. Что такое иконочный шрифт.
2. Плюсы и минусы.
3. Использование и актуальность.

Вперед!

#WebDev

Показано 20 последних публикаций.

1 506

подписчиков
Статистика канала