@frontend_school #статья #Vue

Перевод сайта на несколько языков за час

Если вы выбрали для себя фреймворк Vue, то у вас есть отличная возможность быстро и без труда перевести ваш сайт сразу на несколько языков буквально за час. О том, как это сделать — читайте в статье.

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

@frontend_school #юмор

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

Внимательный мишка

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

CodePen

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

Спичка в микроволновке

Вы знаете, как ведёт себя зажённая спичка в микроволной печи? Очень интересный эффект! В этом CodePen проекте вы можете наглядно увидеть, что происходит в случае горения спички в работающей микроволновке. Так что, если вам интересно понаблюдать этот эффект или хотите посмотреть, как реализован сам проект, то, как обычно, ссылка ниже!

CodePen

P.S. Пожалуйста, не повторяйте этот эксперимент дома! На YouTube полно роликов с этим эффектом, если вам не хватило того, что предлагает этот проект 😊

@frontend_school #статья #JavaScript

JS-алгоритм ищет выход из сгенерированного на ходу лабиринта

Вы хорошо знаете алгоритмы? У вас есть возможность проверить свои знания или расширить их, изучив этот проект. Алгоритм самостоятельно генерирует случайный лабиринт, а затем ищет выход из него.

В этой статье вы можете не только посмотреть видео, как это происходит, но и скачать проект и попробовать его самому, попутно изучив!

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

@frontend_school #статья

Как стать фронтенд-разработчиком в 2021 году: дорожная карта

Как стать фронтенд-разработчиком и что изучать в 2021 году? Действительно, технологии постоянно меняются и развиваются и то, что было актуально вчера — сегодня отправляется на свалку истории. Чтобы чётко знать свой путь развития представляем вам дорожную карту по фронтенду.

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

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

Та-да! Скучали по викторинам?😏

@frontend_school #статья #HTML

10 полезных советов для веб-разработчиков по загрузке файлов в HTML

Возможность загрузки файлов является ключевым требованием для многих веб- и мобильных приложений. От загрузки фотографии в социальные сети до публикации резюме на веб-сайте портала о вакансиях file upload — везде. Веб-разработчики должны знать, что HTML обеспечивает нативную поддержку загрузки файлов с небольшой помощью JavaScript. В этой статье обсудят 10 случаев использования поддержки загрузки файлов HTML.

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

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

Форма ввода пароля

Посмотрите какая интересная форма для ввода пароля! Здесь и приятная анимация, и проверка на секьюрность имеется благодаря наличию регулярок. Полезно к изучению всем, особенно тем, кто хочет разобраться с SVG и регулярными выражениями.

CodePen

@frontend_school #статья #CSS

Динамические размеры липкой боковой панели с HTML и CSS

Cоздание содержимого страницы, которое «прилипает» к области просмотра при прокрутке, что-то вроде меню перехода к привязке или заголовков разделов, никогда не было таким простым. Добавьте position: sticky в набор правил CSS, установите смещение направления (например top: 0), и вы готовы произвести впечатление на своих товарищей по команде с минимальными усилиями.

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

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

Форма ввода электронной почты

У этой формы не только приятный дизайн, но ещё и валидация текста. То есть, если вы напишете что-то непохожее на email, то форма даст вам об этом знать.

CodePen

@frontend_school #видео #JavaScript

Как ускорить JavaScript разработку с Quokka

Quokka — это расширение для редакторов кода и IDE, которое помогает работать с JS. Например, с помощью него можно сразу посмотреть каким будет результат выполнения части кода прямо в редакторе. Помимо этого у него достаточно много возможностей. Подробнее вам расскажут в видео.

Смотреть видео

Иллюстрированная шпаргалка по Flexbox CSS

Сразу заметим, что статья на английском языке. Но! Текста там немного, по большей части там картинки с понятной визуализацией работы различных свойств Flexbox. А ещё они очень милые и легко запоминающиеся! Поэтому сохраняйте в закладки, чтобы всегда были под рукой.

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

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

​​Что нового ожидать в ES2021

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

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

@frontend_school #статья #JavaScript

​​Вы можете создавать эти элементы, не используя JavaScript

Необязательно каждый раз плодить кучу JS-кода, если можно сделать то же самое, используя только HTML и CSS. Это не только может снизить нагрузку на сайт, но и избавит от проблем, когда пользователь отключает работу JS в браузере.

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

@frontend_school #статья #JavaScript

Мотивации пост

@frontend_school #юмор

​​Что такое @font-face на самом деле

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

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

@frontend_school #CSS

​​9 полезных плагинов VS Code для вёрстки

VS Code на сегодняшний день один из самых популярных редакторов кода не только в фронтенде, но и в других областях программирования. Но нас, разумеется, больше интересует фронтенд и, в частности, вёрстка.

В этой статье вам расскажут о 9 плагинах, которые вам могут помочь верстать проще и быстрее.

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

@frontend_school #статья

Нас таким не напугать. Правда ведь?

@frontend_school #юмор