WEB Panda | Wordpress | Веб-разработка

⬜️ Бесплатный фотосток Skitterphoto ⬜️ Skitterphoto — сайт с множеством хороших фотографий с бесплатной лицензией. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #сервисы #дизайн

⬜️ Плагин для создания полей ⬜️ Smart Custom Fields — бесплатный плагин для кастомных полей. Аналог ACF и подобных плагинов. Поддерживает 13 самых распространённых видов полей и подойдёт для решения простых задач 👍 SCM позволяет создавать повторяемые (repeater) поля, а также произвольные страницы настроек - и всё это бесплатно. Благодаря подробной статье на wp-kama в нем можно легко разобраться и использовать в работе. Но есть и минусы, нет возможности задавать ширину полям, создавать вкладки или как-то иначе разделять поля. Поэтому рекомендую использовать только в крайне простых проектах, где всё это не нужно. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #плагины #wordpress

⬜️ Изменение внешнего вида писем woocommerce ⬜️ Decorator WooCommerce Email Customizer — плагин позволяет бесплатно создавать свои шаблоны писем, которые отправляются клиенту при оформлении заказа. Есть шаблоны, чтобы упросить процесс. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #плагины #wordpress #woocommerce

⬜️ Использование CSS-фреймворков для ускорения разработки сайтов ⬜️ Чтобы ускорить процесс разработки сайта, многие разработчики используют различные инструменты и библиотеки. Одним из таких инструментов являются CSS-фреймворки. CSS-фреймворк — это набор готовых CSS-стилей, которые можно использовать для оформления вашего сайта. Фреймворк содержит все базовые стили для типовых элементов интерфейса: кнопок, форм, таблиц, сеток и т.д. Это позволяет сэкономить много времени, которое ушло бы на написание собственных стилей. Существует множество популярных CSS-фреймворков: Bootstrap, Foundation, Tailwind, Semantic UI, UIkit и другие. Они имеют схожую функциональность, но отличаются дизайном компонентов и набором доступных элементов. Выбор конкретного фреймворка зависит от предпочтений разработчика и требований к проекту. Чтобы начать использовать CSS-фреймворк на сайте, нужно скачать его и подключить файлы стилей и скриптов фреймворка. После этого вы сможете применять готовые компоненты, просто добавляя соответствующие классы к элементам HTML-разметки. Использование CSS-фреймворков позволяет существенно ускорить разработку сайтов за счет готовых решений для оформления типовых интерфейсных элементов. Вместо того, чтобы каждый раз писать CSS-стили заново, вы просто используете то, что предлагает фреймворк. Это делает работу веб-разработчика проще и эффективнее. 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #оптимизация #верстка

⬜️ Грозовое небо ⬜️ Красивое грозовое небо. Сделано на css и js с использованием библиотеки three.js 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #codepen #верстка

⬜️ Портал с AI сервисами ⬜️ Сайт с коллекцией ai сервисов, которые разделены на категории. Содержит в себе очень большой список. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #сервисы

🧹 Плагин для очистки базы данных 🧹 WP-Sweep — плагин, который удаляет старые данные в базе данных от удаленных плагинов. Иногда даже после удаления плагина с сайта, он оставляет после себя много контента в базе данных. Данный плагин позволит очистить базу данных от мусора. 💬 Делайте резервную копию перед очисткой. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #плагины #wordpress #оптимизация

⬜️ HuggingChat — аналог ChatGPT от Hugging Face ⬜️ Компания Hugging Face выпустила HuggingChat — конкурента ChatGPT от OpenAI. Попробовать чат-бота можно по ссылке. Пока алгоритм справляется чуть хуже ChatGPT и иногда лагает. Но самое главное, что нейросетевая модель работает без ограничений по странам на английском без регистрации, её можно интегрировать в приложения через API и у неё открытый исходный код. В основе HuggingChat лежит модель OpenAssistant на 30 млрд параметров. В то время как размер ChatGPT оценивают в 175 млрд параметров. 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #сервисы

⬜️ Фильтры в css ⬜️ CSS filter — это свойство CSS, которое позволяет применять эффекты на изображения и другие элементы на веб-странице. С помощью CSS filter можно изменять цвет, яркость, контрастность, размытие, насыщенность, наложение градиентов и многое другое. Синтаксис CSS filter выглядит следующим образом:

filter: <filter-function> [<filter-function>]* | none

Здесь <filter-function> представляет функцию фильтра, которая может быть применена к элементу. Несколько функций могут быть объединены через пробелы для применения нескольких эффектов фильтрации одновременно. Например, чтобы применить размытие к картинке, можно использовать функцию blur(): img { filter: blur(5px); } Другие функции фильтра CSS включают grayscale(), brightness(), contrast(), hue-rotate(), invert(), opacity(), sepia(), drop-shadow(), url(), blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() и т.д. CSS filter позволяет создавать красивые эффекты и улучшать визуальную привлекательность сайта. Однако, следует учитывать, что использование фильтров может замедлить работу страницы, особенно на мобильных устройствах. 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #верстка

⬜️ Конвертер таблиц в html ⬜️ Удобный сервис, который генерирует из exel таблиц html код. Очень упрощает и ускоряет работу, если нужно перенести таблицу на сайт. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #сервисы

⬜️ Анимированный рейтинг ⬜️ Красивая анимация и внешний вид. Написано на html, css (scss) и js. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #codepen #верстка

⬜️ Изменение ранжирования Google ⬜️ Google обновил «Руководство по системам ранжирования». Что изменилось: 1) Удалено "Система ранжирования по удобству страниц" 2) Удалено "Ранжирование по оптимизации для мобильных устройств" 3) Удалено "Оптимизация загрузки страниц" 4) Удалено "Ранжирование по безопасности сайтов" Довольно масштабные изменения, но в то же время один из представителей гугл говорит: "изменения в руководстве не говорят об изменениях в самом ранжировании. Они скорее направлены на то, чтобы оптимизаторы не зацикливались больше, чем нужно на отдельных показателях, а думали об общем качестве страницы." 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #seo

⬜️ Gutenberg в комментариях wordpress 🔥 ⬜️ Blocks Everywhere — плагин от известной команды Automattic (разработчики woocommerce, wordpress и многого другого). Он внедряет блоки gutenberg в комментарии wordpress сайта. Помимо комментариев от wordpress, он также совместим с bbPress и BuddyPress. 🔗 Посмотреть плагин 🔗 👍 Средняя оценка: 5 ✨ Количество скачиваний: 10+ 🎯 Последнее обновление: 1 месяц назад 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #плагины #wordpress

⬜️ Gutenberg в комментариях wordpress 🔥 ⬜️ Blocks Everywhere — плагин от известной команды Automattic (разработчики woocommerce, wordpress и многого другого). Он внедряет блоки gutenberg в комментарии wordpress сайта. Помимо комментариев от wordpress, он также совместим с: 🔗 Посмотреть плагин 🔗 👍 Средняя оценка: 4.5 ✨ Количество скачиваний: 800 000+ 🎯 Последнее обновление: 6 дней назад 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #плагины #wordpress

⬜️ Книги про wordpress ⬜️ Найти в сети хорошие книги по WordPress достаточно тяжело. Стоит опасаться всяческих написанных на коленке документаций, поскольку они очень часто дают неверное представление о системе WordPress, изобилуют некорректными переводами терминов, да и поставляются зачастую не бесплатно. Для удобства был создан сборник качественных книг про wordpress, которые улучшат ваши знания, а не просто потратят время. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #wordpress

⬜️ Неоновый круг с эффектом наведения ⬜️ Красивый круг с меняющимся цветом. Реализовано на html и css без js. Отлично подойдет для дизайна в темной теме, где есть тонкие круги. Можно будет удивить заказчика красивым эффектом. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #codepen #верстка

⬜️ Сайт в figma ⬜️ http://html.to.design/ — расширение для figma, которая позволяет перенести любой сайт в интернете по его URL в figma дизайн со всеми элементами и стилями. Работает на удивление хорошо и не глючит. В бесплатной версии возможно 20 переносов сайтов в figma в месяц. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #дизайн

⬜️ Идеальный хостинг для сайта ⬜️ Что должен иметь хороший хостинг? — Поддержку всех версий php. На данный момент это от 5.4 до 8.2. — Поддержка всех современных технологий (http2/websokets/redis и тд). — Нормальную цену по соотношению цена/качество. — Быструю скорость работы. — Быструю и хорошую тех. поддержку. — Ежедневное резервное копирование. — Бесплатный ssl сертификат. Что будет плюсом? — Неограниченное количество сайтов на хостинге. Лимит только на место и мощность хостинга. — Бесплатная защита от DDos атак. — Бесплатный антивирус. — Красивый интерфейс. — Помощь с переносом сайтов с других хостингов. Все перечисленные возможности есть на хостинге NetAngels. Сам пользуюсь на данный момент этим хостингом и очень им доволен. Он ничем не уступает лидерам, а где-то их и превосходит. Можно настроить тариф под свои нужды. 🔗 Посмотреть 🔗 💥 Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями разработчиками. WEB PANDA | #сервисы