Без чудесного семейства броузеров Internet Explorer 6-9 жизнь верстальщика была бы скучна и уныла. Все пишется сразу, все получается, не с чем помучаться. И Miscrosoft о нас заботиться и не исправляет свои баги. А если исправляет, то очень медленно.
Вот недавно вышел IE9, почти сразу после его появления в твиттере появился аккаунт ie9bugs, в котором люди пишут про баги этого замечательного броузера. Будет интересно почитать :)
Have fun!
Нашел на просторах сети спецификацию HTML5 для веб-разработчиков. В отличие от полной спецификации, из нее убрана информация, которая нужна только разработчикам броузеров. Очень инетересная и познавательная вещь. Естественно на английском.
Спецификация HTML5 для веб-разработчиков
Нашел в сети:
Вы PM. Как узнать – готова ли вёрстка к реальному использованию?
Вы заказчик. Как убедиться, что работа выполнена качественно?
Когда я стал тим-лидом, а позже PM, передо мной стала задача проверять вёрстку наших проектов. Нужно было выработать формальные, легкопроверяемые критерии, соответствие кода которым, должно было давать некую гарантию, что не будет факапов и ни клиент, ни программеры не сказажут потом “WTF?”.
Клиенту неважно насколько красив ваш код, но ему важен результат. Качественный код нужен фирме, т.к. он надёжней и в будущем его будет легче поддерживать.
Требования должны были быть такие, что соблюсти их легче, создавая качественную вёрстку, а не говнокод. Я составлял такой чек-лист в течении полутора лет. За последние полгода в него не добавилось ничего. Значит самое главное учтено.
Источник.
Просто отличная статья. Огромное спасибо автору.
В данной статье речь пойдет про CSS-селекторы. Будут рассмотрены как старые селекторы, которые поддерживает даже IE6, так и совсем новые CSS3 селекторы, которые поддерживают только последние версии браузеров. Итак, начнем.
1. *
* { margin: 0; padding: 0; }
Начнем с самого простого, а потом уже перейдем к более продвинутым вещам.
Этот селектор выделяет каждый элемент на странице. Многие разработчики используют его для того, чтобы скинуть у всех элементов значения margin и padding. На первый взгляд это удобно, но все-таки в рабочем коде так лучше не делать. Этот селектор слишком сильно грузит броузер.
* также можно использовать для выделения дочерних элементов.
#container * { border: 1px solid black; }
В данном случае выделяться все дочерние элементы #container. Опять же, старайтесь не злоупотреблять им.
Демо
Совместимость
- IE6 +
- Firefox
- Chrome
- Safari
- Opera