Verder

Я не программист вообще-то, но когда программер объяснил логику работы, то язык стал казаться не сложнее хтмл. Порадовало то, что нет никаких ограничений на внешнее представление в отличие от большинства готовых, даже очень дорогих систем, что хочешь то и вороти. Во-вторых скорость отрисовки графики - даже тяжелые визуалы пролетают как маленькие гифы. Не знаю с чем это связано. Ну не знаю я как объяснить и объясняю с точки зрения дизайнера. То есть те вещи, которые касаются именно меня. Те веб-разработчики, которые нашли время для его изучения, больше не хотят использовать что-либо другое.

Я ж как пример привел, что можно сделать и КАК сделать. А нарисовать можно все что угодно, смысл не в этом.

Использовали в нескольких проектах. Насчет фишек - все они есть в документации и от себя что-то добавлять нет смысла. Чтобы сделать понятную и привычую пользователю админку использовали в тандеме фреймворки, например http://codeigniter.com/

Понимаешь, найти подходящий шрифт это еще не все. Правильное использование шрифта - это 70% внешности сайта. Так что, если хочешь получить более-менее приличный результат, то придется вникать в типографику. Тот шрифт, который ты сейчас выложил вообще не подходит. Расстояние между буквами (апрош) и кернинговые пары нужно по пикселю, ручками прописывать. Если бы мне было необходимо прямо намекнуть посетителю на то, что я, например, делаю сайты на западный манер, то я бы сделал вот такой логотип: Это так, к примеру, нужно еще много дорабатывать, но суть, думаю, ясна.

Не получится прилично. Даже если кто-то проявит свои альтруистические качества и сделает для его блога нормальный дизайн, то первая же выложенная из этих фотографий все убьет. Это надо умудриться так снимать хреново. Даже с бодуна так не получится.

ужас. Взглянув на набор логотипа-заголовка все сразу становится понятно и дальше можно не смотреть.

Вообще непонятно, зачем вставлять изображение, когда логичнее сделать бэкграундом. А по теме решения проблемы: td img {display:block;} Или для изображения установить vertical-align:bottom

Все эти конференции и "обращения к президенту" полная херь. Ничего и никогда словами в отношениях с властью не решается. Нужен еще один 1993 (или 1917) год, только с поправками не на красножопых или педерастов-демократов (педераст - литературное), а на нормальных людей. Тогда еще что-то может поменяться. Да вот только люди стали другими, люди стали ленивыми, люди ожирели, люди жрут отраву из супермаркетов и довольны. Все что им остается - это писать в блогах, жопу поднять они уже не в силах.

Будущее человека и его родных зависит только от него самого. Мне посрать на политику, будет плохо - свалю и все дела.

Глупый вопрос. Но опять же, зачем забивать голову человеку. Прописал основные вещи и хватит. Если бы это использовалось на одном проекте и за него отвечал разработчик, то тогда да, можно и без комментов полный лист обнуления вставить и не париться. А слабо знающему верстку человеку, который сам решил "порулить", это лишняя головная боль.

Ну хрен знает. Просто задача стоит так, чтобы сделать универсальный набор css-файлов для использования в большом количествое платных шаблонов/макетов и чтобы конечный пользователь, после приобретения такого макета "as is" мог без труда разобраться что к чему. Мейера смотрел. Но, как я написал выше, нужно чтобы пользователь со знаниями css/html ниже среднего мог легко разобраться и в обнуление были внесены только те элементы, которые используются. Например blockquote используется крайне редко, так зачем загромождать и путать беднягу-покупателя.

Это да, но например у заголовков по дефолту такие отступы, что приходится все равно свои прописывать.

reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ Здесь не весь лист, толькт необходимое. P.S. Последнее время все чаще использую списки определений вместо параграфов.

Не понимаю, нахрена нужны такие блоги и кто их будет читать, когда есть ag.ru Просто чтоб было и наложить еще одну кучу дерьма в и так загаженный подобными блогами рунет?

http://www.freeway-design.ru/files/back_optimized.jpg - около 175кб. Сильнее сжимать уже нельзя. А вообще бэкграунд сам по себе дерьмовый и выполненный на уровне дизайнера первой домашней странички.

Да. Только экспрешн нужен для мин и мах ширины.

На. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>columns</title> <style type="text/css"> * {margin:0; padding:0;} #wrapper {width:100%; margin:0 auto; max-width: 1400px; min-width:970px; height:600px;} #left-column { width:250px; float:left; height:600px; background:#666; } #right-column { width:250px; float:right; height:600px; background:#666; } #middle-column { margin:0 auto; height:600px; background:#ccc; } </style> </head> <body> <div id="wrapper"> <div id="left-column"> </div> <div id="right-column"> </div> <div id="middle-column"> </div> </div> </body> </html> height только убери, я поставил чтобы видно было.

При наведении курсора на черно-белую область открывается картинка и становится полноцветной. Сейчас выложен монохромный вариант при котором ничего не мелькает.

У тебя совсем другое. Во-первых раскрытие горизонтальное, во-вторых по клику и в-третьих у тебя картинки одни и те же. С такими условиями у меня тоже ничего не мелькает.

Нет, не пофиксил, там сейчас просто монохромные картинки, а когда ставишь на hover цветную, появляется мелькание.

Выложи картинку полностью куда-нибудь, попробую сжать до 70-100 кб без потери качества.

Такую фигню могли только у нас придумать. Я не говорю, что больше ни одна страна не пользуется в доменных именах своим языком. Но домен на кириллицце... уроды. Доменные имена должны быть на английском.

В любом случае всем спасибо за советы, буду думать. А пока пошел по пути наименьшего сопротивления и сделал полностью монохромный дизайн http://freeway-design.ru/test/ Кстати, коли уж открыл тему. Страница офисов продаж - http://freeway-design.ru/test/map.html (линк с главной работает). Думаю, что и на этой странице больше не надо ничего. Тултипы есть и бог с ними. Мишка, может и правда фиксом оставлю

Ну на словах кажется все просто Но вот как на деле реализовать первый вариант пока что плохо представляю. Вот как правильно прописать хз: .kwicks { list-style: none; position: relative; margin: 0; padding: 0; overflow:hidden; } .kwicks a { display:block; width:100%; height:100%; text-indent: -1000px; } .kwicks li{ display: block; overflow: hidden; padding: 0; cursor: pointer; } #example3 .kwicks li{ width: 100%; height: 100px; margin-bottom: 1px; } #example3 #kwick1 { background:url(i/s_1.jpg) no-repeat; } #example3 #kwick1:hover { background:url(i/s_1h.jpg) no-repeat; } #example3 #kwick2 { background:url(i/s_2.jpg) no-repeat; } #example3 #kwick2:hover { background:url(i/s_2h.jpg) no-repeat; } #example3 #kwick3 { background:url(i/s_3.jpg) no-repeat; } #example3 #kwick3:hover { background:url(i/s_3h.jpg) no-repeat; } #example3 #kwick4 { background:url(i/s_4.jpg) no-repeat; margin-bottom: none; } #example3 #kwick4:hover { background:url(i/s_4h.jpg) no-repeat; margin-bottom: none; } #example3 #kwick5 { background:url(i/s_5.jpg) no-repeat; margin-bottom: none; } #example3 #kwick5:hover { background:url(i/s_5h.jpg) no-repeat; margin-bottom: none; } <script type="text/javascript"> $().ready(function() { $('#example3 .kwicks').kwicks({ max : 274, spacing : 0, isVertical : true }); }); </script> <div id="example3"> <ul class="kwicks"> <li id="kwick1"><a href="#">Студия итальянской мебели</a></li> <li id="kwick2"><a href="#">Немецкие кухни</a></li> <li id="kwick3"><a href="#">Мебель для ванных комнат</a></li> <li id="kwick4"><a href="#">Мягкая мебель</a></li> <li id="kwick5"><a href="#">Детская мебель</a></li> </ul> </div>

Уже еще сжал, все равно такая же задница. Причем это не только на удаленном хосте, а и на локальной машине.