10 июля 2011 в 11:35
В процессе неистовой темизации обновился дизайн моего блога 
В этот раз я старался сделать всё как можно легче и приятнее. Использовано очень мало графики и упор в основном на CSS, но поскольку блог ориентирован в основном на web-девелоперов, то наличие гик-исполнения не должно испугать посетителей.
- HTML5,
- RDFa,
- CSS3,
- лёгкие эффекты,
- свистелки и перделки,
- Drupal 6
Не забыл я и про Internet Explorer. CSS3 в ослике шпилит по полной, о чём может подсказать дым из вашего системного блока. Поскольку таких посетителей мало, то я планирую повесить попап с таймером и предложением обновиться 
Дымящийся кремний должен мотивировать наездников чудо-браузера попробовать что-то другое. Это, конечно, в теории, но думаю лишним не будет.
Очень хотелось бы услышать отзывы пользователей Linux и подсказать где и что съехало и какие шрифты стоит подкорректировать, к сожалению осью на данный момент под рукой не обладаю, но хочется побыстрее всё довести до ума.
-------------
Кстати, хощусь на IT-Patrol, неистово доволен, рекомендую и всё такое
Комментарии
заголовки поправь.
Плашка с датой на заголовки наезжает.
Это фича
Так задумано
У тебя там куча всяких animate при hover - цвета, отступы.. Не хочешь поиграться с таймаутами, т.е. сделать их покороче? а то в некоторых местах эффект как будто чето просто тормозит.
Хрень, которая в правом нижнем углу, которая изингом скроллит - z-index ниже чем, у контента, на андроиде прячется.
Там у тебя где читать полностью и добавить коммент при ховер у ссылок подчеркивание + пунктирный бордер.. Может ченить одно оставить (при чем подчеркивание), ибо перед тем как кликнуть сразу подумал,что счас откроется диалог без перезагрузки страницы.
дизайнерам покажу) на пример максимального использования css)
ужас ужас ужас
говно
Нормально. Главное инфа.
Окей попробую ещё уменьшить но там стоит .2s.
Соглашусь, будет выпилено.
Думаю, разберусь.
Это не максимальное.
Это ещё почему?
я тебя тоже ценю, люблю и уважаю
Спасибо за критику.
в книжке написано же!
Что то совсем не валидно
У картинок не прописаны высота и ширина, в результате при прокрутке страницы картинки не красиво загружаются
Содержание хорошее, читаю вас.
Ошибки мелочные. Нужно профиль сделать, чтобы xmlns не не конфликтовали или ждать релиза HTML5 и RDFa 1,1. Я пока не разобрался как более правильно подойти к вопросу. У WP это сделано через:
Но он тут не совсем уместен.
Принял к сведению.
Спасибо
Слово wrapper слышал когда-то? Специально для тебя поясняю зачем так сделано.
Образно wrapper:
margin: 0 auto;
width: 980px;
}
#head {
height: ;
}
#foot {
height: ;
}
Образно [вредный совет]:
width: 980px;
margin: 0 auto;
}
#head {
height: ;
}
#foot {
height: ;
}
нашел с кем спорить)
#shell -- это и есть враппер. Теперь ты знаешь, что есть не только div и table. Секшн заркыт, протри глаза. В старых браузерах фигня делов, строк 10-20 и встанет на свои места даже в 6м ишаке.
На пятом верстать проще в разы. Марджинов и паддингов вендорных нет. Элементы ведут себя так, как захочешь ты, поэтому и проблем меньше.
Ыыы
Иди на HTML book, там любят за логику порассуждать и из пальца повысасывать что во что оборачивать.
section
-header
-section
...
-article
...
-aside
-footer
#section
Вложенность соблюдена? Паукам срать на почти все теги, атрибуты акцент делают.
section = div, за исключением маленького нюанса. div логики не имеет вообще, а section — это нечто вроде универсальной группирующей обёртки. так понятнее?
а парни из w3c не согласны с "профессионалам"
И что это? Ежу понятно, что это контейнер, которых в HTML Всего 2,5 вида не считая путсышек вроде кирпичей и hr.
Чего это? Акцент на язык? Так поставь на html lang и будет тебе профит. Хочешь понтануться, можешь на дивы натыкать в xHTML, для того он разрабатывался.
Английский учи. Логики в блочном div, равно как и в инлайновом span — ноль. Ты можешь её подмешать посредством классов, как например в микроформатах поступили или другим способом. Парсер — дурак, он не может самостоятельно оценить где какой контент содержится.
Взять тег HTML5 time. Сам по себе он польный ноль т.к. ты можешь написать в нём что угодно в каком угодно формате. Акцент задаёт атрибут datetime, где в прописанном формате указывается дата. Это для парсера, чтобы он смог осмыслить.
пиши ищо
тогда я найду там бред, который ты несёшь?
а можно time использовать как "враппер" для всего сайта? xD
не позорься, "профессионал"
Именно.
Ты можешь ответить, зачем ты сделал это:
это:
Опубликовано в <time datetime="2011-07-09T22:20">сб, 09/07/2011 - 22:20</time>
<ul>
<li><a href="/blog/tags/drupal" rel="tag">drupal</a></li>
<li><a href="/blog/tags/video" rel="tag">видео</a></li>
<li><a href="/blog/tags/caching" rel="tag">кэширование</a></li>
</ul>
</div>
и это:
<a href="/blog/drupal/401" rel="details">Читать дальше →</a> | <a href="/blog/drupal/401#comments">Комментарии (0)</a>
</p>
и это:
<legend>Написанное актуально для</legend>
Drupal 7
</fieldset>
<fieldset class="relevantContent">
<legend>Похожие записи</legend>
<div class="item-list"><ul><li class="first"><a href="/blog/drupal/396">Drupal: Запрещаем удалять закэшированные страницы при автоматическом запуске крона</a></li>
<li><a href="/blog/drupal/236">Drupal: Кэширование данных в собственную таблицу</a></li>
<li class="last"><a href="/blog/drupal/214">Drupal: Способы очистки кэша с помощью функции cache_clear_all()</a></li>
</ul></div>
</fieldset>
Не отвечай, я тоже люблю поприкалываться «just for fun», но это неправильно, по идее
Завязывай бокорезить
хахаха, стрелки перевёл, но на вопросы не ответил. продолжай дальше писать профессиональный (уже без кавычек) бред xD
А вообще, честно, раньше был нормальный блог, а счас какаято х..ня стала))
Да нет, это просто ты залупа
Ну да, теперь он выглядит, как нормальный блог.
воооот, наконец то подал голос шифт, а то всё строишь из себя не пойми кого. что ещё скажешь, эдакого?
да и раньше х..ня была
скажу, что ты говно, я ведь давно тебе этого не говорил
ты всё ждёшь, ногами сучишь небось и трясёшь челюстью, слюной брызгаешь
с говном мы уже определились — это твой "бложек"
так что придумай что-нибудь новое
Мы — это кто? Поддержите друга-то он щас от натуги лопнет
Shift и я
познакомишь с первым?
пообщайся на досуге - http://www.shift-web.ru/contact
Ну я хз, просто уже реально тошнит, когда jQuery суют куда попало. Или потому что я сноб, отставший от моды или потому, что начальство мое очень любит сию технологию и приходится ее запихивать на все корпоративные сайты, что голова начинает болеть от этих слайдеров и каруселей.
Но тут, ИМХО, такое издевательство над ссылками - полное говно. Без обид.
Вот нахера в сайдбаре делать эти дерганья ссылок? Удобно или красиво?)
Ну вот кстати во вложении.
Это не jQuery.
aside li:hover {
transform: translate( 5px, 0px );
-webkit-transform: translate( 5px, 0px );
-moz-transform: translate( 5px, 0px );
-o-transform: translate( 5px, 0px );
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
Ловкость рук и уличная магия
Попробуйте, вам понравится.
Я вами согласен, но коли jQuery в движке, то грех им не воспользоваться. Прошлый вариант был похлеще в плане рациональности. Тут тоже есть чего подкрутить, нужно селекторы перегруппировать. Там плашки были, вроде прикольные, но ими никто не пользовался. За косяк спасибо, знал, что в linux что-то непременно вылезет.
http://www.pictureshack.ru/images/8838header.png
Joker'a я верну
Он меня радует.
Спасибо, воздержусь. Лучше водки.
У Андеда неплохая дурь
Думаю, если хорошо попросить, отсыплет. Главное, чтобы потом Shift'ы размножаться не начали
А у Максима Клика?
вот вы срач учинили.
чем бы дите не тешилось
, лишь бы не рукоблудствовалоза этими штуками ближайшее будущее. год-полтора и это будет мейнстрим. сейчас не начало 2000х когда 70% сайтов было на таблицах и лишь маленькая на блочной верстке с кучей хаков для глючного ие. да и ослоговно рынок потеряло.
Короче пусть курочит.
Не всем же как мне вчера ебаться с pngfix только потому что ослик имеет с этим проблемы
Илья, я не понимаю другого. Есть конечно доля риска, что припахают изучать CSS3 или там не дай бог какой-то RDFa выстрелит, но это же элементарно йобт.
Я прекрасно понимаю, что такое конвейрная разработка, когда до выебонов просто нет времени. Прекрасно понимаю, что сидит чувак в конторе и штампует сайтеки на старых проверенных средствах не потому, что он не хочет или не понимает. Может у него 1000 и 1 макет заготовлен со времён табличных утопий. И он гораздо быстрее выполнит задачу своими средствами. Всё должно быть по месту и по времени.
С заказчиком тоже всё предельно ясно, нах ему понты, быстрее и так как доктор прописал(девелопер решил). Все всё прекрасно догоняют.
Но это же повод залупаться, верно? Всегда все остаются при своём мнении, никто никого не душит и не унижает -- вот это правильно, я считаю.
тут не доля риска. тут 100% вероятность этого
не повод.
ща вон рисовал гламурноразмытые углы. почему старыми методами? спасибо IE7-8. можно навешать фиксов и соснуть хуйца - я полагаю что изза того же pngfix и прочих чудес IE начинает дико тормозить.(кстати потом так клиенты и ноют - ие тормозной бля а в опере-сафари-мозиле все летает).
да, есть штамповка. есть концепты.
гугль по-моему вообще сечас хуй забил на "а как оно там в эксплорере".
ну славо богу) не одного у меня с вкусом херово)))
Гугль вообще на дизайн забил. Хотя там наверное человек не последний и «со вкусом».
Да пипец полный. Обоссать и поджечь
Дизайн дело тонкое.