• Сайты для мобильных устройств – от создания до оптимизации

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

    Читать далее

  • Что такое материальный дизайн (Material Design)

    Еще пять лет назад все продукты Google сильно отличались друг от друга, в том числе различные версии одного приложения на разных устройствах. Разработчики задумались о создании специальных правил построения и унификации всех разрабатываемых приложений и сервисов, которые позже объединились в Material Design (материальный дизайн).

    Читать далее

  • Советы новичкам в SEO. Основные факторы, влияющие на ранжирование в поисковых системах

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

    Читать далее

  • Микроформаты

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

    Читать далее

  • Современные тренды в веб-дизайне 2015

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

    Читать далее

  • Основные принципы плоского «flat» дизайна

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

    Читать далее

  • Естественный веб-дизайн (NUI)

    Для решения многих проблем юзабилити приложений используются специальные методы и технологии, которые объединили вместе и назвали Natural UI. Это название исходит их того, что наиболее удобно человеку использовать такие элементы интерфейса, которые наиболее удобно подходят для управления естественными движениями и жестами человека.

    Читать далее

  • Примеры использования jQuery. Фиксированные элементы интерфейса

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

    Читать далее

  • Примеры использования jQuery. Анимированное меню

    В данной статье мы рассмотрим пример создания горизонтальной навигации с анимационным эффектом в виде перемещающегося блока-указателя. Сделаем это с применением бесплатных технологий HTML, CSS, JavaScript. Все этапы создания будут максимально простыми, поскольку наша цель создать базовую анимацию.

    Читать далее

  • Создание мобильных сайтов и приложений с помощью jQuery Mobile

    jQuery Mobile – это сенсорно-ориентированный фреймворк, созданный авторами jQuery и предназначенный для создания кроссбраузерных сайтов и приложений с уклоном в сторону мобильных телефонов, смартфонов и планшетов.

    Читать далее

  • Программируемый язык стилей LESS

    CSS не хватает немного программирования и логики, чтобы сделать работу с ним более практичной. Хорошо, что для этого существует ряд инструментов, среди которых есть LESS.

    Читать далее

  • Особенности верстки электронных писем

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

    Читать далее

  • Оптимизация сайтов для планшетов

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

    Читать далее

  • Принципы «отзывчивого» веб-дизайна

    В этой статье мы попробуем разобраться, в чем же разница между двумя принципами создания страницы на основе «отзывчивого» веб-дизайна: Progressive Enhancement и Graceful Degradation.

    Читать далее

  • Анимация встроенными средствами HTML5

    Данная статья являетсвя продолжением статьи "Рисование встроеннымисредствами HTML5", в которой шла речь о новом элементе canvas, а также способах работы с ним. Мы уже познакомились с тем, как с помощью javascript можно описать контекст и изобразить на холсте графические примитивы (линия, прямоугольник, дуга, кривые), с помощью которых можно построить сложные изображения. В данной статье мы рассмотрим методы и способы создания простейших анимационных эффектов для создаваемых изображений на холсте.

    Читать далее

  • Рисование встроенными средствами HTML5 (Canvas)

    Одной из интересных возможностей нового стандарта HTML5 является элемент ‹canvas›, или холст. Холст предназначен для создания (именно, создания) растровых изображений на странице средствами графического движка браузера. Canvas способен изображать не только статические, но и динамические изображения (анимацию).

    Читать далее

  • Технология HTML5 Web Storage

    В последнее время существует тенденция по переносу нагрузки с сервера на сторону клиента, то есть, собственно, на веб-браузер пользователя. Так, например, можно часть данных перенести непосредственно на компьютер пользователя. Для реализации хранения данных на стороне клиента создана новая технология HTML5 Web Storage. Однако, перед тем как познакомиться с ней давайте вспомним другую более известную технологию хранения данных – файлы cookie.

    Читать далее

  • Концепция Web 2.0

    Когда говорят о каком-то новом Интернет-проекте, то часто можно услышать, что этот проект предлагает услуги, предоставляет сервисы или осуществляет работу согласно современной концепции Web 2.0 (а в последнее время уже можно услышать и о концепции Web 3.0). Что же это за концепция? Какие правила и условия к веб-проектам она выдвигает?

    Читать далее

  • Фиксированный UI

    Фиксированный контент – это содержимое, которое сохраняет свое положение вне зависимости от положения полосы прокрутки в данное время. Обычно такое содержимое помещается внутри блоков, у которых css-правило position:fixed. То есть такая технология абсолютно не является новой. Однако особую популярность она приобрела именно на сегодняшний день, а вызвало ее активное использование мобильных телефонов, смартфонов и планшетов.

    Читать далее

  • Примеры использования некоторых новых возможностей HTML5

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

    Читать далее

  • Современные тренды в веб-дизайне 2014

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

    Читать далее

  • Разработка с использованием CSS фреймворков

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

    Читать далее

  • HTML5. Новое поколение - новые возможности

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

    Читать далее