Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

CSS макеты: фиксированные, резиновые, эластичные. Плюсы и минусы

CSS *
Перевод
Примечание: ниже выложен перевод статьи «CSS Layouts: The Fixed. The Fluid. The Elastic.», в качестве русского аналога термина layout используется макет. В статье рассматриваются два вида «резинового» макета, поэтому один из них для различия обозначен как «эластичный» (elastic, спасибо MTonly за ценный комментарий). Автор резюмирует основные плюсы и минусы каждого из рассматриваемых макетов (способов верстки).

Какой макет верстки (с использованием Каскадных Таблиц Стилей, CSS) можно считать наилучшим? Каждый из них имеет свои хаки (quirks) и свои уникальные плюсы и минусы. Будет ли один из них более удобен для пользователя, чем все остальные? Насколько просто им будет пользоваться? Какие есть у каждого из них проблемы, и как их обходить? Верстается ли один из них проще всех остальных? Есть ли среди них какой-либо ущербный, совершенно непригодный? Скорее всего, многие однозначно ответят на эти вопросы, но я не буду так торопиться. Каждый из этих макетов мне нравится, и каждый применим в том или ином случае, если делать это с умом и внимательно проверять простоту использования и одинаковую доступность для всех категорий пользователей. Все они являются частью уровня представления (presentational layer) для вебсайта, поэтому большинство вопросов по доступности вытекают из корректного использования семантики и общих правил верстки. Далее я опишу свой взгляд на жестко фиксированный (rigid fixed), адаптивный резиновый (adaptable fluid) и расширяемый эластичный (expandable elastic) макеты.
Читать дальше →
Всего голосов 28: ↑25 и ↓3 +22
Просмотры 5.6K
Комментарии 45

Acer Liquid или почему я сменил яблоко

Разработка под Android *
С месяц назад я пересел с телефончика производства Apple на флагманский девайс производства Acer, широко известной в России своими нетбуками, Liquid (S100). Поскольку результатом я остался доволен, решил написать небольшой обзор этого аппарата и того, что я получил сменив платформу. Сразу оговорюсь, что использовал я его для бизнес задач и поэтому функционал из серии и игрушки я особо не рассматривал.

Подробности про Liquid . Много картинок.
Всего голосов 180: ↑155 и ↓25 +130
Просмотры 2.8K
Комментарии 257

Обзор коммуникатора Acer Liquid E

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

image

Читать дальше →
Всего голосов 204: ↑122 и ↓82 +40
Просмотры 3.7K
Комментарии 69

Видео с конференции RailsClub'Moscow (30 октября 2010г.)

Ruby *
Смотреть всё подряд
Представлены доклады:

1. Ruby NoName Podcast Crew «Chef Light»
С помощью Chef можно организовать управление серверами не только для больших организаций, а для всех.
Есть сервер, есть клиенты которые гоняются на других серверах. Сервер говорит что надо сделать, клиенты делают. Для всего этого существуют dsl конфигурации с поддержкой pakages.
*Удалённое проведение конференции накладывает свои особенности. Извиняемся за качество видео.

2. Макс Лапшин «Rails do scale»
Пример приложения быстрого приложения на Rail для Vkontakte с посещаемостью ~ 1000 запросов в секунду.
Дёшево и работоспособно.

3. Алекс Дмитриев «Умное кэширование в rails»
Докладчик рассказывает о том, как пользоваться кэшированием в Rails, когда нужно использовать кэширование, что кэшировать, где хранить кэш и т.д.

4. Иван Евтухович «Vim or die»
Докладчик рассказывает о возможностях Vim — одного из мощнейших текстовых редакторов с полной свободой настройки и автоматизации.

5. Тимофей Цветков «Liquor, Liquid и другие безопасные языки разметки в RoR»
Безопасные шаблонизаторы для RoR. С помощью чего и как.

6. Андрей Руденко «Deploy fu»
Докладчик обсуждает достоинства и недостатки наиболее популярных в Ruby-сообществе инструментов развертывания приложений: Chef, Capistrano, Puppet, Сfengine, Bash-скриптики и др. Основная часть доклада посвящена презентации своего решения — Lorenz (см. github->lorenz).

Приятного просмотра.
Всего голосов 33: ↑30 и ↓3 +27
Просмотры 795
Комментарии 15

Acer Liquid Metal. Тесты стильной новинки. Видео

Разработка под Android *
В начале 2011 в России выйдет смартфон Acer Liquid Metal.
Чуть позже он появится официально и в магазинах Украины. О других странах СНГ данных пока нет.

Что изменилось со времён первого Liquid?
Снаружи:
  • Металлические детали корпуса
  • Лучшее качество сборки (исчезли люфты)
  • Новый, более строгий дизайн
  • Перенесён динамик, а на его месте появилась вспышка

Внутри:
  • Более мощный процессор и графический ускоритель
  • Поддержка неконвертированного HD-видео и кодеков
  • Звук Dolby Digital
  • Увеличенный аккумулятор при более экономичном процессоре
  • Обновлённый сенсор, лучше определяющий касания

Коммуникации:
  • Bluetouth 3.0
  • WiFi (B/G/N)


Всем, кто хочет взглянуть на работу смартфона, добро пожаловать под хаброкат!
Читать дальше →
Всего голосов 45: ↑30 и ↓15 +15
Просмотры 1.2K
Комментарии 28

Анимированные кнопки произвольной ширины на CSS3

Разработка веб-сайтов *CSS *
Перед нами стояла задача сверстать универсальную кнопку только на HTML и CSS, не имеющую фиксированного размера по ширине, которая в дефолтном состоянии отображает только иконку, а при наведении будет показываться текст внутри неё.

image
Читать дальше →
Всего голосов 63: ↑57 и ↓6 +51
Просмотры 22K
Комментарии 35

Практическое руководство по Jekyll

CMS *Разработка веб-сайтов *
Из песочницы
Jekyll на Хабрахабре уже светился. Коротко говоря: это система генерации статических сайтов, ориентированная на блоги. Основная особенность: используется на Github Pages, что позволяет держать исходники сайта в репозитории на Github — а несколько кэширующих серверов его в пределах 10 минут после коммитов будут собирать и отображать посетителям. Если интересно больше и коротко: рекомендую к прочтению эту статью, часть материала которой я упомяну и здесь. А я расскажу о Jekyll поподробнее: как им можно пользоваться по назначению, для чего им пользоваться не по назначению, и на что он вообще способен. Статья ориентирована больше на тех, кто ни с чем подобным ранее не работал (как я, работавший ранее с WordPress), и в большей части статьи Jekyll будет рассматриваться именно как средство ведения блога, хотя ближе к концу будет нечто совсем другое.

Из всех существующих платформ для блогов (движков, сервисов, генераторов) Jekyll мне показался странно выделяющимся. Это скорее моя вина, потому что статическими сайтами я увлёкся не так давно и аналогов не знаю. Jekyll ориентирован на технически грамотных людей, которых больше интересует использование блога по его прямому назначению: публиковать посты в обратном хронологическом порядке, а также обеспечивать более-менее удобную навигацию. Если вам нужно больше, придётся либо попотеть, либо отказаться от большего (ну, или от Jekyll). И такой способ «общения» во многом определяет круг пользователей этой платформы: те, кому нужен сайт с предельно понятной им структурой и минимумом проблем в публикации новых постов.
Читать дальше →
Всего голосов 30: ↑28 и ↓2 +26
Просмотры 58K
Комментарии 32

Liquid от CooLLaboratory: большой кидок

Компьютерное железо
10 лет назад на рынке систем охлаждения появился новый термоинтерфейс от Coollaboratory — Liquid Pro.
Он неоднократно подвергался анализу и тестированию (например, здесь www.overclockers.ru/lab/22232.shtml).
Однако я не нашел ни одного теста, который бы показал, что происходит с процессором и радиатором после длительного использования данного препарата.

Итак, когда MacBook Air при старте Firefox'а с 32-я окнами взвыл, а программа мониторинга показала температуру CPU за 92 градуса, было решено прибегнуть к Liquid Pro. Процедура нанесения на кристалл особых проблем не вызвала, а вот с подложкой радиатора (медь) были сложности. Но, тем не менее, система стала работать существенно тише и выполняла свои функции исправно почти целый год (с ноября 2014-го).
Настал декабрь 2015-го:

Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 18K
Комментарии 13

Обзор Acer Liquid Z630S: технологичный долгожитель

Блог компании Acer Гаджеты Смартфоны
В сентябре 2015 года тайваньская компания Acer выпустила бюджетный смартфон Acer Liquid Z630, а через полгода, на MWC 2016 в Барселоне, показала улучшенную S-версию этого устройства — Acer Liquid Z630S. В ней разработчики увеличили объём оперативной памяти и улучшили процессор, а также сохранили оригинальные программные функции вроде Acer Bluelight Shield, снижающей интенсивность синего цвета на экране и технологии DTS Studio Sound, обеспечивающей высокое качество звучания. Ещё одно преимущество — смартфон стало можно отнести к долгожителям, так как на нём установлена батарея ёмкостью 4000 мАч, обеспечивающая неплохую автономность.


Читать дальше →
Всего голосов 13: ↑10 и ↓3 +7
Просмотры 21K
Комментарии 36

Практический кейс: для чего сервису биржевой торговли может понадобиться блокчейн

Блог компании Waves Финансы в IT
С 30 марта онлайн-площадка для биржевой торговли Liquid.pro начала фиксировать заявки на опционы, отправляемые на Московскую биржу в публичном блокчейне нашей платформы Waves. В этом материале мы расскажем, зачем Liquid.pro блокчейн и как этот сервис использовал технологию распределенного реестра в своей работе.

image

Предпосылки и суть работы сервиса Liquid.pro


После событий 2014 года сравнительно небольшой российский биржевой рынок обмелел еще сильнее. Этому во многом способствовал уход с рынка зарубежных инвесторов. В результате объем сделок уменьшился и с тех пор так и не показал заметного роста. Сокращение чистой прибыли Московской биржи по итогам 2016 года на 9,6% — лишнее тому подтверждение. Рынок сфокусировался на наиболее ликвидных инструментах.
Читать дальше →
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 4.1K
Комментарии 11

Автоматическая генерация технической документации

XSLT *Подготовка технической документации *

dmgtlqavf9vvl30g8hbtnyirxjo


Продолжая тему использования Asciidoc (и других аналогичных форматов) для организации процессов непрерывного документирования, хочу рассмотреть тему автоматический генерации технической документации.


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

Читать дальше →
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 3.7K
Комментарии 6