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 #интересное

Почти Minecraft

Сделан с помощью языка разметки Haml и SCSS, JavaScript тут не используется.
Почему "почти"? Ну, тут можно менять блоки, вращать объект и менять положение блоков, но вот монстров бить не выйдет 🤷‍♂️
В любом случае результат классный.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Nodivember. Автомобиль

Сегодня в нашей рубрике очередной участник челенджа Nodivember. И как вы можете догадаться этот автомобиль и анимация сделаны на чистом CSS без использования HTML или JS. Проект классный, но жаль, что у автора не хватило опыта на создание более современной модели, да и по разметке ездить не самая хорошая привычка 🤔
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Бутерлоадер

Такой забавный и приятный лоадер отлично подойдёт для какого-нибудь кулинарного сайта или кафе, а делается достаточно просто. В этом проекте автор использовал всего две технологии - HTML и SCSS. Попробуйте повторить!
@frontend_school #интересное

Редактор clip-path

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

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