Хотя сейчас в моде исключительно адаптивные сайты, но они не всегда позволяют максимально эффективно решить задачу по адаптации контента под мобильные устройства. Зачастую проще сделать мобильную версию (например использовать наш шаблон BS3-TCSE ) и в соответствии с правилами хорошего тона разместить ссылку на переключение шаблона в настольную версию. Но кроме этого, нужно дать возможность переключать шаблон и обратно - с версии для компьютеров в smartphone вариант.
Подробнее
Есть ли в SEO альтернативы мотивированному трафику и накрутке поведенческих метрик сайта? Альтернативы накрутке поведенческих факторов Как правило, говоря о поведенческих факторах, мы думаем о метриках, описывающих поведение пользователей на сайте (длительность сессии, количество активных действий и т.д.). На самом деле, поведенческие факторы делятся на 2 группы: внутренние (описывающие поведение пользователей на сайте); внешние (описывающие поведение пользователей в поиске, откуда они
Подробнее
В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать по 20-30 (а то и больше) секунд, чтобы веб-страница загрузилась и отобразилась на экране — теперь мы ждём отрисовки страницы в среднем около одной-двух секунд. Однако не стоит забывать, что значительная часть юзеров заходит на ваш сайт с мобильных устройств, на которых связь не всегда стабильна. В связи с этим будет совсем не лишним уделить немного внимания оптимизации вашего
Подробнее
За последние годы верстка в интернете развилась из фиксированных дизайнов к адаптивным. Причем, в стилях могут использоваться сразу несколько видов единиц измерений (проценты, em или px). Дизайнерам и разработчикам следует понимать, как это работает. Но было бы удобно оперировать (складыва/вычитать) единицами разной размерности в одном и том же выражении. Для этого отлично подходит calc. ... Источник: Уроки CSS на Хабрахабре
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Последняя часть истории об отзывчивых изображениях, которую мы начали здесь и продолжили тут, рассказывая о применении srcset и sizes. Сегодня речь пойдет об использовании тега для обертывания изображений. Вторая стадия: picture и режиссура srcset для ленивых, picture для безумных™ Мэт Маркес Итак, для изображений, которые просто нужно масштабировать, мы приводим список наших исходников и их ширину в пикселях в srcset, позволяем браузеру выбирать, какая ширина изображения будет отображаться с
Подробнее
Сей опус это вольный перевод публикации Криса Койлера [Chris Coyier] от 2 Июля. В качестве вступления Как вы наверняка знаете, CSS свойство table-layout предназначено для управления режимом формирования ширины столбцов в таблице. Оно может принимать следующие значения: авто, фиксировано или наследственно. По умолчанию в браузерах для отображения таблицы используется стандартное поведение: браузер ... Источник: Уроки CSS на Хабрахабре
Подробнее![[Перевод] Создаем портфолио на основе фотографий из Instagram](http://habrastorage.org/files/cfb/0de/18e/cfb0de18e2104dccb0d14bdaf9658d9d.jpg)
Здравствуй, дорогой хабрадруг! В этом уроке мы создадим простой сайт-портфолио, который будет базироваться на фотографиях из вашего аккаунта в Instagram. Дизайн сайта сделал Tomas Laurinavicius, и он получился у него простым, функциональным ... Источник: Уроки CSS на Хабрахабре
Подробнее
СД: НЧ Без плагинов Brackets не лучше других редакторов, но с ними его стоит хотя бы попробовать. Введение Не так давно на Хабре было опубликовано множество статей, касающихся тем или иным образом редактора Brackets. У многих людей сразу же появились вполне справедливые вопросы: Чем он лучше используемого мной %EDITOR_NAME%? Много ли под него плагинов? Стоит ли связываться или лучше использовать какую-нибудь известную IDE или текстовый редактор? Надеюсь, после чтения этой статьи каждый сможет
Подробнее
Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром. ICEcoder Это не просто песочница, а полноценный open source редактор в вашем браузере. Вообще существуют десктопные версии, но по-моему, наибольшие внимание разработчики уделают веб-версии. ICEcoder поддерживает HTML, CSS, LESS, SASS, JS, Coffee, PHP, RonR, Python, C/C++/C#, Java, Lua, Rust, SQL, Markdown, всего более 60
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости Читать дальше → Источник: Уроки CSS на Хабрахабре
Подробнее
Оценка степени конкуренции по ключевому запросу является одной из сакральных задач поисковой оптимизации. Надежда обнаружить незамеченный конкурентами запрос с хорошей конверсией сродни поиску филосовского камня. Попробуем и мы внести свою лепту в эту алхимическую тусовку. Оказывается, что степень конкуренции можно практически мгновенно оценить только лишь сравнив поисковую выдачу по двум взаимосвязанным запросам – без анализа пузомерок, сайтов-конкурентов, статистики стоимости клика и
Подробнее