2012-02-24

Блоковая модель в CSS

За много лет у меня выработалась привычка использовать только те приемы CSS верстки которые дают одинаковые результаты во всех браузерах. При этом уже различия браузеров меня не сильно и волнуют - я просто не использую приемы которые могут не работать в том или ином браузере. При этом, есть вещи которые ни в коем случае нельзя делать, чтобы не усложнять себе жизнь. Одна из таких запретных вещей - никогда нельзя указывать одновременно ширину элемента вместе с padding, margin или border. Если так сделать то разверзнуться небеса и боги CSS будут гневно метать в вас молнии а демоны Interhet Explorer сделают с вами чего похуже.

Чтобы наглядно показать почему так нельзя делать я создал файлик. В нем четыре раскрашенных примера:

1. div с шириной 300 пикселей;
2. div с шириной 300 пикселей и рамкой;
3. div с шириной 300 пикселей, рамкой и паддингом;
4. div с шириной 300 пикселей, рамкой, паддингом и маржином;

Как мы видим, во всех браузерах (я использовал FF, Сhrome и IE, для простоты будем называть этот набор "всеми браузерами") картина примерно одинаковая. При этом обратите внимание - ширина 300 пикселей применяется к внутренней области HTML элемента. Т.е. если задать у элемента десятипиксельные бордер, паддинг и маржин то ширина элемента будет 360 пикслелей.

Такое поведение кажется совершенно нелогичным, но это факт - и в стандарте CSS это четко прописано. Как следствие - невозможно использовать ширину 100% вместе с паддингом, маржином или бордером - тогда элемент гарантированно вылезет за пределы своего владельца, что приведет к весьма непредсказуемым результатам. 

Но это только одна сторона медали, теперь уберем из файла DOCTYPE. Как мы знаем html файлы без DOCTYPE в Internet Explorer обрабатыватются совершенно по-другому чем с оным. Это так называемый QuirckMode или еще его называют "режим совместимости".

Во всех браузерах картинка осталась такой же. Кроме Internet Explorer.

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

Хотя режим совместимости в браузерах используется все реже и реже указанные особенности приходится учитывать при создании страничек на HTML.

 

Оставить комментарий

 
  2012-02-20

10 причин почему я буду голосовать за Прохорова

1. Блог Михаила Прохорова у меня в избранном уже много лет. Товарищ интересно пишет. Кто нибудь ещё из кандидатов в президенты ведёт свой блог САМ столько лет?

2. Прохоров президент Союза Биатлонистов России - кто ещё из кандидатов ТАК активно поддерживает спорт в нашей стране?

3. Прохоров №2 в рейтинге российских миллиардеров - молодец. Многие скажут, что свои миллиарды он получил в перестроечные лихие времена, так и есть, но я знаю много людей которые в перестроечные лихие времена получили как и Прохоров много миллиардов. Сейчас они либо всё это растеряли и пропили, либо умерли, либо в тюрьме. Прохоров сумел приумножить свой капитал. Предприятия принадлежащие Прохорову реально работают - и обратите внимание, это не тупо нефть и газ - это металлургия, это машиностроение, это высокие технологии, это медиа (например РБК) и многое другое.

4. Прохоров - проект Путина? Очень хорошо - я вчера видел машину скорой помощи на которой было написано что Скорая Помощь - Проект Путина. Вот ведь сюрприз - а я то не знал. За такие проекты я буду голосовать двумя руками.

5. Рост Михаила Прохорова — 204 см. Хочу Президента который будет выше всех на голову в прямом и переносном смысле.

6. Прохоров живет в России. Не в Англии, не в Латвии а в России.

7. Прохорову 46 лет. В этом возрасте мозги еще хорошо работают.

8. Предвыборная программа Прохорова не призывает "начать все сначала" - она опирается на сегодняшние реалии и не сулит глобальных перемен - люди устали от перемен - они хотят стабильности.

9. Тот факт, что Прохоров в России, и всё ещё жив и здоров, говорит о том, что он умеет договариваться и делиться. Это полезные качества для политика. Особенно, в нашей стране.

10. Лично мне, чисто субъективно, Прохоров наиболее симпатичен - из всех кандидатов выглядит по-человечески только он один.

На самом деле этот cписок я могу продолжить, но уже озаглавил его как "десять причин", поэтому, пока хватит.

 

Коментариев: 9

 
  2012-02-16

Не рaботает Wake On Lan в Ubuntu

Заметил, что рабочая машинка не стартует по WakeOnLan, при этом пока стояла Windows просыпалась без проблем, с переходом на Ubuntu просыпаться перестала, при этом не просыпается именно после сессии ОС — в биосе стоит что надо просыпаться, а сцуко не просыпается. Поставил ethtool — так тот говорит что wakeonlan у карточки выключен. Похоже, Ubuntu заботливо его вырубает.

Чтобы врубить обратно добавил rc.local:

ethtool -s eth0 wol g

Теперь всё работает.

Собственно вопрос — кто нибудь знает более гуманный способ врубить wake on lan обратно?

 

Оставить комментарий

 
  2012-02-14

Хехе

Вчера рассказали анекдот, наверно бородатый, но мне понравился: 

5 марта, утро, Чуров заходит к Путину и говорит, у меня две новости, хорошая и плохая, с какой начать?

П. Ну давай с хорошей.

Ч. Вы - Президент России.

П. А какая плохая?

Ч. За Вас никто не проголосовал.

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

 

Коментариев: 4

 
  2012-02-10

Git репозиторий с нестандартным номером порта

Чтобы добавить удаленный репозиторий использующий нестандартный номер порта используем следующую команду:

git remote add office ssh://username@hostname:2222/home/maxim/repository/

Обратите внимание на приставку ssh:// - без нее ничего не получится.

отсюда

 

Оставить комментарий

 
  2012-02-02

Забавное видео

Оказывается нунчаками можно неплохо играть в пинг-понг :)

 

 

Оставить комментарий

 
  2012-01-31

Firefox под Android поддерживает камеру

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

Теперь Firefox умеет закачивать картинки на сайт можно прямо с камеры. Работает это следующим образом: рядом с обычной кнопкой upload появляется кнопка capcture, при нажатие на которую появляется небольшое окно с картинкой с камеры. Для того, чтобы значок capture появился нужно у тега input[type=file] указать атрибут accept="image/png"

Откройте страничку в мобильном Firefox и убедитесь: http://maxistar.ru/kitchen/camera.html

Тестировалось на Motorolla Milestone 2 (Android 2.2)

 

Оставить комментарий

 
  2012-01-31

Собственный домен для Amazon S3

Amazon представляет замечательный сервис для хранения данных в облаке известный как Amazon S3. Но при всей своей замечательности файлы, хранимые в облаке, имеют доменное имя http://s3.amazon.com/[имя корзины]/путь/к/файлу.gif. Ежу понятно, такое имя совершенно некрасиво и хочется, чтобы оно было покрасивее. Разработчики пошли нам навстречу и сделали, чтобы к файлу можно было обращаться по имени http://[имя корзины].s3.amazon.com/путь/к/файлу.gif

Немного лучше, но не айс - всё равно, доменное имя некрасивое. Оказывается, для S3 можно указать собственное доменное имя третьего уровня. Для этого достаточно именем корзины выбрать желаемое доменное имя и создать CNAME запись со ссылкой на амазоновский сервер.

Алгоритм работы следующий:

1. Создаем корзину с именем домена для наших файлов (в моем случае это s3.o.itaccept.ru)
2. Создаем CNAME запись для домена третьего уровня ссылающуюся на s3.amazonaws.com

Если все получилось но после обновления DNS ваши файлы будут видны по трем адресам: http://s3.o.itaccept.ru.s3.amazonaws.com/folder2/banner.jpg, http://s3.amazonaws.com/s3.o.itaccept.ru/folder2/banner.jpg, http://s3.o.itaccept.ru/folder2/banner.jpg

 

Оставить комментарий

 
  2012-01-24

Microsoft просит разрешить однополые браки

 

Коментариев: 2

 
  2012-01-20

Как вернуть некачественную стиральную машину

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

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

Позвонил в Реванш, где покупал машинку, описал ситуацию. В Реванше прятный женский голос сказал куда мне надо идти попросил обратиться в сервис центр ЭЛ-Сервис, занимающийся гарантийным ремонтом стиральных машин Ardo, в сервис-центра мне со второго раза удалось вызвать мастера. Мастер пришёл через несколько дней, разобрал машинку, проверил контакты, собрал, в результате этих нехитрых действий машинка перестала включаться вообще. Сказал, что хрен его знает что за фигня, давайте попробуем поменять ей мозги для начала, но не факт, что поможет что требуется замена управляющего блока, о чем написал соответствующую бумажку. Также сказал, что чтобы поменять блок, нужно заказывать его из Ardo, а это занимает довольно продолжительное время и, что машинку у меня он должен забрать для проведения более полной диагностики. Следует сказать, что за время пока я ждал прихода мастера у меня накопилась кипа нестиранного белья и перспектива остаться без стиральной машины на неизвестно какое долгое время меня не сильно вдохновляла. Я сказал, что машинку я ему не отдам а отдам я её в магазин где она была куплена. Мастер, мне кажется, даже обрадовался, написал бумажку с описанием неисправности и ушел.

После этого сел изучать вопрос. Выяснил прекрасное. Оказывается, согласно новой редакции закона о защите прав потребителей, вернуть товары относящиеся к категории технически сложных товаров можно только в течении двух недель с момента покупки - к этой категории относятся и стиральные машины. Если товар сломался по прошествии более двух недель, то только гарантийный ремонт. В моём случае прошло чуть больше двух недель. Правда, в законе есть несколько допущений,  вернуть товар можно, но только если неисправность "существенная". Вот только, определение существенности в законе не приводится, вернее в предыдущих редакциях оно было, но из текущей редакции его убрали заменив какими-то туманными формулировками. В предыдущей редакции было сказано, что если дефект не дает использовать устройство по-назначению, значит он существенный, в текущей редакции такого нет и все отдается на рассмотрение суда. Но судом нас не испугаешь, ведь, к счастью, суды у нас пока в таких делах встают на сторону потребителя и это сильно упрощает дело.

Итак есть задача: есть грязное бельё его нужно постирать, для этого нужна машинка. Для решения данной задачи, я составил две претензии - одну, где требую поменять неработающую стиралку на такую же но работающую или аналогичную машинку и вторую претензию где требую возвратить деньги. Одну на случай, если руководство магазина пойдет мне на встречу и заменит машинку в тот же день, вторую, если придётся решать дело через суд.

В Реванше мило пообщался с местным товароведом Андреем Александровичем, который сказал, что такие вещи быстро не делаются, претензию должен изучить юрист, затем вынести соответствующий вердикт, поэтому я оставил в магазине ту претензию где требовал вернуть деньги. В тот же день, в том же Реванше купил другую стиральную машину HotSpot Ariston. Её мне также привезли на следующий день - доставка в них отлажена просто замечательно.

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

В Реванш мне всё же пришлось прийти ещё два раза, один раз оформить возврат, и после того как забрали машинку прийти за деньгами. На этом история с машинкой закончилась. Hotspot Ariston прилежно работает (тук тук по дереву) и, если честно, мне эта машинка нравится даже больше - интерфейс сделан для людей, гораздо более приятный и информативный.

Техника Ardo уже не та. Приятно порадовал магазин Реванш, не стали доводить дело до суда,  сделали все чётко по инструкции. Качество техники в наши дни значительно снизилось, и продолжает постоянно снижаться, и можно понять продавцов, которые эту технику продают и имеют все прелести общения с покупателями.

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

Upd: выложил образец претензии который я сочинил, может кому пригодится.

 

Коментариев: 6