Баги IE9

Без чудесного семейства броузеров Internet Explorer 6-9 жизнь верстальщика была бы скучна и уныла. Все пишется сразу, все получается, не с чем помучаться. И Miscrosoft о нас заботиться и не исправляет свои баги. А если исправляет, то очень медленно. 

Вот недавно вышел IE9, почти сразу после его появления в твиттере появился аккаунт ie9bugs, в котором люди пишут про баги этого замечательного броузера. Будет интересно почитать :)

Have fun!

Читать далее »

Спецификация HTML5 для веб-разработчиков

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

Спецификация HTML5 для веб-разработчиков

Читать далее »

Чек-лист вёрстки. Офигенная статья на Хабре.

Нашел в сети: 

Вы PM. Как узнать – готова ли вёрстка к реальному использованию?
Вы заказчик. Как убедиться, что работа выполнена качественно?

Когда я стал тим-лидом, а позже PM, передо мной стала задача проверять вёрстку наших проектов. Нужно было выработать формальные, легкопроверяемые критерии, соответствие кода которым, должно было давать некую гарантию, что не будет факапов и ни клиент, ни программеры не сказажут потом “WTF?”.

Клиенту неважно насколько красив ваш код, но ему важен результат. Качественный код нужен фирме, т.к. он надёжней и в будущем его будет легче поддерживать.

Требования должны были быть такие, что соблюсти их легче, создавая качественную вёрстку, а не говнокод. Я составлял такой чек-лист в течении полутора лет. За последние полгода в него не добавилось ничего. Значит самое главное учтено.

Источник.

Просто отличная статья. Огромное спасибо автору.

Читать далее »

30 CSS-селекторов, которые вы должны запомнить

В данной статье речь пойдет про CSS-селекторы. Будут рассмотрены как старые селекторы, которые поддерживает даже IE6, так и совсем новые CSS3 селекторы, которые поддерживают только последние версии браузеров. Итак, начнем.

1. *

* { margin: 0; padding: 0; }

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

Этот селектор выделяет каждый элемент на странице. Многие разработчики используют его для того, чтобы скинуть у всех элементов значения margin и padding. На первый взгляд это удобно, но все-таки в рабочем коде так лучше не делать. Этот селектор слишком сильно грузит броузер.

* также можно использовать для выделения дочерних элементов.

#container * { border: 1px solid black; }

В данном случае выделяться все дочерние элементы #container. Опять же, старайтесь не злоупотреблять им.

Демо

Совместимость

  • IE6 +
  • Firefox
  • Chrome
  • Safari
  • Opera
Читать далее »
Scroll To Top