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

Grid Garden

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

@frontend_school #статья

Я полюбил верстку после этого: Zeplin в бою

Любому, кто верстает сайты требуются крутые инструменты. Одним из таких инструментов является Zeplin - это как Avocode, только бесплатный и другой. Рекомендую ознакомиться со статьёй всем, кто ищет для себя подходящий инструмент работы с макетами.

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

@frontend_school #задача

Условие:
Есть секретная строка, которая вам неизвестна. Учитывая набор случайных триплетов из строки, восстановить исходную строку. Триплет здесь - последовательность из трех букв, которые указаны в том же порядке, что и в изначальной строке, но не обязательно подряд. «кто» - это триплет строки «ктоздесь». В качестве упрощения вы можете предположить, что никакая буква не встречается в секретной строке более одного раза.
В вашу задачу входит написать алгоритм, создающий триплеты из загаданной строки, а также алгоритм проверяющий предложенный вами вариант строки.

Например:
"ктоздесь" - возможные триплеты [к, т, о], [о, з, е], [з, е, ь] и так далее. Загаданная строка, соответственно, "ктоздесь".

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

@frontend_school #юмор

А буква "Б" означает бедность 😉

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

Смена времени суток

Вы можете выбирать с помощью кнопок какое будет время суток за окном. Сделано с помощью svg картинок.

@frontend_school #статья #JSON

Введение в JSON

Легкочитаемый и компактный, JSON представляет собой хорошую альтернативу XML и требует куда меньше форматирования контента. Это информативное руководство поможет вам быстрее разобраться с данными, которые вы можете использовать с JSON и основной структурой с синтаксисом этого же формата.

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

@frontend_school #полезное

CSSmatic

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

@frontend_school #юмор

Привет, это админ! 👋

Я хочу создать реально полезный, удобный и интересный канал для начинающих frontend-разработчиков, то есть для вас! Поэтому мне важно слышать ваше мнение о публикациях, который тут появляются.

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

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

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

CSS Diner

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

@frontend_school #статья #CSS

Прокачиваем навыки работы с CSS селекторами

Работа с CSS селекторами это важный момент любой части Front-end разработки. Чем лучше вы их знаете, тем больше времени вы экономите себе и своим коллегам. Буквально вчера в чате возник вопрос касаемо селекторов. Эта статья должна помочь вам разобраться в вопросах селекторов, начать лучше их понимать и применять на практике. Приятного чтения!

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

@frontend_school #задача

У любви к фронтенду батарейка не сядет... 🔋

Сегодня хочу предложить решить вам задачу используя только HTML и CSS. Как вам такие задачи?

Условие:
Сделайте страницу или блок на странице, как показано на картинке. Размеры всех частей заданы в пикселях и не меняются в процессе масштабирования окна. Для каждой батарейки постарайтесь обойтись одним элементом. Чем меньше будет использовано классов или id, тем круче, но и без их использования лучше не верстать.

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

@frontend_school #юмор

Когда год осваивал frontend и только месяц backend.

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

Конструктор Lego

В этом конструкторе вы можете создать человечка Lego и настроить его внешний вид. Конструктор выполнен на CSS и JS