⬜️ Эффект наведения на аватар с пояснением ⬜️

Готовый код для красивого эффекта наведения на аватар. Автор статьи описал каждый этап с примером.

⭐ Если не поняли по этапам, как это работает, то понимать и необязательно. Можно просто использовать, как готовый код на своих проектах.

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка

⬜️ ChatGPT. Как правильно формулировать вопросы ⬜️

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

⭐ Советы при составлении задания для текстов:

1) Задавайте стиль письма текста. После основного ТЗ напишите: "стиль текста должен быть формальный/неформальный/творческий/профессиональный и тд.

2) Напишите более подробно о вашей задаче. Что там должно быть, а что ни в коем случае не должно.

3) Возможно у конкурента уже есть текст? Тогда не нужно придумывать велосипед и попросите chat gpt перефразировать текст, заменив синонимами. На выходе получите 100% уникальность. Важно! Рекомендую переписывать по абзацу, а не всё сразу, чтобы работало корректно.

⭐ Советы при написании кода:

1) Напишите для чего надо написать код. Например, для cms wordpress.

2) Просите писать оптимизированный код.

3) Если вы пишите код для wp, то просите его использовать функции wordpress.

4) Если код не работает, то как бы банально это не звучало, напишите об этом chatGPT. Он либо перепишет, либо скажет все возможные причины.

В принципе советов больше и нет. ChatGPT очень мощная нейросеть, которая может сгенерировать и переписать что угодно, как угодно. Так что если вас не устраивает результат, то просто напишите ему то, что вас не устроило и с большой вероятностью всё будет исправлено.

➡️ На английском он отвечает гораздо быстрее и грамотнее. Поэтому рекомендую использовать переводчик для экономии времени.

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

WEB PANDA | #сервисы #советы

⬜️ Ресурс для изучения CSS от гугл ⬜️

Learn CSS — постоянно обновляемый справочник по CSS.

👍 Качественный материал с примерами и подробным описанием каждого CSS свойства. Также есть подкасты к каждой статье, но только на английском языке.

Создатели сайта — google.

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка #сервисы

⬜️ Карточка с интересным эффектом наведения⬜️

Реализована на css и html без использования js. Будет хорошо смотреться практически по любой тематике для постов блога.

🔗 Посмотреть 🔗

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

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

⬜️ Плагин сжатия картинок ⬜️

Плагин от известного сервиса TinyPNG. Автоматически оптимизирует все ваши изображения при загрузке.
Совместим с wpml, WooCommerce, а также имеет много других функцией.

🔗 Посмотреть плагин 🔗

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

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

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

⬜️ CSS переменные ⬜️

Раньше переменные были доступны только в препроцессорах, но в CSS3 возможность создания их добавили в обычном css.

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

🔗 Посмотреть 🔗

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

WEB PANDA | #верстка

⬜️ Плагин расширенного поиска ⬜️

WP Extended Search — это легкий и простой поисковый плагин, который позволяет легко расширить функциональность стандартного поиска WordPress. Позволяет добавить возможность поиска по мета полям, названиям таксономий и тд.

От себя рекомендую, если нужно расширить поиск, то это очень хорошая штука.

🔗 Посмотреть плагин 🔗

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

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

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

⬜️ Сайты известных брендов на wordpress ⬜️

Showcase сайтов от разработчиков wordpress. Можно посмотреть 70+ сайтов на wp, которые принадлежат известным брендам/государствам и тд.

🔗 Посмотреть 🔗

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

WEB PANDA | #wordpress

⬜️ Библиотека изображений ⬜️

Openverse.org – это проект от компании Creative Commons, который представляет собой библиотеку бесплатных изображений, видео, музыки и других материалов, которые можно использовать в своих проектах, не нарушая авторских прав.

Одним из главных преимуществ Openverse.org является возможность быстрого и удобного поиска необходимых материалов. Сайт предлагает не только фильтрацию по типу контента, но и по лицензии Creative Commons, что позволяет найти материалы, которые можно использовать с минимальными ограничениями.

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

🔗 Посмотреть 🔗

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

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

⬜️ Вращающиеся иконки по орбите ⬜️

Сделано на чистом css. Легко интегрировать в проект и подойдёт многим тематикам.

🔗 Посмотреть 🔗

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

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

⬜️ Лучшие работы веб-дизайна ⬜️

Сервис, где собраны красивые и уникальные дизайны для сайтов. Есть удобная фильтрация по цвету и типу. Отличный сайт для вдохновения.

🔗 Посмотреть 🔗

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

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

⬜️ Бесплатный плагин оптимизации ⬜️

Плагин от разработчиков wordpress для ускорения скорости загрузки.

⭐ Плагин Performance Lab - это набор модулей, направленных на повышение производительности вашего сайта, большинство из которых в конечном итоге должны быть объединены в ядро WordPress. Плагин позволяет индивидуально включать и тестировать модули, чтобы получить их преимущества до того, как они станут доступны в ядре WordPress, и предоставлять обратную связь для дальнейшего улучшения решений.

На данный момент опций в нем не очень много, но конвертация изображений в Webp и другие опции могут быть довольно полезные. А также перспектива того, что это может появиться в ядре радует.

🔗 Посмотреть 🔗

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

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

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

⬜️ Перелинковка на сайте ⬜️

Перелинковка — это процесс добавления ссылок на другие страницы своего сайта в текст страницы, что хорошо сказывается на SEO.

⚡️ Во-первых, перелинковка позволяет улучшить структуру сайта и сделать его более логичным для пользователей. Благодаря ссылкам на связанные страницы, посетители сайта смогут легче ориентироваться в его контенте и находить нужную им информацию.

🎯 Во-вторых, перелинковка может улучшить позиции вашего сайта в поисковой выдаче. Располагая ссылки на связанные страницы, вы помогаете поисковым роботам понимать структуру вашего сайта, что может положительно влиять на его ранжирование.

🔗 Однако важно помнить, что перелинковка должна быть органичной и логической. Ссылки на другие страницы должны быть релевантные контенту текущей страницы и помогать пользователям найти нужную им информацию. Кроме того, следует избегать избыточной перелинковки, которая может негативно сказаться на пользовательском опыте и SEO.

👑 В целом, перелинковка — это важный элемент SEO и пользовательского опыта, который может помочь улучшить структуру сайта и увеличить его посещаемость. Однако, для того чтобы перелинковка действительно принесла пользу, необходимо оставаться в рамках естественной, органичной и релевантной связи между страницами.

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

WEB PANDA | #seo #оптимизация

⬜️ Learn Accessibility — ресурс от гугл ⬜️

✔️ Learn Accessibility — это процесс обеспечения доступности веб-сайтов и приложений для людей с ограниченными возможностями.

👍 Для обеспечения доступности веб-сайтов необходимо следовать ряду стандартов и рекомендаций, таких как Web Content Accessibility Guidelines (WCAG). Эти рекомендации описывают, каким образом должен быть создан и оформлен контент, чтобы его могли использовать все пользователи, независимо от их способностей.

🎉 Некоторые из рекомендаций, которые помогают обеспечить доступность веб-сайта, включают использование alt для изображений и видео, создание доступной структуры и навигации сайта, использование удобочитаемых шрифтов и цветовой схемы, а также добавление подсказок для форм и кнопок.

🌎 Важно отметить, что обеспечение доступности веб-сайта также может помочь улучшить SEO-рейтинг. Кроме того, многие страны и регионы имеют законодательство, требующее от компаний и организаций обеспечивать доступность своих веб-сайтов.

🔗 Посмотреть 🔗

➡️ Пост про Learn CSS от гугл

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

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

⬜️ Распадающийся куб ⬜️

Сделано на чистом css и html. Выглядит эффектно и может хорошо вписаться в разные тематики сайтов.

🔗 Посмотреть 🔗

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

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

⬜️ Сервис с иконками ⬜️

Flaticon - это онлайн-сервис, который предоставляет бесплатные и платные иконки для использования в веб-дизайне, маркетинговых материалах и других проектах.

Сайт имеет огромную библиотеку иконок, которая содержит более 4 миллионов иконок в различных форматах, таких как PNG, SVG, EPS, PSD и Base64. Это делает Flaticon одним из крупнейших и наиболее полных ресурсов для поиска иконок в Интернете.

Сайт имеет простой и понятный интерфейс, который позволяет легко найти нужную иконку по ключевому слову, категории или цвету. Кроме того, Flaticon предоставляет инструмент для редактирования иконок, который позволяет изменять цвет, размер и форму иконки в соответствии с потребностями пользователя.

🔗 Посмотреть 🔗

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

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

⬜️ Гайд по безопасности wordpress ⬜️

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

🔗 Посмотреть 🔗

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

WEB PANDA | #wordpress