Наверняка вы видели разные шпаргалки по веб-программированию. Теперь появились шпаргалки по HTML 5 и CSS 3.
Ссылки на скачивание под катом

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

Статья является расширенным сборником CSS-хаков в сравнении с аналогичной статьей.
Под хаком подразумевается метод, позволяющий воспринимать CSS только определенному браузеру.
Хаки могут использоваться не только для исправления багов в верстке, но и в случае использования определенных особенностей браузера для ускорения рендеринга web-страницы в нём (к примеру CSS3-свойства)

Хочу поделиться одной полезной утилиткой, написанной на pure JavaScript, — URL. По сути это небольшой парсер URL'ов, работающий почти как window.location, но не перезагружающий страницу браузера при манипуляциях.

А заодно скажу пару слов про getters & setters в JavaScript.

UPD1: по просьбам трудящихся, вынесу сюда примеры:

// Пусть текущий URL = 'http://my.site.com/somepath/'
var u = new URL('relative/path/index.html')
u.href // my.site.com/somepath/relative/path/index.html
u.href = '/absolute/path.php?a=8#some-hash'
u.href // my.site.com/absolute/path.php?a=8#some-hash
u.hash // #some-hash
u.protocol = 'https:'
u.href // my.site.com/absolute/path.php?a=8#some-hash
u.host = 'another.site.com:8080'
u.href // another.site.com:8080/absolute/path.php?a=8#some-hash
u.port // 8080
// и так далее, и тому подобное

* This source code was highlighted with Source Code Highlighter.

Работает в FF3+ (может и в 2+, не пробовал) и в IE6+ ( и это — моё ноу-хау :-) ).
Разобрана в статье также полностью кросс-браузерная реализация, но в использовании — немного более громоздкая:

// Пусть текущий URL = 'http://my.site.com/somepath/'
var u = new URL('relative/path/index.html')
u.href() // my.site.com/somepath/relative/path/index.html
u.href('/absolute/path.php?a=8#some-hash')
u.href() // my.site.com/absolute/path.php?a=8#some-hash
// и т.д.

* This source code was highlighted with Source Code Highlighter.

Да, и я привожу свой листинг полностью, извиняйте, так надо.

Моя статья на Временно.нет

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

Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.

Управлять потоком можно не только свойствами clear или overflow. Возможно, вы найдёте полезным для себя использование display:inline-block или display:table-cell, способных полностью заменить вам упомянутый overflow, избавляя вас от опасности указания размеров элемента, а также предоставляя дополнительные возможности.

Статья не содержит универсальных решений, но открывает вашему взору дополнительный инструментарий для управления потоком.

Ниже представлен оригинал моей статьи принятой для публикации в отличный компьютерный журнал C`t, который, к сожалению, не выжил на рынке и пока пребывает в весьма подвешенном статусе. Статья не была опубликована из-за того, что выпуски больше не выходят. Поэтому я решил опубликовать ее на Хабре, благо она отлично попадает в формат.

Хотел бы сразу отметить, что статья достаточно объемная и часть информации уже была опубликована мной на Хабре. Цель данной статьи объединить максимальное количество информации про новую версию Internet Explorer и представить ее в приемлемом объеме.

В комментах принимаю замечания и исправления.

В конце прошлого года мы анонсировали бесплатную книгу на русском языке “Введение в Microsoft Silverlight 2”. Это перевод известной книги Лоуренса Морони и комплексное руководство по данной технологии.

Но жизнь не стоит на месте. Как известно, уже сейчас доступна бета-версия Silverlight 3, а финальный вариант выйдет до конца года.

На конференции MIX09 было представлено бесплатное дополнений к этой книге с описанием новых возможностей третьей версии. На российской конференции ReMIX09 на прошлой неделе мы анонсировали перевод этого дополнения на русский язык, загрузить которое могут все желающие с сайта мероприятия. Авторизация доступна через OpenID, LiveID или логин/пароль.

Основное внимание уделено таким возможностям, как трехмерные преобразования, работа вне браузера, поддержка видео в формате H.264, работа с пиксельными шейдерами.

Мы надеемся, что данное руководство вместе с книгой по Silverlight 2 позволит всем желающим освоить интересную технологию и подготовиться к выходу финальной версии Silverlight 3.

Начинаю вести серию статей Это статья про вёрстку html css js, начинаю с самого простого, потом планирую описать более сложные вещи и всякие тонкости и этим видимо так и закончил

Пост скорее для себя, чем для других.
Код и подробности под катом.

Данной статей я хочу начать серию, посвященную всеми любимому Add-on к Firefox под названием Firebug.

Весь цикл: Console, Commands, Debugging ,Profiling

Я постараюсь раскрыть известные и не очень его возможности, которые могут пригодиться любому Web-разработчику(а могут и не пригодиться, но это врядли).

Если у вас его еще нету, то можно скачать со страницы http://getfirebug.com.

Как я уже писал, я начал читать книгу «jQuery in Action» (авторы Bear Bibeault и Yehuda Katz). В данной серии статей (а я планирую довести дело до конца) я буду выкладывать самые интересные моменты из каждой главы этой книги. Это будут основные идеи, примеры или и то и другое вместе :-)

Вы наверняка не раз видели javascript-реализации контекстных меню на базе популярных библиотек, таких как jQuery и prototype. А значит обязательно сталкивались с основными их недостатками: неудобностью API, большим количеством кода, требовательностью к ресурсам, любовью к генерации огромного количества html кода. В один прекрасный момент эти проблемы пересилили мою лень и я решил бороться с ними, поставив следующие задачи:

• Минимум html кода, генерируемого для меню (зачем нам засорять ДОМ)
• Лаконичность js кода для создания меню (API вызова без копипасты)
• Оптимум гибкости при работе (многоуровневые, динамически модифицируемые меню)
• Как можно меньше кода в реализации библиотеки (6302 байта в несжатом виде)
• Минимальное количество jQuery-вызовов (чтобы можно было легко от них отказаться тем, кто jQuery не использует)
• Inline-события где это возможно вместо биндов (меньше ресурсов сожрет)

UPD: разместил проект в google code, пользуйтесь, развивайте:
svn checkout js-cmenu.googlecode.com/svn/trunk js-cmenu-read-only

Задачей этой статьи является систематизация знаний о том, как правильно растягивать сайт для различных разрешений экрана.

Как я не пошел работать в Google и Microsoft

И вот потухла последняя звезда… Просыпались голуби, чистили свои перышки вороны, собаки рылись на помойке в поисках пропитания. Небо на Востоке чуть подернулось розоватой дымкой. Потянул легкий осенний ветер. Он еще сохранил свежесть лета, но в нем чуялось приближение осени.

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

Сколько времени, проведеного «за компьютером» или «за работой» вы используете действительно с пользой? А сколько тратите откровенно зря? Я прочитал заметку об интересном программном инструменте и решил поделиться с вами непрограммным методом учета потраченного времени. Этот метод — лучшая находка для фрилансера (я — самозанятый бизнес-консультант).

В основе метода — шахматные часы. Да-да, обычные шахматные часы с двумя таймерами. Суть их работы: когда время бежит на одном таймере, на другом оно стоит. Когда отведенное время истекает, часы издают сигнал. Чтобы использовать шахматные часы в целях самомотивации вам придется…