@frontend_school #статья #HTML #JavaScript

CANVAS шаг за шагом: Основы

Если верить англо-русскому словарю, то можно узнать что canvas переводится как холст, а если верить википедии, то можно узнать что тег canvas, это элемент HTML 5, который предназначен для создания растрового изображения при помощи JavaScript. Тому как создать это растровое изображение и будет посвящена сегодняшняя статья. Прежде чем начинать пробовать свои силы в этом не легком деле рекомендуется уже иметь базовые знания о том что такое HTML и с чем едят JavaScript.

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

@frontend_school #юмор

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

Трансформирующиеся фигуры

Можно использовать в качестве индикаторы загрузки.
Фигуры выполнены с использованием препроцессора SCSS.

@frontend_school #статья #JavaScript

Javascript примеси для чайников

Примесь (mixin) — это объект с набором функций, который сам по себе (отдельно от других объектов) не используется.

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

@frontend_school #юмор

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

Портал Рика

Вот такой портал из мультсериала "Рик и Морти" вы можете реализовать самостоятельно. Специально для фанатов сериала.

@frontend_school #статья #HTML #CSS

10 современных раскладок в одну строку CSS-кода

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

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

@frontend_school #полезное #Git

Learning Git Branching

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

@frontend_school #юмор

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

Pomodoro

Написать собственный томатный таймер хорошая идея хотя бы потому, что он вам еще пригодятся. В часах есть все что нужно – время пауз регулируется, как и время работы. От себя можно добавить, например, звуковое оповещение или возможность прерывать любой из циклов.

@frontend_school #статья

10 вещей, которые должен знать фронтендер в 2020 году

Раньше UI-разработчикам было достаточно знать HTML, CSS и jQuery для создания интерактивных сайтов, но сегодня этого мало. Экосистема навыков для разработки постоянно меняется: инструменты, библиотеки, фреймворки, etc. Необходимо постоянно развиваться. В этой статье представлены 10 вещей, которые тебе пригодятся в этом году.

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

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

А вот топ-10 прошлой викторины:
🥇 @zhenina_nadin – 6 (37.2 сек)
🥈 Кирилл – 6 (44.3 сек)
🥉 @baker_sd – 6 (1 мин 19 сек)
 4. @illya065 – 6 (1 мин 23 сек)
 5. @hamatullin – 5 (1 мин 23 сек)
 6. Людмила – 5 (1 мин 27 сек)
 7. @Anton_Kiylo – 5 (1 мин 35 сек)
 8. @roman_strv – 5 (1 мин 50 сек)
 9. @DGleb – 5 (1 мин 59 сек)
 10. Б. Алмаз – 4 (1 мин 14 сек)

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

@frontend_school #задача #вёрстка

Cuda. Часть 1

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

Присылайте свои варианты вёрстки в чат! Можете разместить свой вариант на github, codepen или просто кинуть архивом в чат!

@frontend_school #юмор

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

Ёмкость с жидкостью

С помощью SVG сделана анимация жидкости, которую можно доработать и сделать шкалу загрузки, где жидкость будет заполнять сосуд в зависимости от степени загрузки.