Ironimus

Я понимаю что тут не принято использовать гифки в комментариях, но все же

Все, вроде бы, хорошо, но лучше логотип и картинки сделать ссылками. И правильно item a не iteam.

Верстка выглядит такой как на макете только при приближении 140%, и это на моем маленьком мониторе. Попробуйте использовать media queries.

Кстати, раз уже о книжках, что посоветуете почитать о node.js?

Если этот фон полупрозрачный, то можно поставить его поверх градиента, а в противном случае поможет лишь полупрозрачный градиент.

Ошибка в файле style.min.css
Посмотри в отладчике, может еще найдешь что-нибудь подобное.

А почему бы не сделать двумя повернутыми блоками?

Все, в общем хорошо, но есть некоторые мелкие ошибки(например, -o-border-radius-bottomright вместо -o-border-radius-bottom-right, да и вообще, это свойство уже давно поддерживается почти всеми браузерами).
И кстати, ты тоже брони?

Можно картинку как все должно выглядеть?

1. background-clip:text; это чисто вебкитовское значение свойства, оно и не должно работать нигде кроме браузеров на этом движке. Лучше использовать картинку. 

2. Я так и не понял что вы имеете ввиду, но возможно вам поможет это и это.

3. В макете, вроде бы, и нет никакой текстуры.

А теперь о самой верстке:

1. Слишком маленький текст. 

2. Нет градиентов и тени присутствующих на макете. 

3. Зачем на счетчиках в футере картинки?

4. Зачем хеадеру давать класс header a футеру footer?

5. Вместо <div class="sidebar"> можно использовать тег <aside>.

windows, opera12.16. Но это, наверное, мои настройки браузера, так как все другие формы для эмейла имеют такую же рамку. Можно, конечно, добавить border: none !important;, но это, думаю, лишнее.

1. Используйте семантические блоки.

2. Вместо 

border-bottom: 6px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #111111;

лучше использовать

border: 6px solid transparent;border-top-color: #111111;

3. Разве в блоке .members не должна открываться картинка при клике на миниатюру?

4. Почему форма с email имеет рамку даже без фокуса?

А так, то очень даже хорошо.

Так у вас ничего не выйдет, потому что такой селектор проверяет есть ли вообще такой элемент в этом элементе.
Например:

<div><ul><li><span><a></a></span></li></ul><div>

div a{  width:260px;/*стили применятся*/}div > a{  width:200px;/*не применится*/}

Что-то не очень он так прижат. 

UPD. Попробовал приблизить — сразу прижался. Потом что я не делал футер был прижат.
 

Еще футер не полностью прижат к низу.

Бери, если такие берут их. то вперед!

1) Ты хочешь сказать что табличную верстку полностью прикрыли ?

2) Ты CSS видимо не смотрел, раз так пишешь, 95% стилей или даже больше в CSS. 

3) Для всплывашек с одинаковыми размерами зачем нужны разные ID? Потом приведется еще и в JS добавлять новый Айдишник.

 

1) А ты хочешь сказать что забивание гвоздей камнями полностью прикрыли?

2) Ну так если большинство стилей в css, то зачем лишний раз нагружать html? Лучше, по возможности, делать все (вообще все) стили в css(ну или ему подобных).

3) Или разные id, или одинаковые классы. Ну, если ты уж совсем извращенец, можно по DOM искать нужный элемент. Иначе — расстрел.

Самая частая ошибка верстальщиков (даже в верстке дивами) — это загруженный html. Все скрипты и css всегда можно вынести в файл, а огромное количество оберток и вовсе убрать или заменить псевдоэлементами, но нет. Всегда хочется html побольше — и плевать, что он будет повторятся множество раз. Ведь отдельные файлы можно как то неправильно подключить, потом только проблемы с этим. Давайте ка все писать в разметке всегда. В несколько раз больший размер файлов — ну с кем не бывает, да и не моя это забота. 

такой формат написания кода был ожидаемым около 10 лет назад

И даже так нет. Во всяком случае, там не ставили id вроде "td<!--случайное число-->". И кстати, кроме общей кривизны кода, на этом сайте очень кривой слайдер.

Зачем там изображения линий, которые запросто делаются блоками или тегами hr?  И если уже очень хотелось сделать все изображениями, то можно было сделать их однопиксельной высоты и растягивать как вам надо. И не делайте ссылки при наведении почти черными, а то как то не красиво. И такие изображения как, например, в футере (что будут продолжатся на многих страницах) лучше вставлять css`ом, так как излишний код html это всегда плохо.

Там в ⇒ our portfolio в последнем элементе не пишет view, а их всех лучше сделать ссылками. Ну а для футера просто сделайте обертку. И лучше все таки использовать семантические блоки вроде <header>

Мне когда то казалось что я плохой верстальщик, что делаю очень много глупых ошибок, но ваш сайт очень сильно поднял мою самооценку. Спасибо вам большое!

Opera 12.16
Мне кажется, что эти блоки нужны на телефонах так же как и на компьютере.

Почему при приближении больше чем 190% пропадают блоки?

Поставьте несколько похожих шрифтов на такой случай. Ну а если обязательно нужна именно Georgia — ставьте фиксированный размер шрифта.

И все же, подозрительно хорошо для первой верстки. Кстати, я, походу, один сам изобретал велосипед и слайдер на чистом css(знал я лишь о псевдокласе checked).