Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.2K subscribers
550 photos
66 videos
3 files
252 links
Крутым фронтендером не рождаются — им становятся на канале @frontend_school!

Наш чат: @frontend_school_chat
Наша флудилка: @frontend_school_flud

Другие проекты: t.me/addlist/dIq-3zEMMugwZTgy

Мы в VK: vk.com/frontend_school

Связь: @jellyjail
Download Telegram
@frontend_school #интересное

Редактор clip-path

Сегодняшний проект нацелен на облегчение жизни всем, кто на него наткнулся. С помощью этого редактора вы можете настроить анимацию, форму, размер элемента clip-path просто выбирая готовые пресеты и настраивая их с помощью шаблона превью. А дальше вы просто открываете вкладку CSS code или Preset code и копируете содержимое в ваш проект. Здорово! Правда?!

Добавляйте пост в избранное, чтобы не потерять и делитесь с друзьями-разработчиками!
@frontend_school #статья #VSCode

10 полезных плагинов для VS Code, которые сильно облегчают работу

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

Если вашего любимого плагина не оказалось в нашей подборке, поделитесь им с нами в нашем чате! Приятного чтения!
@frontend_school #юмор

Ребята, это не наш случай! Продолжаем кодить и набираться опыта!! 😄
@frontend_school #ответ_на_задачу

Ну что?! Все смогли наладить связь с инопланетной цивилизацией? Или никто не смог приблизиться к разгадке их языка? Что ж, тем не менее, ниже вы найдёте вариант решения задачи №41 «Первый контакт».

Обращаем ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.

Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь им в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
@frontend_school #юмор

На костре не пытаются сжечь и на том спасибо.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Among Us

Сцена из игры Among Us, выполненная на HTML и CSS. Звёзды сделаны отдельными блоками, которые потом анимированы.
@frontend_school #статья

Почему pomodoro у разработчиков “не взлетает” и как с этим бороться?

Вы слышали о технике управления временем Pomodoro? Нет? Тогда рассказываем.

Суть техники в разбиение рабочего времени на промежутки по 25 минут работы и 5 минут отдыха. После четвёртого интервала наступает большой перерыв 15-30 минут.

Так вот, при правильном использовании этой технике вы повышаете свою концентрацию, лучше сосредотачиваетесь на задаче и, в целом, становитесь продуктивнее и эффективнее (не пугайтесь быть эффективным, вы же не эффективный менеджер, в конце концов!).

Но суть в том, что многие не понимают как правильно пользоваться этой техникой и делают неправильные выводы на её счёт.

Сегодняшняя статья поможет вам лучше понять смысл техники и научит эффективно её использовать!

Читать статью
@frontend_school #викторина_недели

Это 13-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.

А вот топ-10 прошлой викторины:
🥇 @redd087 (47.2 сек)
🥈 @SpringerUa5 (36.3 сек)
🥉 @ProGloD5 (1 мин 7 сек)
 4. @Camrado5 (1 мин 11 сек)
 5. @Marianakukhar5 (1 мин 13 сек)
 6. @kitty_paws4 (22.8 сек)
 7. @zhenina_nadin4 (40 сек)
 8. @AlexeyKii4 (1 мин 8 сек)
 9. @ViktoriyaSaveleva4 (1 мин 53 сек)
 10. @hugoist4 (1 мин 36 сек)

Проверьте свои навыки и знания!

Пройти тест
Небольшой опрос, чтобы быть лучше!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Невозможная лампочка

Вы его не ждали, а он вернулся! Упрямый медведь снова в деле и в это непростое время он не позволит вам тратить электричество понапрасну. Выполнен на стандартном стеке HTML-CSS-JS + библиотека GSAP.

CodePen
@frontend_school #статья

Регулярные выражения для самых маленьких

Решая задача, связанные с работой со строками вы могли заметить, что многие простые действия над ними могут занимать достаточно много строк кода при попытке взаимодействовать посредством методов и алгоритмов. Регулярные выражения могут значительно упростить вашу работу, заменяя простыню кода буквально парой строк.
Да, сначала они могут показаться страшными и непонятными, но потратьте ещё немного времени и вы поймёте насколько они удобны.
В этой статье постепенно и с многочисленными примерами рассказывается о мире регулярок. Приятного чтения!

Читать статью
@frontend_school #полезное

CSSBattle

Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.

С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!

Перейти
Какое значение CSS-свойства float отсутствует?
Anonymous Quiz
62%
both
34%
none
3%
right
1%
left