CSS Click Chart - с помощью этого инструмента можно посмотреть, как реализуется то или иное действие на CSS. Также отображается поддержка браузерами

😀 Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

🤯🤯🤯

👉 @byFrontDeveloper | #мемы

😈Frontend Developer/Engineer Handbook 2024

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

📚 Подборка полезных книг по фронтенду

— Руководство для начинающих по HTML и CSS
— React быстро. 2-е издание
— Создаем динамические веб-сайты с помощью PHP, MySQL, jаvascript, CSS и HTML5
— Jаvascript с нуля
— JavaScript и Node.js для веб-разработчиков
— Разработка веб-приложений на WordPress

➡️ @byFrontDeveloper | #ресурсы

Две хорошие минималистичные шпаргалки по Flexbox и Grid

https://flexbox.malven.co/

https://grid.malven.co/

...на первое время очень даже полезно

Только нет моего любимого свойства place-content: center; (сокращенная запись для align-content и justify-content), которое позволяет одной строкой центрировать дочерние элементы - https://developer.mozilla.org/en-US/docs/Web/CSS/place-content

➡️ @byFrontDeveloper | #ресурсы

Разработка веб-приложений GraphQL с React, Node.js и Neo4j

Автор: Уильям Лион
Год: 2023

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

6 самых важных шаблонов проектирования в React

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

Без лишних слов - очень крутой гид для верстальщиков

Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

Webcrumbs — нейронка для фронтенда, которая по клику соберет элемент для страницы. Код копируется в один клик, без регистрации и премиум аккаунтов

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

14 React-инструментов, которые упростят вашу жизнь

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

😂😂😂

➡️ @byFrontDeveloper | #мемы

Это «бесплатный универсальный набор инструментов», где вы можете получить все необходимые инструменты в одном месте. На видео показаны лишь CSS инструменты

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

Изучаем Git: пошаговое руководство с наглядными примерами

Автор: Скуликари А.
Год издания: 2024

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

🖥 Подборка GitHub-репозиториев для JavaScript-разработчиков

⏩Алгоритмы
Полный список алгоритмов и структур данных на JavaScript с объяснениями и примерами
— 🖥 GitHub

⏩33 концепции JS
Репозиторий описывает: "33 концепции JavaScript, которые должен знать каждый разработчик". Ссылки, видео, статьи или книги поддерживают эти концепции
— 🖥 GitHub

⏩Чистый код JavaScript
В мире программирования существует известная книга под названием "Чистый код". Данное хранилище является адаптацией этих концепций чистого кода, но для JavaScript.
— 🖥 GitHub

⏩Шпаргалка по JS
Шпаргалка по знаниям JavaScript, с которыми вы часто столкнетесь в современных проектах
— 🖥 GitHub

⏩Лучшие методы тестирования JavaScript
Исчерпывающие рекомендации по тестированию JavaScript и Node.js
— 🖥 GitHub

➡️ @byFrontDeveloper | #ресурсы

❤️ Источники вдохновения для UI/UX-дизайнеров и фронтендеров: 50 полезных ресурсов

Ищете идеи для своего следующего проекта? Эта подборка поможет вам найти вдохновение и новые подходы к дизайну. Разберем первые десять, а остальные читайте в статье:

• Websitevice – новая, часто обновляемая галерея с широким спектром примеров веб-дизайна. Удобная фильтрация по категориям.
• One Page Love – коллекция высококачественных одностраничных сайтов и лендингов.
• Landingfolio – большая коллекция красивых лендингов, оптимизированных для маркетинга.
• Lapa Ninja – тщательно отобранные примеры веб-дизайна с полными скриншотами страниц.
• Godly – обширная галерея с анимированными превью сайтов, мобильных и десктопных приложений.
• Siteinspire – объемная коллекция лучших веб-дизайнов с удобной сортировкой.
• Maxibestof – огромная подборка примеров, курируемая опытным дизайнером.
• InspoVault – фокусируется на качестве, а не количестве примеров, в основном в минималистичном и креативном стилях.
• Landing Gallery – специализируется на эффектных лендингах.
• SEE + SAW – галерея с динамичными видеопревью сайтов.

➡️ @byFrontDeveloper | #статьи

Web на практике. CSS, HTML, jаvascript, MySQL, PHP для fullstack-разработчиков

Автор: Кириченко А.В.
Год издания: 2021

⬇️ Скачать книгу

➡️ @byFrontDeveloper | #книги

😳 Mobirise — нейросеть, которая генерирует лендинг за пару секунд.

ТЗ можно описать на любом языке, а результат скачать в ZIP архиве для дальнейшего редактировария

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

25 полезных HTML тегов, элементов и атрибутов, которые должен знать каждый фронтендер

📖 Читать: ссылка

➡️ @byFrontDeveloper | #cтатьи

🎩 JSON Data AI — сервис на основе ИИ, который позволяет сгенерировать JSON-данные о чем угодно, в зависимости от вашего запроса

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы

👩‍💻 Нашёл для вас большую шпаргалку по TypeScript

С тебя лайк ❤️

➡️ @byFrontDeveloper | #ресурсы

⚡️ Полезный ресурс для изучения хуков React

На этом сайте представлена как теория, так и практика, относящиеся к основным хукам React. Это будет особенно актуально для начинающих веб-разработчиков.

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

⛓Ссылка: тут

➡️ @byFrontDeveloper | #ресурсы