Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 08/21/2014 in all areas

  1. СергейРусков
    Сам макет и ТЗ находятся здесь http://htmlforum.ru/index.php?showtopic=47965 . Собственно хотел обсудить там, но злые админы запретили. Так вот, хотел бы выразить благодарность Klierik'у за отличный макет, много чему научился выполняя его ТЗ. По теме, за эталонный браузер был взят Chrome. В архиве лежит grunt, если кому захочется покопаться поглубже, livereload и компиляция запускаются с помощью команды: grunt splat, минификация, контагинация и т.д. - grunt production. Момент с шириной сайта в ТЗ я не совсем понял, написано стандартная ширина сайта 960px, а в макете 940px, делал по макету. Промо слайдер это что-то с чем-то. Насколько я понял сделать его именно таким как в макете, это задача настолько сложная, что можно сказать невыполнимая. Вся сложность заключается в корректной работе слайдера при условии, что ячейки в навигационной строке имеют разную длину (в зависимости от кол-ва символов в них), я использовал Royal Slider, вот мнение автора слайдера по этой проблеме http://help.dimsemenov.com/discussions/problems/11648-thumbnails-width-different-widths . Можно конечно с помощью подбора длины слов получить приемлемый результат вроде этого http://bestfuns.url.ph/Task1/ , но это костыли, да и если прокрутить этот слайдер до конца вправо будет виден зазор между ячейкой и границей навигационной строки. Если кто знает решение, или слайдер в котором данная возможность поддерживается, поделитесь пожалуйста. Отдельно прошу придираться к JS и Scss(использование ф-ий, примесей, написание собственных, переменные и т.д.). Заранее спасибо! Сам сайт: http://www.tech-drive.ru/sergey/splat/ Исходники
    1 point
  2. Great Rash
    Практической пользы от них почти никакой. Это если верстать только используя rem. Если же верстать используя em, то без rem начинается много гемора с высчитыванием обратных процентов. Приведу пример: Допустим я верстаю адаптивный сайт (пусть это будет новостной сайт, где много текста), который должен работать на десктопах, планшетах и телефонах. На десктопах мне нужно чтобы шрифт у текста был 14px, на планшетах экран маленький. поэтому там шрифт надо увеличить до 18px. На телефонах мне надо ещё увеличить текст, допустим до 20px. Вот чтобы мне стопицот раз в media quieries не писать стили, в которых я хочу увеличить шрифт, и нужны em. В таком случае я смогу разот для <body> изменить размер шрифта и у меня все элементы на странице автоматом изменятся. Но иногда бывают ситуации, что я внутри чилда. Допустим 1em = 10px, допустим текст в кнопке "далее" у меня 1.5em (т.е. 15px), а внутри есть <span>, для которого мне надо уменьшить шрифт до исходного. Но для этого спана 1em уже равен не 10px, а 15px, поэтому мне придётся высчитывать сколько же это будет в процентах (~0.67 если чо). И вот чтобы не геммороиться с высчитыванием как раз нужны rem. Т.е. код будет примерно таким: <head> <style> body { font-size: 10px; /* чтобы удобней было в em'ах считать (типа 1.4em = 14px) */ } button { font-size: 1.5em; } button span { font-size: 1rem; /* фигак и я снова 10px */ /* font-size: 0.67em; а без rem я бы занимался подобными извращениями */ } </style></head><body> <button> я текст<br /> <span>а я дополнительный текст</span> </button></body>Но верстать ТОЛЬКО на rem как-то бессмысленно.
    1 point
  3. npofopr
    зачем? рядовому пользователю, для которого эти редакторы и существуют, такого не нужно. А те кто умеют css и без редактора пропишут. Да и в редакторе есть режим html, куда можно воткнуть нужные <style>...</style>, и стили будут только на одной странице и файл общий style.css не будет засоряться.
    1 point
  4. npofopr
    Станьте кодером, для начала.
    1 point
  5. npofopr
    Кто знает, что это такое и понимает, как из них извлечь пользу, тот и верстает.
    -1 points
  6. coolhtml
    Недавно купил книгу Тим Кедлек - Адаптивный Дизайн. И вам желаю купить эту книгу. Страница 50
    -1 points
This leaderboard is set to Kiev/GMT+02:00
×
×
  • 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

  I accept