Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.21K 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
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Диско-куб

Диско-шар уже не модно! Теперь в моде диско-куб. Приятный дизайн, забавная анимация и простая реализация - что ещё нужно для качественного CodePen проекта?! Выполнен на HTML и CSS с использованием препроцессоров Pug и Stylus соответственно.

CodePen
@frontend_school #статья #Vue

26 советов для Vue, которые сэкономят ваше время

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

Читать статью
@frontend_school #юмор

Суперсила мечты Frontend-разработчика

Чтобы немного расслабиться в пятницу и перевести дух от полученных знаний, предлагаем вам сегодня прочитать эту небольшую статью, подготовленную нами на Дзене!
Суперзнания, чтение мыслей клиентов или что-то другое? Что выбрали бы вы?

Выбрать суперсилу
Какое изначальное значение у CSS свойства flex-basis?
Anonymous Quiz
18%
1
16%
0
49%
auto
14%
inherit
3%
initial
@frontend_school #статья #React

9 полезных советов для тех, кто начинает знакомство с React.js

Если вы остановили свой выбор между React, Vue и Angular на первом, то эта статья для вас. В начале пути всегда сложно сделать первый шаг и не споткнуться. Если вы хотите избежать как можно больше ошибок и сложностей, то рекомендуем вам прочитать эту статью.

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

CSS filter Editor

Этот codepen-проект поможет вам правильно подобрать и настроить фильтры для изображения. Если вам лень самим подбирать, то вы можете воспользоваться пресетами и посмотреть как они будут выглядеть.

CodePen
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Лабиринт

В воскресенье на обед у нас лабиринт. Управление на джойстике, что немного затрудняет задачу. А задача состоит в том, чтобы одновременно доставить все четыре шарика в центр. Выполнен на HTML, CSS и JavaScript.

CodePen
@frontend_school #викторина_недели

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

А вот топ-10 прошлой викторины:
🥇 Alexander Shiryaev – 6 (1 мин 6 сек)
🥈 @LiveScript_lover5 (41.1 сек)
🥉 @AlexeyKii5 (1 мин 3 сек)
 4. @ViktoriyaSaveleva4 (47.5 сек)
 5. @dimmi_paws4 (1 мин 8 сек)
 6. @leonidshuliak4 (54.9 сек)
 7. @dan_mk4 (1 мин 17 сек)
 8. @zhenina_nadin4 (1 мин 43 сек)
 9. @Sa1amander833 (52.4 сек)
 10. @iryna_martyniuk3 (36.4 сек)

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

Пройти тест
@frontend_school #статья #CSS

5 приемов CSS3 с псевдоэлементами ::before и ::after

Большинство людей считает, что большой разницы между псевдоклассами и CSS active нет. Но одно различие между ними все-таки существует.
Мы все знаем, что эти классы и элементы используются как часть CSS3. Данные псевдоэлементы были определены в CSS3.
В этой статье вы узнаете как можно использоваться эти псевдоэлементы.

Читать статью
@frontend_school #статья #HTML #Canvas

Индикатор искусственного горизонта на HTML5 canvas

В этой статье будет представлено воплощение средствами HTML5 одной из необычных идей по визуализации пространственного положения управляемого объекта. Код может использоваться в браузерных играх, имитирующих управление транспортным средством в трехмерном пространстве. Статья очень интересная!

Читать статью