-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
.checkitoutWrapper .checkoutSingle .sameAsBilling .sameAsBillingOverlay vc .checkitout .reviewContainer .formList .orderComments vc .checkitout .review-container .formList .order-comments ну или: .checkitout .checkout-step .gift-messages-form .allow-gift-messages-for-order-container .form-list .field, Между словами должны быть расстояние -- это обусловлено стандартом чтения текста. Чтение текста и его идентификация: и существенно отличны. И не будем забывать что мы, как правило, не читаем слова по-буквам, и читаем целиком. В месте где ожидается пробел он отсутствует. Вместо него Большая буква, которая визуально не равнозначна пробелу. Можно еще зацепить тему и сравнить "-" и "_" но это другая тема. Так же я опущу тот фак что вероятность допустить ошибку в имени, набирая код, camelcase больше чем в camel-case. Написанный код должен быть максимально простым для восприятия любым разработчиком. аЭтоГоворитОтомЧтоКодДолженБытьМаксимальноПриближенКстандартномуВосприятию разработчиком, то бишь человеком, который каждый день, утром, днем, вечером, ночью читает текст в интернете, в метро, маршрутке, этикетках, газетах, форумах, блогах, и прочих интернетах страны который имеет стандарт написания и является родственным, в отличии от остальныхАльтернативныхПредложеныхИТобществуФорматовНаписания. ps: моё имхо, основанное на моём личном опыте, является рекомендацией и только.
-
я сто-о-о-олько раз объяснял почему не надо так делать... тут на форуме наверно 50+ моих постов на эту тему. camelCase -- это плохо в вёрстке. это не программирование(!) Скажу кратко: человек с детства обучается читать текс, как перечень слов, разделенные пробелом. Запись camelCase заставляет вчитываться по-буквенно в каждое имя класса, в то время когда .camel-case будет читаться естественней и привычней для человека. А вот теперь представь что у тебя более 30 less(css) файлов в которых более 20 структур с глубиной до 10 уровней. Каждый раз всматриваться и вчитываться в имя класа это очень тяжело. Поверь, я писал когда-то как ты -- это ошибки начинающих. Не привыкай так писать ибо такой формат записи тебе аукнется. А если, не дай Бог, его что-то будет поддерживать после тебя -- недоброе слово в твою сторону будут очень часто мысленно отсылать.
-
Давайте обсудим проблемы шрифтов и сервисы их генерации
klierik replied to Zverushka's question in HTML Coding
Авто топика явно не изучил интерфейс Белки, который достаточно прост. Вот как включить кирилицу: http://screencast.com/t/t2Oa0D5TO Естественно она будет по умолчанию выключена, ибо львиная часть пользователей ею не пользуется вообще. -
Раскритикуйте мою верстку (4 месяца спустя)
klierik replied to Bassline's topic in Discussion of works
БЭМ видать читал 1. неправильное именование классов: .imgMenu .imgMenu-link правильно: .class-name Без верхнего регистра. 2. Правая колонка (Услуги) больше похоже на список списков. Но это субъективно. 3. непонятно что ты хотел сказать именами классов типа: .w-shell .w-fix .w-side Имя класа должно быть _не_ сокращено, самодостаточно, понятное, англоязычное, простое, легкочитаемое, краткое. Именем не должны выступать какие-то абривиатуры, сокращение, термины в транслите, прочее. Имя должно быть таким, что бы другой разработчик читая код "на лету" понимал его назначение. 4. лучше не: .menu-item {} а .menu-section .item {} 5. Индексация в вёрстке -- это зло в 99% случаев. плохо: .nav-link_ico5 {} хорошо: .nav-link.ico-email {} или лучше даже в даном случае: .nav-section .link.email {} Так как у тебя иконка явным образом не представлена, то и приставка "icon-" не обязателен вовсем, и скорее избыточен. В целом в правильном направении движешься. -
1. непонятно зачем в разметке использован класс: <li class="stone"><span> ... если в стилях обращение: .menu div ul li 2. bigBlock -- плохое именование классов. используй .class-name формат. по поводу адаптивности. увидев это: http://kalininaolga.ru/news/mobile_site/ и поняв что сайл сожрал моего несколько МБ моего трафика я бы никогда не обратился к автору и рекомендовал оп одной просто причине: если на обычной домашней страничке, коих в интернете миллионы, в содержимом пункта меню сказано что сайт адаптирован под мобильники а он таким не является, то считаю правым расценивать это как самую настоящую лож. Если автору сайта "ложить" на мой трафик и его не заботит моё комфортное перебывание на его сайте то грош ему цена. Уйду и никогда не вернусь. Если даже на сайте врёт то что ждать в реале. Данный сайт не адаптирован под мобильные устройства. У него всего лишь резиновый макет который был реализован при помощи инструмента @media.
-
Какой смысл в такой адаптации? Зайдет пользователь с телефона с 3G соединением, у которого 10МБ/сутки бесплатно и на одно только изображение потратит кучу трафика: o1.png Dimensions 346 × 859 File size 482 KB URL http://kalininaolga.ru/Images/o1.png То что сайт адаптируется под ширину экрана не говорит о том что верста адаптивная. Просто, к сожалению, применено пару @media правил кторые не несут практической пользы. По сабжу: а вообще что обсуждаем? Или ты просто так выложил?
-
1. используй англоязычные термины в именах классов без сокращений. не используй транслит никогда. 2. научись писать без комментариев. человеко-понятное именование классов заменяет комментарий. 3. не .conteiner а .container 4. это: <p class="tel"> список телефонов а не абзац. тут или список, или див, но никак не Р 5. <aside class="ten"></aside> -- эту тень через CSS делать следует. ошибок слишком много. посмотри по разделу темы в которых я отвечал. 95% подходит и в твоем случае.
-
Какие программы нужно знать начинающему верстальщику?
klierik replied to MegaS's question in HTML Coding
уже было. советую перечитать: Интрументы для разработчика -
как вариант это попробовать использовать скрипт: http://labs.abeautifulsite.net/jquery-dropdown/
-
в программировании есть IDE которая подсветить, если что не так
-
хмъ... впервые вижу человека который после этой статьи что-то да сделал, а не пошел на форум искать наставника. ну что сказать, молодца.
-
Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему
-
начни с чтения книг для начинающих.
-
по опыту.
-
Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему
-
http://jsfiddle.net/klierik/AxaSc/
-
http://jsfiddle.net/klierik/c5p6d/3/
-
самый просто способ это положить их в body и позиционировать http://jsfiddle.net/klierik/c5p6d/1/
-
jquerymobile.com
-
Оформи, пожалуйста, тему соответствующе: Как правильно оформить вопрос/проблему Выложи демо-пример на jsfiddle.net
-
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
klierik replied to Arinden's question in HTML Coding
почитай про БЭМ... -
Псевдокласс :hover одновременно для двух элементов!
klierik replied to volshebnyi's question in HTML Coding
http://jsfiddle.net/klierik/JKxeB/ -
извинятся не за что.
-
то что эти буквы ("К") похожи это не значит что они должны быть идентичными. и, кстати, кирилица в настройках генератора включена? -- http://screencast.com/t/dGxbZCJIu
-
что в твоем понимании "коверкает". с через него прогонял море шрифтов и всегда все было отлично. этот ресурс один из лучших в своём классе.