Кроме Jquery переодически пишу на MooTools, а когда и на нативном JavaScript.

Уже собралось несколько приятных плагинов для Jquery. Надо оформить по всем правилам и отослать на plugins.jquery.com

А из последних работ у меня было такое:

• Путинка – HTML версия сайта. JS функционал
• R1 Like Button – JS обертка для добавления функционала баннерам Like/Share. Посмотреть можно на рекламных площадках мира. Писалось без применений jquery и других фреймворком. Потому что очень много разных ситуаций, когда возможны были конфликты.
• Peters & Burg - Верстка, скрипты
• ПроРепорт.ру – Приятно было верстать этот сайт. Приятный дизайн и куча скриптов

1. Jewel Empire — только верстка
2. Студия ТАБУ — верстка
3. presswood.by — верстка, JS
4. ОДО «Термокингбел М» — верстка
4. МСПА «МОССИБ» — верстка, JS

Сознательно усложнил себе задачу и решил для задних подложек фоном использовать canvas.

Нагрузившись спецификацией, примерами начал рисовать.

Для ie6 использовал библиотеку excanvas, которая заставляет понимать тугодумный браузер тег canvas.

В результате фон рисуется динамически на весь экран. В зависимости от раздела точки рисования разные.

Ну и добавил приятные дополнения:

• История переходов (можно попасть на страницу контакты по ее адресу)
• Смена заголовков страницы в зависимости от раздела
• Анимация фона
• Для любителей ходить с отключенным JS сайт не теряет своей привлекательности.

Общее количество сверстанных шаблонов равняется 60 (пока что).

Смотреть здесь: Ay.by.

Главная страница полностью интерактивна. Внутренние страницы тоже оригинальные.

Никаких MAP. А то было бы скучно. Только ссылки.

Были СВЕРСТАНЫ макеты шапки ифутера. основное требование было по возможности сохранить старый код, что накладывало определенные ограничения.

Сверстал милые странички типа такой: http://profile.onliner.by/login/.

p.s. дизайн рисовал не я это для одаренных,которые не понимают разницу.

1. Шаблоны для конструктора готовых сайтов. Пример: http://www.bfsp.by/.
2. Верстка сайта Панорама окна.
3. Верстка шаблонов психологического портала. А какое там меню веселое
4. Минск на ладонях. Верстка на ладонях.
5. Верстка портфолио дизайнеров.
6. Зомби. Верстка. Гутен Морген

Хотите видеть свою работу в списке. Обращайтесь.

Первое правило. Забудьте о div-ах. Таблицы и только таблицы.

Есть такая табличка http://www.campaignmonitor.com/css/, которая показывает на сколько поддерживаются стандарты в е-mail клиентах. Правда если вы делаете рассылку еще и для русскоязычного сегмента (mail.ru, yandex.ru), то забудьте и о этих правилах.

Самый коварный оказался веб-интерфейс mail.ru. Все сss он форматирует и вы ничего хорошего в результате не получите.

И еще несколько правил которые для себя обозначил:

Для mail.ru на таблицах используйте class=”pad_null”

В самом css mail.ru есть это правило. Правило обнуляет все паддинги в таблицах. Хоть какое-то слабое утешение.

Верстаете для русскоязычного сегмента? Забудьте о padding

Паддинги задаются так. Берем прозрачный гиф. И с помощью распорок делаем все отступы.

Пример:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<table cellspacing="0" cellpadding="0" width="650">
<tr>
	<td colspan="3"><img src="tr.gif" width="650" height="18" alt="" /></td>
</tr>
<tr>
	<td><img src="tr.gif" width="74" height="1" alt="" /></td>
	<td width="100%">
		<font face="Segoe UI,Arial,Helvetica" size="2" color="#000000" style="font-size:14px; font-family:Segoe UI,Arial,Helvetica; line-height:18px">Наше кулинарное путешествие по Италии вместе</font>
	</td>
	<td><img src="tr.gif" width="40" height="1" alt="" /></td>
</tr>
<tr>
	<td colspan="3"><img src="tr.gif" width="650" height="30" alt="" /></td>
</tr>
</table>

Не забывайте о теге font

Все шрифтовое оформление надо задавать в теге .

1

<font face="Segoe UI,Arial,Helvetica" size="2" color="#000000" style="font-size:14px; font-family:Segoe UI,Arial,Helvetica; line-height:18px">Наше кулинарное путешествие по Италии вместе</font>

1

Пример <a href="#" style="color:#63ac1f; text-decoration:none"><font color="#63ac1f"><u>ссылки</u></font></a> в тексте