@frontend_school #интересное
Редактор clip-path
Сегодняшний проект нацелен на облегчение жизни всем, кто на него наткнулся. С помощью этого редактора вы можете настроить анимацию, форму, размер элемента clip-path просто выбирая готовые пресеты и настраивая их с помощью шаблона превью. А дальше вы просто открываете вкладку CSS code или Preset code и копируете содержимое в ваш проект. Здорово! Правда?!
Добавляйте пост в избранное, чтобы не потерять и делитесь с друзьями-разработчиками!
Редактор clip-path
Сегодняшний проект нацелен на облегчение жизни всем, кто на него наткнулся. С помощью этого редактора вы можете настроить анимацию, форму, размер элемента clip-path просто выбирая готовые пресеты и настраивая их с помощью шаблона превью. А дальше вы просто открываете вкладку CSS code или Preset code и копируете содержимое в ваш проект. Здорово! Правда?!
Добавляйте пост в избранное, чтобы не потерять и делитесь с друзьями-разработчиками!
@frontend_school #статья #VSCode
10 полезных плагинов для VS Code, которые сильно облегчают работу
Сегодня предлагаем вашему вниманию собственную подборку плагинов, проверенных временем и лично нами. Плагины, представленные в подборку позволят значительно повысить читаемость кода и взаимодействие с ним.
Если вашего любимого плагина не оказалось в нашей подборке, поделитесь им с нами в нашем чате! Приятного чтения!
10 полезных плагинов для VS Code, которые сильно облегчают работу
Сегодня предлагаем вашему вниманию собственную подборку плагинов, проверенных временем и лично нами. Плагины, представленные в подборку позволят значительно повысить читаемость кода и взаимодействие с ним.
Если вашего любимого плагина не оказалось в нашей подборке, поделитесь им с нами в нашем чате! Приятного чтения!
Что делает aspect-ratio в медиа-запросах?
Anonymous Quiz
29%
Определяет соотношение ширины и высоты отображаемой области устройства
20%
Определяет соотношение максимальной доступной ширины и высоты отображаемой области устройства
26%
Определяет соотношение ширины и высоты экрана устройства
25%
Определяет соотношение ширины и высоты экрана устройства в зависимости от установленного разрешения
@frontend_school #ответ_на_задачу
Ну что?! Все смогли наладить связь с инопланетной цивилизацией? Или никто не смог приблизиться к разгадке их языка? Что ж, тем не менее, ниже вы найдёте вариант решения задачи №41 «Первый контакт».
Обращаем ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь им в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
Ну что?! Все смогли наладить связь с инопланетной цивилизацией? Или никто не смог приблизиться к разгадке их языка? Что ж, тем не менее, ниже вы найдёте вариант решения задачи №41 «Первый контакт».
Обращаем ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.
Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь им в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Among Us
Сцена из игры Among Us, выполненная на HTML и CSS. Звёзды сделаны отдельными блоками, которые потом анимированы.
Among Us
Сцена из игры Among Us, выполненная на HTML и CSS. Звёзды сделаны отдельными блоками, которые потом анимированы.
@frontend_school #статья
Почему pomodoro у разработчиков “не взлетает” и как с этим бороться?
Вы слышали о технике управления временем Pomodoro? Нет? Тогда рассказываем.
Суть техники в разбиение рабочего времени на промежутки по 25 минут работы и 5 минут отдыха. После четвёртого интервала наступает большой перерыв 15-30 минут.
Так вот, при правильном использовании этой технике вы повышаете свою концентрацию, лучше сосредотачиваетесь на задаче и, в целом, становитесь продуктивнее и эффективнее (не пугайтесь быть эффективным, вы же не эффективный менеджер, в конце концов!).
Но суть в том, что многие не понимают как правильно пользоваться этой техникой и делают неправильные выводы на её счёт.
Сегодняшняя статья поможет вам лучше понять смысл техники и научит эффективно её использовать!
Читать статью
Почему pomodoro у разработчиков “не взлетает” и как с этим бороться?
Вы слышали о технике управления временем Pomodoro? Нет? Тогда рассказываем.
Суть техники в разбиение рабочего времени на промежутки по 25 минут работы и 5 минут отдыха. После четвёртого интервала наступает большой перерыв 15-30 минут.
Так вот, при правильном использовании этой технике вы повышаете свою концентрацию, лучше сосредотачиваетесь на задаче и, в целом, становитесь продуктивнее и эффективнее (не пугайтесь быть эффективным, вы же не эффективный менеджер, в конце концов!).
Но суть в том, что многие не понимают как правильно пользоваться этой техникой и делают неправильные выводы на её счёт.
Сегодняшняя статья поможет вам лучше понять смысл техники и научит эффективно её использовать!
Читать статью
@frontend_school #викторина_недели
Это 13-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.
А вот топ-10 прошлой викторины:
🥇 @redd08 – 7 (47.2 сек)
🥈 @SpringerUa – 5 (36.3 сек)
🥉 @ProGloD – 5 (1 мин 7 сек)
4. @Camrado – 5 (1 мин 11 сек)
5. @Marianakukhar – 5 (1 мин 13 сек)
6. @kitty_paws – 4 (22.8 сек)
7. @zhenina_nadin – 4 (40 сек)
8. @AlexeyKii – 4 (1 мин 8 сек)
9. @ViktoriyaSaveleva – 4 (1 мин 53 сек)
10. @hugoist – 4 (1 мин 36 сек)
Проверьте свои навыки и знания!
Пройти тест
Это 13-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.
А вот топ-10 прошлой викторины:
🥇 @redd08 – 7 (47.2 сек)
🥈 @SpringerUa – 5 (36.3 сек)
🥉 @ProGloD – 5 (1 мин 7 сек)
4. @Camrado – 5 (1 мин 11 сек)
5. @Marianakukhar – 5 (1 мин 13 сек)
6. @kitty_paws – 4 (22.8 сек)
7. @zhenina_nadin – 4 (40 сек)
8. @AlexeyKii – 4 (1 мин 8 сек)
9. @ViktoriyaSaveleva – 4 (1 мин 53 сек)
10. @hugoist – 4 (1 мин 36 сек)
Проверьте свои навыки и знания!
Пройти тест
Небольшой опрос, чтобы быть лучше!
Вам нравятся еженедельные викторины?
Anonymous Poll
84%
Да, нравятся
4%
Нет, не нравятся. Лучше оставьте только ежедневные.
12%
Без разницы. Я никакие не прохожу
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное
Невозможная лампочка
Вы его не ждали, а он вернулся! Упрямый медведь снова в деле и в это непростое время он не позволит вам тратить электричество понапрасну. Выполнен на стандартном стеке HTML-CSS-JS + библиотека GSAP.
CodePen
Невозможная лампочка
Вы его не ждали, а он вернулся! Упрямый медведь снова в деле и в это непростое время он не позволит вам тратить электричество понапрасну. Выполнен на стандартном стеке HTML-CSS-JS + библиотека GSAP.
CodePen
@frontend_school #статья
Регулярные выражения для самых маленьких
Решая задача, связанные с работой со строками вы могли заметить, что многие простые действия над ними могут занимать достаточно много строк кода при попытке взаимодействовать посредством методов и алгоритмов. Регулярные выражения могут значительно упростить вашу работу, заменяя простыню кода буквально парой строк.
Да, сначала они могут показаться страшными и непонятными, но потратьте ещё немного времени и вы поймёте насколько они удобны.
В этой статье постепенно и с многочисленными примерами рассказывается о мире регулярок. Приятного чтения!
Читать статью
Регулярные выражения для самых маленьких
Решая задача, связанные с работой со строками вы могли заметить, что многие простые действия над ними могут занимать достаточно много строк кода при попытке взаимодействовать посредством методов и алгоритмов. Регулярные выражения могут значительно упростить вашу работу, заменяя простыню кода буквально парой строк.
Да, сначала они могут показаться страшными и непонятными, но потратьте ещё немного времени и вы поймёте насколько они удобны.
В этой статье постепенно и с многочисленными примерами рассказывается о мире регулярок. Приятного чтения!
Читать статью
@frontend_school #полезное
CSSBattle
Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.
С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!
Перейти
CSSBattle
Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.
С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!
Перейти