@frontend_school #статья #CSS

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

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

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

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

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

А вот топ-10 прошлой викторины:
🥇 Alexander Shiryaev – 6 (1 мин 6 сек)
🥈 @LiveScript_lover – 5 (41.1 сек)
🥉 @AlexeyKii – 5 (1 мин 3 сек)
 4. @ViktoriyaSaveleva – 4 (47.5 сек)
 5. @dimmi_paws – 4 (1 мин 8 сек)
 6. @leonidshuliak – 4 (54.9 сек)
 7. @dan_mk – 4 (1 мин 17 сек)
 8. @zhenina_nadin – 4 (1 мин 43 сек)
 9. @Sa1amander83 – 3 (52.4 сек)
 10. @iryna_martyniuk – 3 (36.4 сек)

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

Пройти тест

@frontend_school #юмор

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

Лабиринт

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

CodePen

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

@frontend_school #юмор

@frontend_school #полезное

CSS filter Editor

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

CodePen

@frontend_school #статья #React

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

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

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

@frontend_school #юмор

@frontend_school #юмор

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

@frontend_school #юмор

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

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

Выбрать суперсилу

@frontend_school #статья #Vue

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

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

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

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

Диско-куб

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

CodePen

@frontend_school #юмор

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

@frontend_school #статья #CSS

Вёрстка на Grid в CSS. Полное руководство и справочник

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

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