Стрічка новин на сайті через CSS і без JavaScript (біжучий рядок на HTML)

Стрічка новин Верстка 

Сьогодні буде корисний пост по темі верстки де ми розкажемо вам як можна реалізувати стрічку новин у вигляді біжучого рядка на HTML + CSS і без JavaScript. Також в якості бонуса в кінці статті поділимось готовим кодом інтеграції одного з найкращих рішень на WordPress сайті. По суті даний пост буде набором прикладів з сервісу Codepen аналогічно до того, як ми робили в замітках про підкреслювання…

5 самых популярных конструкторов сайтов в рунете (их плюсы и минусы)

конструкторы сайтов Online сервисы 

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

Как сделать опрос для сайта без программирования с помощью WebAsk

WebAsk Online сервисы 

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

6 причин почему важна скорость загрузки сайта

скорость загрузки сайта Статьи Юзабилити 

Согласно последним исследованиям, половина пользователей интернета ждет загрузку сайта не более 2-х секунд. Если ваш проект не вкладывается в эту норму, то не важно, насколько красивый там дизайн, стильная типографика или полезный контент — есть риск, что человек просто закроет страницу, которая вовремя не загрузилась. Сейчас, наряду с юзабилити, скорость работы веб-проектов является одним из ключевых моментов в веб-разработке. Причем она влияет не только на лояльность…

Веб-сервисы разработчикам и дизайнерам №15 — генераторы, цветовые палитры, CSS

Веб-сервисы разработчикам и дизайнерам №15 Online сервисы Полезные сайты 

Представляем вашему вниманию первую в 2020 году подборку всяких «полезностей» для веб-дизайнеров и разработчиков. Учитывая длительный перерыв с момента прошлой публикации, решили добавить в статью достаточно большое количество разных веб-проектов. Надеемся, они будут вам полезны. Какого-то одного конкретного направления в статье нет, это будет такая себе «солянка» интересных и актуальных онлайн-сервисов, найденных на просторах сети. Общей фишкой у них всех можно назвать разве что их…

Как сделать калькулятор для сайта без программирования с помощью stepFORM

Сервис stepFORM Online сервисы 

Есть несколько методов как сделать ваш сайт более удобным, привлекательным и полезным для аудитории. Один из вариантов — добавить интерактивный опрос, форму или калькулятор, которые бы помогали посетителям решать определенные задачи или давали ответы на те или иные вопросы. Кроме улучшения юзабилити это позволит увеличить показатели конверсии и продаж. Пару лет назад подобная функциональность казалась сложным и невыгодным вложением, так как для нее необходимо было…

Полезное дизайнерам и разрабочикам №12: палитры, слайдеры, иконки, эффекты

Полезное дизайнерам и разрабочикам №12 Online сервисы Полезные сайты 

Судя по списку лучших статей 2018 в блоге за прошлый год было опубликовано всего 3 статьи-подборки полезных сервисов. Изначально мы планировали размещать их ежемесячно, но в реальности все получилось по-другому —   последний подобный выпуск №11 вы могли наблюдать аж в августе. С тех пор в загашнике накопилось много интересного, поэтому есть смысл опубликовать эту информацию сейчас пока она еще не успела потерять актуальность. Хотя, с другой стороны,…

Кликабельный фон / подложка для сайта через HTML, CSS, JS

Кликабельный фон сайта Верстка 

Реализацию данной задачи вы наверняка встречали на крупных порталах, так как подобный рекламный брендинг привлекает максимум внимания посетителей и является более эффективным чем обычные баннеры. Сегодня рассмотрим как сделать фон ссылкой на сайте с помощью HTML, CSS, Javascript и некоторых других «подручных средств». Ранее в блоге уже публиковались статьи по схожей тематике, например, про большую фоновую картинку у веб-страниц или создание изображения на весь экран но все…

Хорошо забытое старое — современные конструкторы сайтов работающие по SaaS принципу

конструкторы сайтов Online сервисы 

Использование конструкторов сайтов — является наиболее простым и быстрым способом создания онлайновых веб-проектов. Хорошо известные SaaS решения, такие как Wix или Weebly, называют «конструкторами», поскольку они подобны детскому набору деталей: используя готовые элементы, можно собрать полностью функциональную веб-страницу, качество которой будет зависеть лишь от мастерства дизайнера. При этом интерфейс ведущих сервисов позволяет справиться с этой задачей любому начинающему вебмастеру – будь то школьник старших классов…

Новые функции Wix для оформления сайта: вектор, иллюстрации, шаблоны

Новые фишки Wix Online сервисы 

Разработчики популярного онлайн конструктора Wix.com активно развивают не только функции системы, но и достаточно много внимания уделяют внешнему виду веб-проектов. Регулярно пополнятся раздел шаблонов, добавляются шрифты/графика, а также внедряются новые приложения и возможности, связанные с дизайном… И это правильно. Когда вы решите создать свой сайт поймете, что данный аспект также очень важен, а в некоторых ситуациях он даже играет первостепенную роль. Сегодня рассмотрим парочку интересных фишек, которые…

Плагин Wp-Loaner — создание сайтов для заработка в кредитной CPA нише

Плагин Wp-Loaner Программы 

Мы обсуждали Wordpress в основном с точки зрения шаблонов, но у системы есть еще одно большое преимущество — модули. Из-за них многие вебмастера, зарабатывающие деньги в сети, выбирают эту CMS для реализации своих задумок. Сегодня поговорим о плагине Wp-Loaner, который будет полезен тем, кто занимается кредитными партнерскими программами в CPA (Cost Per Action) нише. Вкратце рассмотрим возможности инструмента и настройки внешнего вида отображаемых данных в нем. Если…

Как сделать идеальный landing page — разработка дизайна лендинга на примере удачных сайтов

Идеальный landing page Веб-дизайн Статьи 

Нет ничего более увлекательного в работе над сайтом, чем когда все специалисты объединяют собственные усилия, чтобы сделать новый идеальный лендинг пейдж или главную страницу веб-проекта. Дизайнеры, иллюстраторы, маркетологи, программисты и даже отдел стратегического менеджмента – все трудятся единой командой. В ходе разработки добавляются какие-то детали по SEO, оптимизируется стратегия привлечения клиентов, придумываются иконки и т.п. Сегодня хотим поделиться советами по созданию landing page, которые наверняка пригодятся в решении…

CSS hover эффекты — для картинок, кнопок, при наведении на ссылки, блоки и др.

CSS hover эффекты Верстка 

Очень часто на сайтах вы могли встречать изменение оформления ссылок или кнопок при наведении. Реализовать задачу позволяет специальный псевдокласс :hover в CSS. Сегодня рассмотрим некоторые приемы верстки позволяющие сделать эту фишку, а ниже опубликуем список наиболее интересных из них (с краткими описаниями/пояснениеми). Все варианты разделим на: Эфекты для кнопок и ссылок. Hover в изображениях. CSS библиотеки (подключаются отдельно). Данные группы весьма условны, т.к. многие примеры…