Авторские права © 2008-2009 - compupro.ru
© 2008-2009 - compupro.ru All rights reserved
Янв
22
Я уже приводил подборку для рисования диаграмм и графиков. Эти Приведенные ниже скрипты (плагины) на jQuery дополняют указанную подборку и помогут вам привлекательно и изящно представить на сайте любые динамические данные - к примеру, число загрузок по дате, трафик, интенсивность покупок по месяцам, и т.д.
Сен
28
По качеству верстки таблиц на сайте можно судить о профессиональности дизайна всего сайта. Именно верстке таблиц зачастую уделяется слишком мало внимания. Поэтому этот видео тюториал (на англ. языке, но все понятно из картинки) поможет начинающему верстальщику делать стильные таблицы для сайта.
CSS Table Tutorial from TheWebSqueeze on Vimeo.
Это html файл:
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> CSS Tables >> A Screencast by Jack Franklin <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body>
| Name | Age | Shoe Size |
|---|---|---|
| Bob | 15 | 11 |
| Jack | 10 | 9 |
| Bobette | 17 | 3 |
| Jim | 12 | 6 |
| Jacob | 97 | 4 |
| Karinne | 12 | 5 |
| Linda | 20 | 8 |
| Simon | 11 | 12 |
table {
border-collapse: collapse;
width: 500px;
font-family: 'Trebuchet MS';
}
tbody tr:nth-child(odd) {
background-color: grey;
}
tbody tr:hover {
background-color: #E3E3E3;
}
tr {
height: 50px;
}
td, th {
text-align: center;
border: 3px solid #ccc;
}
thead tr {
background-color: #111;
color: white;
}
Источник: http://www.thewebsqueeze.com
Июн
25
body {
font-size:62.5%;
}
Если установить такой размер шрифта как отправную точку для всех шрифтов на странице, то 1em будет точно равен 10 пикселей, 1.5 em - 15 пикселей. Жизнь становится легче 
Май
18
Почему-то тема снятия кожицы со страницы не дает мне покоя. Этот скрипт конечно не рекивем по флэшу, но все же впечатляет.
Демо
Christian Effenberger продемонстрировал, на что способен элемент canvas в союзе с JavaScript. Итак, встречайте - завиток на веб странице. Скрипт адекватно ведет себя в браузерах Mozilla Firefox 1.5+, Opera 9+, IE6+ и Safari. Для продвинутых пользователей прилагается библиотека cvi_curl_lib.js.
Май
17
Устранение эффекта красных глаз - очень эффектный пример, предложенный Daniel Glazman, яркая демонстрация новых графических возможностей HTML5!
Май
5
Недавно появился сайт, целиком посвященный CSS дизайну. На этом сайте можно выставить свою работу, а пользователи путем голосования определят ее рейтинг. В целом очень неплохая подборка для подпитки идеями и освоения CSS верстки.
