Jump to content

swetlana

Expert
  • Posts

    1,629
  • Joined

  • Last visited

  • Days Won

    8

Posts posted by swetlana


  1. /* cart */
    .cart-items { margin: 16px 0 0; width: 760px; } .cart-items, .cart-items thead { border-bottom: 3px solid #cac3d8; }
    .cart-items th, .cart-items td { padding: 28px 10px; border-top: 1px solid #cac3d8; vertical-align: top; }
    a.cart-delete-item { display: block; width: 22px; height: 22px; text-indent: -9999px; background: url(images/cart_delete.png) no-repeat; }
    .cart-items td.cart-item-img { text-align: center; padding-bottom: 0; }
    .cart-items td.cart-item-img img { background: url(images/preview_shadow.png) center bottom no-repeat; padding-bottom: 36px; }
    td.cart-item-name ul.props { font-size: 12px; padding: 4px 0; margin: 0; list-style: none; }
    .cart-items td.cart-item-quantity input { width: 24px; text-align: right; }
    .cart-items td.cart-item-name p.price { display: inline-block; color: #432c8a; font-weight: bold; height: 27px; line-height: 27px; padding: 0 11px; background: #a8cd64; border-radius: 8px;-moz-border-radius: 8px; margin-top: 8px; }
    th.cart-item-price { text-align: center; }
    td.cart-item-price { line-height: 28px; font-weight: bold; text-align: right; white-space: nowrap; }
    .cart-items tfoot .bonus h3 { font-weight: bold; color: #7aa729; }
    .cart-items tfoot .bonus p { font-size: 12px; }
    .cart-items tfoot .bonus td.cart-item-price { color: #7aa729; }
    p.totalprice { line-height: 54px; text-align: right; width: 760px; font-size: 18px; font-weight: bold; }
    fieldset.cart-buttons { width: 760px; }

    /* order form */
    nav.order_progress { height: 35px; line-height: 35px; padding: 9px 0; border-top: 1px solid #cac3d8; font-size: 18px; color: #cac3d8; }
    nav.order_progress ul { margin: 0; list-style: none; }
    nav.order_progress li { float: left; } nav.order_progress li+li { padding-left: 53px; background: url(images/order_nextstep.gif) 17px center no-repeat; }
    nav.order_progress li+li.past,nav.order_progress li+li.current { background-image: url(images/order_nextstep_past.gif); }
    nav.order_progress li.past a { text-decoration: none; } nav.order_progress li.past a:hover { text-decoration: underline; }
    nav.order_progress li.hulludrive { width: 101px; background: url(images/hulludrive.png) no-repeat; text-indent: -9999px; }
    nav.order_progress li.current span { display: block; padding: 0 16px; background: #a8cd64; border-radius: 8px;-moz-border-radius: 8px; color: #472f8f; }
    form.order { border-top: 3px solid #cac3d8; } form.order ul { margin: 0; list-style: none; }
    form.order fieldset { padding: 16px 0 26px 203px; } form.order fieldset+fieldset { border-top: 1px dashed #cac3d8; }
    form.order fieldset h2 { font-size: 16px; font-weight: bold; }
    form.order fieldset h2,form.order fieldset label { display: block; width: 183px; float: left; margin-left: -203px; clear: left; }
    form.order fieldset li { overflow: hidden; }
    form.order fieldset li, form.order fieldset label { line-height: 19px; padding: 5px 0; }
    form.order fieldset li label { width: auto; margin: 0; float: none; clear: none; height: auto; line-height: normal; padding: 0; }
    form.order fieldset li label input { margin-right: 8px; }
    form.order fieldset label+input,form.order fieldset label+textarea { float: left; }

    как-то так исторически сложилось.

    Если б мне ещё пару месяцев назад сказали, что я буду так писать — ни за что бы не поверила.

  2. поздравляю!

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

    А цена вполне адекватна. Хорошая техника столько и стоит. Ещё не видела хоть сколько-нибудь достойной клавиатуры дешевле двух тысяч рублей.

  3. не обязательно.

    в старых стандартах довольно мало внимания уделяется структуре документа.

    А это и есть основа.

    А в xhtml и вовсе само понятие структуры документа извращено. Делается упор на синтаксис разметки, и при этом декларируется полное безразличие к контенту.

    Я вот тоже не особо разглядел над чем тут можно поржать? Макс, разъясни!

    Макс ошибся.

    Тут не ржать, тут плакать в самый раз.

  4. Я думаю об этом надо говорить с дизайнерами.

    Опасный совет.

    Дизайнер дизайнеру рознь.

    А если попадётся такой, который считает работу не сделанной, если все тексты не исчерчены поверх градиентами?

  5. По HTML5 есть что покритиковать, но это только вечером, если Светлана до меня всё не выскажет.

    да, есть что покритиковать.

    Но Светлана не может высказать всё. Нервы стоит поберечь :)

    …ни к чему совершенно переходить на новые фичи, если ты ещё даже как следует не понял суть самых азов.

    html5 — это не фича, это принципиальный подход.

    К этому всё давно уже шло, и тот же подход уместен и при старых доктайпах.

    Но вот использование новых тэгов не к месту — это можно расценить лишь как дань моде.

    Отсутствие внятной структуры документа — да, как непонимание основ.

    • Like 2
  6. <body onload="makeStripe(document.getElementById('zebra'));">

    какой кошмар :) Зачем?

    А как же :nth-child(even)? А скриптик можно и под условным комментарием подключить.

     alt="" title="" 

    Мрак! (глядючи в этот код, я скоро обучусь части лексикона Эллочки-людоедки, да-да). Зачем? Это же не xhtml с его массой непонятных ограничений и неразумных требований.


    <section class="logo">
    <a href="#"><img src="images/logotype.gif" alt="BusinessName.com" title="BusinessName.com" width="235" height="35" />
    <span>Veroeros etiam dolore</span></a>
    </section>

    @#$%!!!!

    Таких слов, чтобы описать это, нет даже в словаре русском матерном.

    Это зачем? Это как? Это что? Это раздел чего? При чём тут <section>? При чём тут <span>?

    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    Почему без версий?

    Для устаревших всего лет на пять версий IE (9-10) такое не нужно. Это только для безнадёжно устаревших версий IE (7-8).

    Форма поиска комментированию просто не поддаётся. Там просто непонятно что. Какие-то навороты, характерные не просто для xhtml, а для xhtml, написанного студентом-халтурщиком.

    Общее обилие контейнеров. А смысл? Зачем? Ведь в данном конкретном случае управление потоком примитивнейшее.

    А вот там, где контейнеры были бы уместны из соображений семантики (например, лента новостей), их почему-то нет. И для оформительских целей там одна из страшных ересей: <br class="clear">. Эту ересь в принципе мало что может оправдать. А в данном случае — просто ничто.

    <p class="space"></p>

    Зачем? Что это? Что несёт читателю этот абзац?


    <h3 class="mini-header">Lorem ispsum sed amet</h3>
    <aside class="mini-block">
    <img src="images/foto-woman.jpg" alt="" title="" width="240" height="92" />
    <strong>Lorem ipsum dolor</strong> amet dolore eart. Nam dapi bus lorem ipsum dolor consqquat semper. Nulla blandit sed amet volutpat. Tempus sed dolore etiam lorem ipsum et nullam. <a href="#" class="href">Learn more ...</a>
    </aside>

    Почему заголовок вынесен из блока?

    Это всё только при поверхностном взгляде.

    Редко я оцениваю работу именно как плохо. Но в данном случае однозначно плохо.

    С html5 это ничего общего не имеет. Разве что в угоду моде натыканы наугад новые тэги. Но это не html5. Суть как минимум не понята.

    html5 предполагает простоту и естественность.

    Здесь нет ни того, ни другого.

    • Like 4
  7. Указание ТК РФ совсем не говорит от том, что зп целиком белая и пушистая :)

    я потому и говорю, что только предположить :)

    То что это Москва можно догадаться и по метро. А вообще центр расположен, если не ошибаюсь, за МКАД, на Новорижском ш., около 5-7 км от него, в районе Красногорска.

    в данном-то случае — да, станции характерные для Москвы указаны.

    А помню, как несколько лет назад мы с подругой встречались возле студенческих общежитий, что у станции метро «Парк Победы». Вот откуда было знать, что в Москве тоже такая станция есть, и возле неё тоже есть студенческие общежития, и что её каким-то ветром в Москву занесло в этот день?

    Сама она при этом ни разу не москвичка, но видимо город как-то влияет, что как только в нём оказываются, перестают его называть :)

  8. По упоминанию ТК РФ можно предположить, что зп всё-таки белая и пушистая.

    А по тому, что город не указан, можно уверенно сказать, что Москва. Ибо только москвичи не уверены в существовании жизни за МКАДом :)

    • Like 1
  9. Зачем нужно JQuery:

    могу пояснить на своём примере.

    javascript требует крепкого вдумчивого изучения. Не менее крепкого и вдумчивого, чем html, css, php и работа с cms.

    при этом изучить одновременно всё и сразу невозможно, а необходимость делать готовые сайты с применением всех востребованных технологий нужно уже сейчас.

    И вот ситуация: надо сделать простенькую динамику на веб-странице, а знаний js нет. Ну вот просто не начато ещё изучение js. Как быть? Два варианта: заказывать эту динамику у другого разработчика или воспользоваться jQuery, который обладает очень низким порогом вхождения.

    То есть, фактически можно выполнять некоторые простые задачи, не обладая знаниями js.

    Но конечно же, в хорошей профессиональной работе использование jQuery допустимо лишь при знании чистого javascript.

    • Like 2
  10. Есть кнопка. По нажатию на эту кнопку создаётся элемент:


    $(document).ready(function(){
    $("#a_link").click(function(){
    $("body").append('<div id="a_out" />');

    }); });

    Далее нужно, чтобы по клику на этот элемент выполнялась следующая функция.

    Если написать:


    $(document).ready(function(){
    $("#a_out").click(function(){

    }); });

    то не сработает ибо на момент чтения браузером этого скрипта такого элемента не существует.

    А как сделать правильно?

  11. тупиковый путь.

    Пока страничка маленькая, это может и действует.

    А потом в отбивках запутаешься.

    Надо просто код писать, чтобы он был понятен.

    Каждая лишняя обёртка добавляет путаницы, непонятности, да и глюков заодно.

  12. :) нипонятно, вроде всё норм.

    А в каком тексте и какие рамки?

    Извините за нубство)

    В данном конкретном случае получилось как:

    вся менюшка зажата маргинами так, что ей осталось ограниченное пространство.

    При этом на вполне определённой ширины пространстве должны уместиться два неопределённой ширины списка.

    Ширина списков при этом сильно зависит от шрифтов. Широкие шрифты —> широкие списки. Узкие шрифты —> узкие списки.э

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

    Тут правильно либо задавать ширину также и спискам, либо отставить столь жёсткие ограничения для всей конструкции.

    Ну и как правильно заметил psywalker, если можно избежать ограничений, следует избежать ограничений.

  13. br - это не труЪ.

    может и не труЪ, но в данном случае вполне уместно.

    Совершенно верно сказано: применён по назначению.

    Если совсем по-гиковски, то сюда какой-нибудь микроформат hCard бы применить :facepalmxd: Но эт я так, не всурьёз.

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

  14. Очень велика вероятность, что тётя предлагает по делу, а не говносайт.

    Говносайт — это когда безлико и неинтересно.

    И да, «дизайн наподобие эппловского» — уже навевает мысли о говносайте :facepalmxd:

    • Like 1
  15. у гиков немного особенные потребности :)

    и это нерепрезентативная выборка.

    Да и потом выбор нужно предоставлять тому, кто в состоянии сделать выбор.

    А кто не знает о том, как правильно, должен получать один вариант — ожидаемый.

    Кто первым это поймёт, первым ощутит благодарность конечного пользователя в кармане :)

    И да, по своему мироощущению не надо судить о потребностях заказчиков.

    Но хотя споры тут не уместны. Кто живёт в реальном мире, мысль уловил. Переубеждать гиков же — дело ненужное, да и почти невозможное.

  16. Чтобы юзер, отключив картинки, не кусал локти в попытках понять, что же там на картинке было =)

    А теперь о том, как на самом деле: большинство картинок не несут в себе ключевого смысла. Отключив картинку, чаще всего не теряем ни грамма смысла.

    Например: статья рассказывает о введении безвизового перехода из РФ в США по туннелю под Беринговым проливом. Иллюстрация — здание посольства на Новинском бульваре в Москве.

    Отключив эту картинку мы потеряем хоть долю смысла?

    А если вместо картинки написать «посольство сша», то как это впишется в суть статьи?

    А если написать что-то другое, то по этому альту гугл найдёт картинку и как будет соответствовать изображение поисковому запросу?

    Ну и посмотрите код действующих сайтов. Такая конструкция как alt="" встречается очень часто. Почти на каждом сайте, использующем xhtml. Зачем? Просто лишние буквы, не несущие никакого смысла.

    Ну нехорошо пользователю навязывать открывание новых окон/вкладок. Он сам вполне в состоянии решить. Так что это хороший тон, не более. Хоть и навязанный :)

    А теперь о том, как на самом деле: возможность открывать страницу в отдельной вкладке нужна.

    Например, пишем сообщение на форум, забываем определённый bb-код, хотим посмотреть в справку, нажимаем на соответствующую ссылку, и … теряем то, что было в поле уже выбрано?

    Этот пример немного надуманный. Кто знает о том, что такое справка, тот обычно и про cmd+клик знает.

    В реальности чаще встречаются требования открывать все ссылки с баннеров в отдельных окнах. И требование это не с потолка. Конечный пользователь отнюдь не всегда способен сам решить, где ему открывать ссылку. Только вот W3C таких не видело потому что не делает сайты для блондинок, а варится в какой-то своей среде.

    В общем, и любые их объяснения подобные приведённым вами примерам: оторванные от жизни.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy