Новая ИГРА для изучения CSS!

Она научит вас создавать всплывающие подсказки без JavaScript.

Как? Благодаря новой API Anchor.

От создателей Flexbox Froggy.

🔜 http://anchoreum.com

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

Самый полный курс по обновленной Фигма

«Эти уроки я записывала для моего платного курса «Старт в дизайне», а сейчас решила поделиться ими с вами бесплатно. После прохождения этого курса ты освоишь фигму и создашь классную работу. Каждый день выходит 1 новый урок»

📺 Cсылка на курс: YouTube

➡️ @byFrontDeveloper | #курсы

7 лучших гитхаб-репозиториев для JS! 👩‍💻

1. https://github.com/getify/You-Dont-Know-JS

2. https://github.com/trekhleb/javascript-algorithms

3. https://github.com/30-seconds/30-seconds-of-code

4. https://github.com/thedaviddias/Front-End-Checklist

5. https://github.com/yangshun/front-end-interview-handbook

6. https://github.com/microsoft/Web-Dev-For-Beginners

7. https://github.com/sudheerj/reactjs-interview-questions

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

Рукописные заметки SQL

🔜 Скачать: тык

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

18 однострочников JavaScript, которые можно взять на вооружение: на заметку фронтенд-разработчику

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

Простое создание регулярных выражений на JavaScript 👩‍💻

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

*️⃣ Библиотека поддерживает типичные операции, такие как тестирование шаблонов, замена строк и многое другое. В репозитории есть примеры, документация и инструменты для тестирования и создания библиотеки.

🔜 Ссылка

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

Создание интерактивной 3D-графики с Three.js

Библиотека Three.js — это популярная JavaScript-библиотека, которая используется для создания 3D-графики в веб-браузере с использованием WebGL.

*️⃣ Она упрощает создание, рендеринг и манипулирование 3D-объектами, сценами, освещением, текстурами и камерами, делая их доступными для разработчиков

🔜 Ссылка

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

Знал ли ты, что можно открыть браузер в VSCode?

Без расширений и установок. Всё уже встроено!

Твой код и изменения в одном окне 👆

✔️ #tip by Miguel Ángel Durán

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

Дорожная карта для фронтенд-разработчиков

Сохраняй 🏃‍♂️

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

67 странных приемов отладки, о которых ваш браузер не хочет, чтобы вы знали 👆

Подборка полезных, но неочевидных приемов, которые помогут максимально эффективно использовать отладчик вашего браузера.

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

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

СУПЕРФИШКА в VS Code 😜

Создавайте файл и его папки одним шагом

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

Анимация для веба 🔝

Animista — это онлайн-инструмент для создания и предварительного просмотра CSS-анимаций. Он предоставляет широкий выбор анимационных эффектов, которые можно легко применить к элементам веб-страницы.

☑️ На сайте можно настроить различные параметры анимаций, такие как скорость, направление и задержка, а затем сгенерировать готовый CSS-код для использования в своих проектах.

📑 @byFrontDeveloper | #cтатьи

Наткнулся тут на одну годную штуку — Mocky называется 🥳

В общем, если нужно быстро сгенерить какой-нибудь фейковый ответ от сервера — вот это как раз то, что надо

Заходишь на сайт, вбиваешь свой JSON-ответ, настраиваешь заголовки, коды ответов — и вуаля, у тебя уже есть URL, который можно дёргать как настоящий API

✓ Эндпоинты GET/POST/PUT/DELETE
✓ Настройка заголовков и ответов
✓ Без регистрации и бесплатно

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

Красивый эффект при наведении всего за несколько шагов: :hover, CSS anchor positioning, :has и ни единого JS-кода

🔎 Посмотреть код и поиграть можно здесь

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

Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress.

Автор: М.: Манн, Иванов и Фербер
Год издания: 2019

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

➡️ @byFrontDeveloper | #книги

☃️ Адаптивные SVG на практике

Расширьте свои знания о работе с SVG, чтобы получить масштабируемый и адаптивный интерфейс.

🔜 Читать

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

Супер HTML шпаргалка 🖥

Сохраняй и делись с друзьями!

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

Апгрейдни свой гитхаб за пару секунд!

GitHub Profile Generator может быстро и легко создать красиво оформленный профиль.

Инструмент незаменим для разработчиков, студентов и тех, кто ищет работу.❤️

⛓Ссылка: тык

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

МЕГА-коллекция кастомных хуков для React.

Сэкономит вам много времени при разработке!

✓ 50 готовых хуков
✓ С примерами кода
✓ Совместимы с TypeScript

🔜 http://usehooks.com

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

Превращай изображения в КОД с помощью этого ИИ! 💻

► Бесплатно
► Измени результат по своему вкусу
► Экспортируй в различные фреймворки: React, Vue, Angular, Svelte и другие

Код копируется в один клик, без регистрации и премиум аккаунтов

⛓Ссылка: тык

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

Принёс вам очередную крутую тулзу — Unlighthouse

Это инструмент, который сканирует весь ваш сайт за пару минут, используя Google Lighthouse. Он помогает находить проблемы с производительностью, доступностью и SEO на всех страницах, а не только на главной.

Автоматически находит URL-адреса, визуализирует состояние сайта, имеет современные UI и полезные интеграции

Запустите это:

npx unlighthouse --site <ваш-сайт>

👉 https://next.unlighthouse.dev/

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