Влетаем в Telegram Ads с OneSpot

А в копеечку не влетаем: новым клиентам выгодно

Нейросети и AI маркетинг

Простым языком рассказываю о сложном у себя в канале

Каналы ТГ: Продажа/Покупка

Стартуй в Телеграм успешно!

Статистика Избранное

Code Monkey

Гео и язык канала: Россия, Русский

Категория: Технологии

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

Связанные каналы

Гео и язык канала

Россия, Русский

Категория

Технологии

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

Code Monkey

5 Feb 2019, 13:43

Regular expressions
RegEx Testing

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

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

#НаЗаметку

Regex101 - online regex editor and debugger

Regex101 allows you to create, debug, test and have your expressions explained for PHP, PCRE, Python, Golang and JavaScript. The website also features a community where you can share useful expressions.

33.8k 0 37

Code Monkey

29 Jan 2019, 12:33

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

🧐 41

😟 6

30.3k 0 14

Code Monkey

23 Jan 2019, 19:00

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

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

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

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

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

23.5k 0 1

Code Monkey

23 Jan 2019, 13:07

Какое значение будет выведено в консоли?

Опрос

4
5
10
Будет ошибка!

401 голосов

18.4k 0 3

Code Monkey

23 Jan 2019, 13:06

#Опрос
let a = 5;

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

console.log(a);

15.4k 0 5

Code Monkey

23 Jan 2019, 13:05

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

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

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

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

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

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

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

13.8k 0 1

Code Monkey

16 Jan 2019, 14:01

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

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

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

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

#МыслеМюсли

Офис - это место, где мы проводим бОльшую часть нашей, не побоюсь, жизни. Поэтому важно, чтобы он был максимально комфортным как внутри, так и снаружи. Что это значит? 📌 Комфортность офиса ◾️Комфортный снаружи офис должен иметь хорошее географическое расположение. Это значит, что в пешей доступност...

🏠 17

🏚 6

9.8k 0 9

Code Monkey

8 Jan 2019, 18:47

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

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

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

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

#НаЗаметку

Рекомендации по разработке сайтов для людей с нарушениями зрения

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

💣 15

7.6k 0 28

Code Monkey

6 Jan 2019, 16:26

@ziplb/%D0%BF%D0%BE%D0%B3%D0%BE%D0%B2%D0%BE%D1%80%D0%B8%D0%BC-%D0%BE-mobile-first-a9e06c014be0' rel='nofollow'>📱 Mobile First

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

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

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

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

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

📚Рубрика: #WebDev

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

Поговорим о Mobile First

📙 Определение

👍🏻 35

🐷 5

👎🏻

5.9k 0 11

Code Monkey

31 Dec 2018, 19:00

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

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

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

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

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

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

4.2k 0 2

Code Monkey

31 Dec 2018, 14:04

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

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

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

#НаЗаметку

HTML Reference

A free guide to all HTML elements and attributes.

4k 0 38

Code Monkey

28 Dec 2018, 17:14

Ребята, готовлю для вас классный лонгрид про Mobile First. Пока он находится в производстве, предлагаю провести голосование. Давайте узнаем, кто из нас топает впереди планеты всей, а кто остается верен старым традициям.

Опрос

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

170 голосов

3.6k 0 2

Code Monkey

24 Dec 2018, 13:23

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

❄️ 39

3.7k 0 11

Code Monkey

18 Dec 2018, 16:33

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

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

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

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

👥 120 people voted so far.

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

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

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

3.5k 0 1

Code Monkey

18 Dec 2018, 16:29

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

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

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

▫️ ▫️ ▫️

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

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

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

#WebDev

2.9k 0 6

Code Monkey

15 Dec 2018, 19:36

@ziplb/%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BD%D1%8B%D0%B9-%D0%B4%D0%B2%D0%B8%D0%B6%D0%BE%D0%BA-3fe181b345dc' rel='nofollow'>⚙️ Браузерный движок

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

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

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

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

▫️ ▫️ ▫️

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

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

📚Рубрика: #WebDev

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

🤯 Определение

🌝 11

🦔 3

🌚

2.7k 0 8

Code Monkey

11 Dec 2018, 14:00

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

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

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

Поехали @ziplb/%D1%84%D0%B8%D0%BA%D1%81%D0%B8%D1%80%D1%83%D0%B5%D0%BC-%D1%88%D0%B8%D1%80%D0%B8%D0%BD%D1%83-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-493c4ac8657e' rel='nofollow'>🐌

#WebDev

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

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

👍🏻 23

🐥 4

👎🏻 2

2.5k 0 14

Code Monkey

8 Dec 2018, 13:21

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

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

#НаЗаметку

2.5k 0 24

Code Monkey

7 Dec 2018, 15:39

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

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

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

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

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

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

#МыслеМюсли

👍🏻 22

👎🏻

2.5k 0 10

Code Monkey

4 Dec 2018, 14:38

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

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

▫️ ▫️ ▫️

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

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

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

Вперед!

#WebDev

Иконочный шрифт

Для начала давайте узнаем, что такое шрифт. 📌 Что такое шрифт

🙂 18

🙁

2.2k 0 9

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

1 506

подписчиков

Статистика канала