💎 Падающий снег на чистом css и html 💎

Очень красивый снег сможет украсить ваш сайт перед новым годом. Можно добавить только на первый экран, если вам кажется, что он мешает просмотру сайта.

WEB PANDA | #codepen

💎 Пакетная оптимизация изображений для сайта 💎

В видео на канале InWebPress рассказывается о нескольких способах оптимизации изображений.

Показаны плюсы и минусы каждого способа. А также рассказывается важность оптимизации и зачем вообще это нужно делать.

Очень информативное и полезное видео, которое точно стоит посмотреть, даже если вы думаете, что уже всё знаете об оптимизации изображений.

Рекомендую также подписаться на канал InWebPress, так как на канале кладезь знаний для веб-разработчиков.

Посмотреть видео

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #оптимизация #сервисы

💎 Свой брендинг для админки wordpress 💎

Плагин White Label CMS позволяет заменить все логотипы и упоминания wordpress на произвольные.

Возможности плагина:
- Настройте страницу входа в систему
- Добавьте свой брендинг в шапку и подвал
- Настройте страницу консоли. В том числе добавление своих виджетов и приветственного сообщения. В pro версии можно сделать виджет на elementor.

👍 Средняя оценка: 4.5
✨ Количество скачиваний: 200 000+
🎯 Последнее обновление: 2 недели назад

Перейти на страницу плагина

WEB PANDA | #wordpress #плагины

💎 Вывод похожих записей для статьи без плагинов 💎

В статье рассказывается подробно о методе вывода похожих записей. По желанию код можно адаптировать под себя, засунуть в шорткод и выводить в произвольном месте сайта.

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

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress

💎 Визуальная поисковая сеть 💎

Сайт - находка, если вы часто подбираете картинки для своих проектов/дизайнов. Вводите на английском ключевое слово и получаете сотни красивых релевантных изображений.

Мне лично он очень понравился.

⚠️ Это не фотосток с бесплатными картинками. Поэтому с авторским правом могут возникнуть проблемы.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн #сервисы

💎 Создание правил для заказов 💎

Плагин Order Status Rules for WooCommerce позволяет гибко настраивать правила для управления заказами.

Например: автоматически измените статус заказа на отмененный, когда пройдет 24 часа с тех пор, как статус заказа был установлен на ожидающий.

Возможности:
- Минимальная и максимальная сумма заказа и количество заказа.
- Необходимые платежные шлюзы.
- Требуемые способы доставки.
- Обязательные купоны.
- Многое другое

👍 Средняя оценка: 5
✨ Количество скачиваний: 1000+
🎯 Последнее обновление: 3 недели назад

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #woocommerce #плагины

💎 Настройка smtp сервера wordpress без плагинов 💎

Данный сниппет позволяет настроить smtp сервер wordpress без использования каких-либо плагинов.

Код сниппета в комментариях.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #сниппет

💎 Расширение для просмотра используемых технологий на сайте💎

Супер хорошее бесплатное расширение для браузера Wappalyzer. С помощью него можно быстро посмотреть на чём сделан сайт.

Что мне понравилось больше всего:
👍Работает быстро
👍Очень хорошая интеграция с wordpress технологиями. Он не только покажет, что сайт на wordpress, расширение ещё покажет какие плагины на нём используется и какой версии.
👍Показывает кучу всего. От языков программирования до аналитики и безопасности.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #сервисы

🎆 Эффект падающей капли от нажатия мышки 🎆

Эффект сделан на css с использованием js, выглядит очень красиво и отлично впишется практически в любой сайт.

WEB PANDA | #codepen

💎 Плагин для конвертации в webp при загрузке изображения 💎

В настоящее время ~95% всего трафика и ~96% мобильного трафика приходится на браузеры, поддерживающие webp.

Зачем нужна конвертация в webp?
- Webp изображения обычно имеют размер менее половины при сохранении того же качества
- Улучшается скорость загрузки сайта

👍 Средняя оценка: 4.5
✨ Количество скачиваний: 200 000+
🎯 Последнее обновление: 7 месяцев назад

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #плагины #wordpress #оптимизация

💎 Возможности chrome консоли 💎

Хорошо ли вы знаете инструменты разработчика Chrome? На самом деле, есть множество мощных, но не слишком известных возможностей, которые способны значительно повысить вашу эффективность и скорость работы.

Малый список возможностей:
1) Полноценный скриншот всей страницы или её части.
2) Мониторинг загрузки страницы
3) Копирование изображения в виде Data URL, чтобы например использовать его в css
4) Перетаскивание объектов в панели Elements
5) Быстрое скрытие элемента нажатием одной клавиши
6) Получить все шрифты/цвета/медиа запросы, которые используются на странице.

Запускайте в консоли Run Command и изучайте оставшиеся возможности. Они точно вам пригодятся в будущем.

Для краткого ознакомления рекомендую прочитать статью.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #сервисы

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

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

Название технологий по порядоку для изучения:
1) Интернет
2) HTML
3) CSS
4) JavaScript
5) Веб-безопасность
6) Инструменты (хотя часть инструментов я бы изучил ещё на 2 пункте).
7) Фреймворки
8) GraphQL

Если вы хотите стать ещё wordpress разработчиком, то можете после 5 или 6 пункта изучать php.

Карта взята с сайта TProger.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #сервисы

😎 Справочник для веб-разработчиков 😎

Сайт "Дока" начал свою работу 12 октября 2021 года. С тех пор на нем опубликовалось очень много материалом по веб-разработке.
От html и css до javanoscript и доступности.

Интересная статья: как браузер рисует страницы.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #сервисы

💎 Сниппет для отключения всех обновлений wordpress💎

Данный сниппет отключает обновления:
1) wordpress
2) плагинов
3) переводов
4) тем

🚀 Код сниппета находится в комментариях.

👀 Вставка кода в wordpress

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #wordpress #сниппет

Красивый слайдер продуктов на swiper

Сделан на css, js и библиотеке swiper. Очень круто впишется в проекты с любыми товарами, если поменять шрифты и немного изменить композицию.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #codepen #верстка

💎 Сайт с коллекцией бесплатных noscript иконок с кастомизацией 💎

Сервис позволяет кастомизировать толщину обводки и изменить дефолтный цвет иконок. Иконки можно скачать в noscript формате.

👀 Есть плагин для figma.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн

💎 Must have плагины для каждого сайта 💎

Данный пост содержит плагины, которые по моему мнению должны быть на каждом wordpress сайте.
1) Cyr to lat - конвертация кириллицы в латиницу.
2) Contact Form 7 - контактные формы
3) Rank Math Seo - seo оптимизация сайта
4) WP Rocket - оптимизация скорости загрузки сайта
5) Webp Express - конвертация картинок в webp
6) Robin image optimizer - оптимизация размера картинок
7) All In One Wp Security - защита сайта
8) Woody code snippets / любой другой плагин для сниппетов - вставка php сниппетов, гугл аналитики и прочего.

А какие плагины используете вы? Поделитесь своим опытом в комментариях.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн

💎 Вставка снега на сайт 💎

Скоро Новый Год, а это значит, что пора украшать свои сайты.

Для вставки снега надо просто вставить тег <noscript>, который находится по ссылке, в любое место страницы.

💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками.

WEB PANDA | #дизайн