@frontend_school #интересное

Драм машина

Полноценная, работающая и издающая звуки драм машина. Приятный дизайн и несложная реализация.

@frontend_school #викторина

@frontend_school #юмор

@frontend_school #ответ_на_задачу

По ссылке ниже представлено решение задачи №40 «Ищем опечатки».

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

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

@frontend_school #интересное

Почти Minecraft

Сделан с помощью языка разметки Haml и SCSS, JavaScript тут не используется.
Почему "почти"? Ну, тут можно менять блоки, вращать объект и менять положение блоков, но вот монстров бить не выйдет 🤷‍♂️
В любом случае результат классный.

@frontend_school #статья #CSS

CSS-спрайты: что это, почему это полезно и как их использовать?

Термин «спрайт» пришёл из компьютерной графики и индустрии видеоигр. Идея была в том, что компьютер может создать изображение в памяти, а затем отображать только его часть, что гораздо быстрее чем создавать каждый раз новое изображение. CSS-спрайты имеют ту же идею: получить картинку один раз, отображать для каждого случая свою часть.

@frontend_school #юмор

Вместо прайса заказчику 😄

@frontend_school #викторина

@frontend_school #юмор

Во имя Реакта, Ангуляра и Вью. Админь!

@frontend_school #интересное

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

Сегодня в нашей рубрике очередной участник челенджа Nodivember. И как вы можете догадаться этот автомобиль и анимация сделаны на чистом CSS без использования HTML или JS. Проект классный, но жаль, что у автора не хватило опыта на создание более современной модели, да и по разметке ездить не самая хорошая привычка 🤔

@frontend_school #юмор

Война андроида и айфонов нервно курит в сторонке.

@frontend_school #статья #JavaScript

У нас проблемы с промисами

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

@frontend_school #викторина

@frontend_school #юмор

Зато кнопочки красиво нажимаются!

@frontend_school #интересное

Бутерлоадер

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

@frontend_school #задача №41

Первый контакт

Мы долго этого ждали и, конечно же, это случилось именно в 2020 году! Впервые с нами на связь вышла внеземная форма жизни и пытается начать с нами диалог! Но вот незадача, они посылают нам сообщения на непонятном языке и только вы можете помочь нам избежать межгалактического конфликта! Поможете нам?

Условие:
Написать функцию, которая будет принимать строку и переводить её в соответствии со словарём. Словарь доступен по этой ссылке.

Задание со звёздочкой:
Написать функцию так, чтобы она могла переводить в обе стороны - с инопланетного на человеческий и наоборот.

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!

И не стесняйтесь задавать вопрос, если зашли в тупик!

@frontend_school #юмор

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