💡 Подборка инструментов

▫️ Stylestage — современная витрина CSS, оформленная открытым сообществом.

▫️ Halfmoon — интерфейсный фреймворк со встроенным тёмным режимом и полной настраиваемостью с использованием переменных CSS.

▫️ Spirit Studio — браузерный инструмент анимации, помогающий дизайнерам и разработчикам создавать свои анимации и управлять ими в режиме реального времени.

▫️ Meanderer — маленькая библиотека JavaScript для создания отзывчивых траекторий анимации.

▫️ Happy Hues — палитры отобранных цветов, которые будут уместны в определённом контексте.

▫️ MoreToggles — библиотека на чистом CSS со множеством приятных глазу переключателей.

WebDEV #подборка #инструменты

🔥 Лучшее на канале за неделю

1. Vite за 100 секунд.

2. Browserling позволяет просматривать сайты в различных браузерах.

3. Визуализация моделей в Django.

WebDEV #test #React

Выберите правильный вариант 👇🏼

💡 Virtualenv в Django

Virtualenv + Python = палочка-выручалочка. Virtualenv будет изолировать настройки Python/Django для каждого отдельного проекта. Это значит, что изменения одного сайта не затронут другие сайты. Также это может оказаться удобным, когда на сервере необходимо держать разные версии Django или python.

WebDEV #советы #python #django #web

📖 JavaScript Cookbook: Programming the Web
🖋 Adam D. Scott, Matthew MacDonald, Shelley Powers, 2021

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

💾 Скачать книгу

WebDEV #book #js

🛠 JavaScript30 — 30-дневный челлендж по VanillaJS. Выполните 30 заданий за 30 дней, следуя 30 руководствам.

WebDEV #инструменты #js

💡 Используйте Memcache

Когда низкая производительность может стать проблемой, вы скорее всего захотите установить какую-либо систему кеширования. Django предлагает множество вариантов для кеширования, но лучшим из них на сегодняшний день является memcached.

Установить и использовать memcached весьма просто, если вы используете модуль cmemcache. После того как модуль будет установлен, вам нужно внести одну строку в конфигурацию, чтобы ваши страницы начали выдаваться еще быстрее.

WebDEV #советы #python #django #web

🔥 Лучшее на канале за неделю

1. JavaScript Cookbook: Programming the Web.

2. JavaScript30 — 30-дневный челлендж по VanillaJS.

3. Virtualenv в Django.

WebDEV #test #css

Выберите правильный вариант 👇🏼

💡 Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах

from django import template
template.add_to_builtins('project.app.templatetags.custom_tag_module')

Если добавить это в модуль который загружается по умолчанию (settings.py,urls.py,every app models.py), у вас будут доступны все теги и фильтры из вашего кастомного модуля в любом шаблоне, без использования {% load custom_tag_module %}.

Аргументом к template.add_to_builtins() может быть путь к любому модулю; ваш кастомный модуль не обязательно должен быть привязан к какому то определенному приложению.
Например, это так же может быть модуль расположенный в корневом каталоге проекта (например: 'project.custom_tag_module').

WebDEV #советы #python #django #web

React Query за 100 секунд

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

📺 YouTube

WebDEV #видео #ReactQuery

🛠 DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов. Это — качественные, профессиональные рисунки, которые можно использовать на сайтах без ссылки на их источник.

WebDEV #инструменты

💡 Ревью верстки

Code-review для верстки часто пренебрегают, отчасти, возможно, из-за сложившегося стереотипа, что верстать нужно, набрав побольше воздуха, зажмурившись и раскидываясь хаками и костылями, пока не будет достигнута та самая неуловимая кроссбраузерность. А поддерживать чужую верстку — только человеку с крепкими нервами и достаточным запасом медикаментов.

Но на самом деле важно не только тестирование, но и ревью. Особенно важно ревьюить стажеров и новичков, чтобы скорректировать недочеты и не дать сформироваться вредным привычкам. В данной серии постов будут рассмотрены типичные ошибки верстальщиков-новичков и советы по их устранению.

WebDEV #советы #web

🔥 Лучшее на канале за неделю

1. React Query за 100 секунд.

2. DrawKit — на данном ресурсе можно находить бесплатные векторные изображения для своих проектов.

3. Автозагрузка кастомных тегов, которые можно использовать во всех шаблонах.

WebDEV #test #html

Выберите правильный вариант 👇🏼

💡 Ошибка: копипаста есть, комментариев нет

▍Часть 1

С копипастой нужно быть особенно аккуратным: вдумчиво все перечитать, исправить «под проект» и удалить лишнее. Однажды встретилось:

<meta name="apple-mobile-web-app-title" content="AMC Walking Dead">

При этом обычный <title> содержал совершенно другую строку.

Не важно, делаете вы редизайн или используете решение из интернета, пока копипаста не будет переработана, рядом с ней должен быть комментарий с TODO, чтобы:

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

Продолжение следует...

WebDEV #советы #web

📖 Professional JavaScript for Web Developers
🖋 Matt Frisbie, 2019

Данная книга написана для программистов среднего и продвинутого уровня. Автор объясняет многие технические детали, которые помогут вам в работе с JavaScript. В книге представлены различные темы от ООП в JavaScript до комбинирования JavaScript с HTML и другими языками разметки.

💾 Скачать книгу

WebDEV #book #js