Jump to content

gare4ka

Newbie
  • Posts

    22
  • Joined

  • Last visited

Information

  • Sex
    Мужчина
  • From
    Москва

Contacts

  • Web site
    http://gare4ka.ru
  • Skype
    gare4ka

gare4ka's Achievements

Explorer

Explorer (1/14)

1

Reputation

  1. https://gist.github.com/barryvdh/2881758 Пару переменных ручками на css написать только
  2. Яндексу каждый байт на счету. Это плохой пример для подражания в данном случае.
  3. Ну это только если modernizr очень активно используешь, а подрубать masonry нежелательно https://github.com/desandro/masonry сжатая версия весит 5кб
  4. div class="item" пропиши у остальных, кроме первого
  5. Где я утверждал, что мой сайт валидный? Себе делаю как удобней. Заказчику могу и "правильно"...
  6. мой сайт - http://www.garik1.ru/ Там мои навыки, работы и контакты. Возможна удаленка или (даже желательно) на терр. работодателя в Москве.
  7. У меня celeste в FF разъехалась. По шрифтам, чтобы всем угодить надо получить этот шрифт в eot, otf, ttf, woff и svg. Код должен быть что-то типа такого @font-face { font-family: 'league_gothicregular'; src: url(../fonts/league-gothic-webfont.eot); src: url(../fonts/league-gothic-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/league-gothic-webfont.woff) format('woff'), url(../fonts/league-gothic-webfont.ttf) format('truetype'), url(../fonts/league-gothic-webfont.svg#league_gothicregular) format('svg'); font-weight: normal; font-style: normal; } Я конвертировал на http://www.fontsquirrel.com/tools/webfont-generator
  8. Можно запутаться, но это не самое страшное. Главное, что возрастает нагрузка, т.к. вначале ищутся все ul, а потом уже среди них с конкретным классом... т.е. когда ты пишешь a.classname у тебя пролистываются все ссылки, а потом уде выбирается класс... Машине куда легче, когда сразу класс написан
  9. Ну а может всё нормально?! Айди лучше оставлять для js, для стилей классы. В больших проектах такие вещи ul.menu > li ul > li a делать не надо. В маленьких не так критично, но лучше просто класс придумать. Еще у тебя линия(граница) слева от копирайтов как-то не посетке, что-то съехало... С проблемами верстки лучше конечно в соот тему, но отвечу здесь. 1)Float в ИЕ работает, просто блоки слишком широкие, отсюда и перенос. 2) .book p{ overflow:hidden; width:160px; max-height:86px; margin-left:70px; padding-right:20px; } Максимальная высота 86 пикселей, в то время как контента на все 200. Разумеется он будет обрезан за счет overflow:hidden + max-height
  10. Не совсем она ))) Но уже без надобности, я нашел человека, который ответил на мои вопросы...
  11. Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск
  12. Вместо margin-left: 52px; margin-top: 90px;Лучше писать margin: 90px 0 0 52px; Также неправильно #header ul{ padding-top: 9px; padding-left: 355px; }Лучше сделать через float и margin. Из-за таких вещей страдает производительность #menu ul li a #logo > h1 > a > imgНо в маленьких проектах не критично. Зачем так нагромождать? <div id="logo"> <h1><a href="javascript:void(0)" title="ПромCтекло"> <img src="images/logo.png" title="Beach Travel" alt="" /> </a></h1> </div>Тут можно обойтись 1-2 элементами Такие ошибки постоянные <div id="menu"> <ul> <li><a href="javascript:void(0)">\\ home</a></li> <li><a href="javascript:void(0)">\\ new products</a></li> <li><a href="javascript:void(0)">\\ specials</a></li> <li><a href="javascript:void(0)">\\ products all</a></li> <li><a href="javascript:void(0)">\\ reviews</a></li> <li><a href="javascript:void(0)">\\ contact us</a></li> <li><a href="javascript:void(0)">\\ faq</a></li> </ul> </div>ul и так блочный, не имеет смысла его оборачивать в div. id для JavaScript, лучше использовать классы
  13. В первом случае прошу оценить CSS3 и семантику HTML5. Поддержка браузеров от ие9+ Также не стал заморачиваться со шрифтами. Заголовки в футере будут отличаться от макета, также FF и Opera не поддерживают шрифт Wingdings, 'Zapf Dingbats' для class=""rank" Оригинальный МАКЕТ решено было переделать на всю ширину экрана с минимальным использованием изображений, все что мог, сделал на CSS3. Что получилось можно посмотреть ЗДЕСЬ ————————————————————————————————— Второй МАКЕТ поддерживает браузеры от ие7+, кроме эффектов для соц. сетей. В соврмененных браузерах просто для наглядности задал им rotate. В идеале какой-нибудь эффект на js сделаю, пока особо не задумывался. В данном случае также интересует семантика и css. + есть интересная проблема, пока в соот. раздел не буду постить, может здесь ответ получу. РЕЗУЛЬТАТ очень долго (порой до 30сек.) загружается и обновляется ЛОКАЛЬНО в ИЕ и хроме, реже в опере, а в ФФ и Сафари всегда моментально, т.е. очевидно, что проблема не в движке. С вэб-сервера всё хорошо Буду рад услышать предложения и замечания!
  14. Поэтому обратите внимание на CSS Reset. Я не рекомендую его в качестве серебряной пули, но, по крайней мере, вы можете увидеть, что он обнуляет и взять на заметку, чтобы уже иметь ввиду такие особенности. Да да. Я его использую и постепенно под себя заполняю, когда узнаю что-то новое.
  15. На тему js еще посоветую "JavaScript Подробное Руководство" Флэнагана. 6е издание самое последнее.
×
×
  • 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