afdw

Насчёт дизайна: без лишних фонов выглядит гораздо лучше!

http://jsfiddle.net/RVtT6/

В конце ссылки добавился пробел (у меня такое было, поэтому сразу понял).

У вас два элемента с id "dd"!

Имеется ввиду модальных окон, открытых одновременно?

http://htmlbook.ru/practical/shagi

Не в этом дело: http://soft.sibnet.ru/data/screenshot/50.png .

Кнопка "Найти" заезжает на "Поиск товара", особенно это заметно, если сфокусироваться на этом поле. Считаю, так будет покрасивее:

.header .header-section .header-aside .search .search-submit {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

Другой вариант:

.header .header-section .header-aside .search .search-submit {top: 4px;right: 4px;height: 29px;border-radius: 4px;}

Не везде, например здесь не работает: http://wallppapers.ru/wallpapers/original/F1654107041B-2.jpg .

Заметил прогрессивную загрузку изображений в Google Chrome. Попробуйте открыть эту картинку: http://beta.hstor.org/storage2/7d8/8e0/416/7d88e041690b95897ba69161b3789127.png . Если не успели увидеть эффект, откройте в режиме "Инкогнито", посмотреть ещё раз - закрыть и открыть снова.

Нигде об этом не слышал, если кто-то слышал дайте ссылку. Что интересно, работает только на "Habrstorage", может какие заголовки сервера?

Switch74, сам не понял, вот запрос без ошибок выполняется (тестировал на локалке), но таблица "trip" нужна, без неё в предпоследней строки неправильный результат.

Mahay, можно подробнее о таблице "trip"?

SELECT concat('Номер ', `room`, ': ', 'всего мест в номере - ', `places`, ';  осталось - ', `places` - (SELECT count(1) FROM `reserved_places` WHERE `reserved_places`.`room` = `rooms`.`room`)) AS 'result' FROM `rooms`

В какой таблице хранится, сколько занято?

 

 

Вопрос не в разнице rem и em, а преимущество емов перед пикселями.

Выше как раз описали не разницу между rem и em а их преимущество перед пикселями. 

 

А такой подход является надежным?

 

Em вычисляется от родителя, rem - от корневого элемента (html). В разных случаях по разному, в зависимости от целей.

1) Смысл em ил rem в том, что можно поменять в медиа-запросе размер шрифта для body, и относительно поменяется размер шрифта у всех элементов страницы.

Проще создание

Скрыть расширения

А чем плохи проценты? В резиновой вёрстке без них не обойтись.

 

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

 

В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right.

Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот.

 

Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно?

Живой вариант

А зачем вам именно ширину анимировать, вам просто передвинуть background разве не подойдет ? http://jsfiddle.net/xzarxzes/fJ4r9/. Или позицию элемента http://jsfiddle.net/xzarxzes/FrNvB/.

 

Потому что получится так. Тогда надо два спрайта.

 

то автоматический добавятся префиксы:

.gradient {background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefcea), to(#f1da36));background: -webkit-linear-gradient(to top, #fefcea, #f1da36);background: -moz-linear-gradient(to top, #fefcea, #f1da36);background: -o-linear-gradient(to top, #fefcea, #f1da36);background: linear-gradient(to top, #fefcea, #f1da36);}

…и не дадут почти никакого толку, т.к. старые префикснутые реализации не поймут записи с «to». Ох, сырая фича, недоделанная!

 

Да "to" я сам написал изначально

Случайно узнали( как обычно у меня бывает) ) или где то прочитали?

Случайно, хотел поставить табуляцию, а тут... 

http://jsfiddle.net/X3ssR/1/

PS: узнал о фиче http://jsfiddle.net/ : если ввести, например

.test {background: linear-gradient(to top, #fefcea, #f1da36);}

.gradient {background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefcea), to(#f1da36));background: -webkit-linear-gradient(to top, #fefcea, #f1da36);background: -moz-linear-gradient(to top, #fefcea, #f1da36);background: -o-linear-gradient(to top, #fefcea, #f1da36);background: linear-gradient(to top, #fefcea, #f1da36);}

!

http://jsfiddle.net/Bv5SX/1/

 

Для IE 8. Иначе он не понимает стилей для header, nav ну и т.д.

  Я не очень понимаю, если это для IE8 то почему начинать скрипт с if lt IE 9 ?

 

http://htmlbook.ru/samlayout/internet-explorer/uslovnye-kommentarii

зачем вот этот код? 

<!--[if lt IE 9]>   <script>      document.createElement('header');      document.createElement('nav');      document.createElement('section');      document.createElement('article');      document.createElement('aside');      document.createElement('footer');   </script><![endif]--> 

http://htmlbook.ru/samlayout/verstka-na-html5/novye-tegi

 

Документ не найден

В конце ссылки добавился пробел 

зачем вот этот код? 

<!--[if lt IE 9]>   <script>      document.createElement('header');      document.createElement('nav');      document.createElement('section');      document.createElement('article');      document.createElement('aside');      document.createElement('footer');   </script><![endif]--> 

http://htmlbook.ru/samlayout/verstka-na-html5/novye-tegi

Chrome Desktop: F12->->Emulation->"Google Nexus 7"(для примера)->Emulate