Хабы: Веб-разработка, CSS
Адаптировать свой сайт под мобильные устройства уже пытаются очень многие. Используют новые возможности CSS3 и на простых сайтах и на куда более сложных. В процессе возникают некоторые сложности, причем одной из важнейших является поведение меню сайта при просмотре на маленьких экранах. Решают данную проблему, как выяснилось, несколькими способами. Для меня же данная задача недавно стала особенно актуальной, поэтому я слежу за материалами в сети, касающимися адаптивного дизайна. И недавно я наткнулся на хороший анализ существующих паттернов адаптивной навигации.
Так как я имею отношение к опен-сорсному адаптивному HTML5-шаблону Simpliste, то решил
все существующие возможности работы с навигацией испробовать на практике. Но кроме получения собственного опыта, мне удалось создать несколько наглядных примеров, доступных для использования любым желающим, а также подготовить описание процесса, с которым приглашаю вас ознакомиться.
Читать дальше →
Приветствую, Знаете что? Самое время тряхнуть могучей копирайтерской стариной… и вернуться к ...
Приветствую, Знаете что? Самое время тряхнуть могучей копирайтерской стариной… и вернуться к “Золоту Копирайтинга о главном“. Да, к той самой рубрике — с классическими КОГ-постами. Большинство из выпусков которой уже закрыты (кроме пока что предыдущего, полугодовой давности). Ну и напоминаю “правила игры”. Мы идем по старым лучшим постам “Копирайтинга о главном”… кроме тех, что вошли [...]
Каждый из нас, хоть раз при разработке мобильных версий сайта, задумывался о том, как можно ускорить процесс разработки, дебаггинга и быстрого просмотра изменений. Кто-то поднимал для этого локальный сервер, кто-то ставил эмуляторы, чтобы лишний раз не тянуться к телефону для просмотра, кто-то делал и более костыльные решения. Ребята из Adobe Lab позаботились о нас и выпустили сегодня прекрасное приложения для этих нужд. Барабанная дробь, встречайте — Adobe Shadow!
Adobe Shadow — это совершенно новый инструмент помогающий front-end разработчикам и дизайнерам максимально увеличить эффективность и скорость разработки мобильных версий сайтов за счет оптимизации процесса просмотра изменений и дебаггинга на мобильных устройствах. Shadow работает независимо от других продуктов от Adobe и пока совершенно бесплатен!
Читать дальше →
... , Павел Chief Direct-
Demon P.S ...
Последний из троицы семинаров по копирайтингу продающих текстов, которые я проводил каждым летом 2008-2010. Скачать архив Успешного Рунет-маркетинга, Павел Chief Direct-Response Demon P.S. Если вы хотите знать как эффективно продавать, текстом и в других форматах — подпишитесь на обновления этого блога. Не забудьте подтвердить подписку, и скачать книгу о продающем “копирайтинге прямого отклика”, которая [...]
... с адаптирующейся разметкой (
design), которые и ...
Для начала, у меня просто возникла потребность сделать сайт с текстовой информацией. Сделать надо было что-то несложное, но не забывая про мобильные устройства, которых все больше ходит по сайтам.
Очевидным вариантом было бы набросать основную разметку, определить doctype и оставить браузерам работу по стилизации. Но это очень ленивый метод, который дает результат, вызывающий недоумение у будущего посетителя такой страницы. Хочется хотя бы базовой стилизации заголовков и ссылок, какой-то простой структуры.
Так что следующим шагом стал просмотр готовых вариантов в сети.
Поиск
Шаблоны для CMS не подходят хотя бы потому, что CMS не будет. И такие шаблоны чаще всего расчитаны на более сложные сайты. И они не будут радовать посетителей с мобильными устройствами.
Хотя, сейчас появились шаблоны с адаптирующейся разметкой (responsive design), которые и вызвали у меня интерес. К сожалению, большинство найденных решений оказались платными, что не удивительно, учитывая объем работы, который проделывают их авторы.
Читать дальше →
