Архив тега: разработка сайта

На странице собраны все публикации по тегу «разработка сайта».

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

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

комментария 2

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

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

комментариев 6

Создание дизайна мебельного сайта: советы, реальные примеры и типовые ошибки

Сразу после публикации поста с лучшими примерами сайтов мебели на глаза нам попалась интересная англоязычная заметка похожей тематики. Она содержит подборку советов и нюансов по созданию мебельных сайтов с наглядными иллюстрациями типовых решений, а также описанием ошибок, которые вы точно не захотите повторять. С проектами данной категории всегда было интересно работать, поскольку они тесно связаны с интерьером или архитектурой, а сама продукция, как правило, обладает изысканным вкусом. Опираясь на опыт дизайнеров и веб-разработчиков, в статье Best Furniture Website Design Examples исследуются факторы, помогающие сделать дизайны сайтов […]

комментария 3

Wix Code — новые возможности сервиса: БД, динамические страницы и Javascript

Один из самых крупных конструкторов сайтов Wix готовится запустить поистине уникальную для рынка функциональность — модуль Wix Code. Он позволит получить еще больше возможностей по редактированию веб-страниц и отображению информации на них. С его помощью создание сайтов онлайн приблизится к традиционным CMS и даст разработчику дополнительную свободу действий. Подобное решение будет весьма заметным преимуществом перед многочисленными конкурентами. Но давайте более конкретно разберем что же содержится «под капотом» модуля. Основные фишки Wix Code На текущий момент известно о 5-ти анонсированных функциях, которые […]

комментариев 5

Примеры страниц о сотрудниках компании

Если перед вами стоит задача создания сайта для бизнеса то без страницы с информацией о сотрудниках компании просто не обойтись. Важно показать, что за всей этой корпоративной «онлайн витриной» стоят реальные люди — основатели бизнеса и лучшие работники. Сейчас это особенно актуально во время социальных сетей, которые делают бизнес более личным и персонально ориентированным. Данный подход поможет построить доверительные отношения с посетителями ресурса и, возможно, вашими будущими клиентами. Этот прием не менее полезен нежели остальные фишки разработки современного веб-проекта такие как хлебные […]

комментария 3

Wix — новые приложения и полезные функции

Спустя около года после выпуска кардинально нового Wix разработчики не перестают добавлять в проект полезные функции. Данные фишки способны вывести ваш веб-проект на новый уровень без каких-либо знаний о программировании. Для тех, кто еще не в курсе, речь идет об одном из самых популярных конструкторов Wix, позволяющем создать сайт причем бесплатно. По статистике сервиса им пользуются более 100 миллионов человек со всего мира, и эта цифра говорит сама за себя. В текущей статье предлагаю рассмотреть несколько наиболее интересных и актуальных приложений […]

Нет комментариев

Примеры хлебных крошек для сайта

Хлебные крошки — навигационная цепочка, которая, как правило, показывает путь от главной страницы к текущей. Ее можно встретить на очень многих веб-проектах, хотя визуально она обычно не особо выделяется. Данный скромный элемент сайта выполняет важные функции: Помогает посетителю точно понять, в какой части сайта он находится; Упрощает переход к более высокому уровню структуры, выполняя роль меню; Может стимулировать просмотр других интересных для посетителя страниц; Создает внутреннюю перелинковку, которая помогает в индексировании. Предлагаем вам рассмотреть несколько вариантов оформления хлебных крошек (breadcrumbs […]

Нет комментариев

Горизонтальное выпадающее меню на CSS + HTML

Большинство классических сайтов в интернете использует горизонтальное меню в качестве основного элемента навигации. Иногда в нем могут встречаться разные дополнительные фишки — многоуровневые конструкции, иконки для подпунктов, блок поиска, сложные списки и т.п. Недавно в блоге уже была небольшая подборка стильных меню в PSD, а сегодня рассмотрим 4 практических примера как сделать выпадающее меню на CSS + HTML. Информация пригодится начинающим разработчикам и тем, кто хочет изменить навигацию на своем сайте. В сети хватает разных туториалов по теме, можете с […]

1 комментарий

Создаем лендинг в Wix конструкторе

Лендингом называют специальную веб-страницу, созданную для продажи определенных товаров или «завлечения» пользователей на совершение каких-то действий (подписка, регистрация, заявка и т.п.). Чуть позже данное понятие стало синонимом для соответствующего типа сайтов, где вся информация размещается в пределах одной страницы. Подобные проекты можно считать альтернативой так называемым сайтам-визиткам, причем, как мне кажется, более эффективной. Сегодня будем пробовать создать в конструкторе Wix лендинг и рассмотрим ключевые моменты данного вопроса. Реально в Web’е есть ниши, где все необходимые данные о компании можно вынести в […]

Нет комментариев

Pixli — полноценный конструктор сайтов с нуля

Просматривая возможности очередного крутого конструктора сайтов под названием Pixli я невольно задаюсь вопросом — а как скоро вообще исчезнет необходимость в веб-студиях для создания онлайн проектов? Речь, разумеется, идет не о сложных комплексных порталах, где нужна целая команда разработчиков. Но ведь остальные 80% (а то и больше) сайтов плюс-минус имеют одинаковую структуру, функции и задачи. Для бизнес-проектов нужно указывать набор услуг, для магазинов — каталог товаров, для творческих направлений — портфолио работ и т.п. Уникальный дизайн перестает быть какой-то сверх […]

Нет комментариев

CSS спрайты — создание и сервисы генераторы

На современных сайтах можно встретить большое число самой разной по типу графики: изображения товаров, аватарки пользователей, картинки, формирующие дизайн страниц, кнопки, иконки, логотипы и т.д. И чем крупнее проект, тем больше графических файлов там используется. При открытии отдельной страницы сайта в браузере происходит загрузка всех ее элементов. Поэтому, когда на ней размещено слишком много графики, скорость загрузки, как правило, значительно снижается. Что, в свою очередь, чревато неудобствами для посетителей вашего проекта. Чтобы оптимизировать скорость загрузки страниц, содержащих большое количество мелких […]

Нет комментариев

Readymag — инструмент для работы с контентом, создания презентаций и анимации

С каждым годом появляется все больше интересных паблишинг платформ, позволяющих создавать полноценные веб-проекты без каких-либо навыков программирования и верстки. От вас лишь требуется умение работать с компьютером и творческий подход. Данные сервисы можно использовать для сайтов разных тематик: от персональных страниц, портфолио, до продающих сайтов. При этом их функциональность также не стоит на месте: добавляются оригинальные инструменты и дизайнерские фишки, улучшается юзабилити. Есть даже сервисы, позволяющие реализовать анимацию на сайте, например, Readymag, о котором сегодня и пойдет речь. Учитывая то, […]

1 комментарий

Новый редактор Wix

Первое упоминание о конструкторе сайтов Wix вы можете найти в данном блоге несколько лет назад. С тех пор проект постоянно развивался и радовал пользователей новыми функциями. Так, в одном из последних апдейтов была реализована мобильная версия для создаваемого вами сайта, а также добавлена поддержка PayPal и WebMoney в интернет-магазине. Недавно разработчики провели достаточно масштабное обновление, запустив новую версию редактора веб-страниц. Этот новый Wix редактор добавит парочку интересных возможностей, которые связаны с внешним видом вашего проекта: секции на странице; копирование элементов дизайна; […]

Нет комментариев