Zverushka

А как такое может быть, они на стороне сервера определяют браузер и выдают старый интерфейс - так чтоли? Кстати тебе наверное можно просто поставить в настройках, чтобы браузер представлялся как другой браузер.

Нене, без натяжки и админки! Только верстка, ну и разве что скрипт включить,который за вкладки отвечает.

Скажите, сколько бы времени (часов) у вас ушло бы на этот макет верстки на бутстрапе?

C гуглом не дружу, убедилась очередной раз.

Что такое jumbotron в бутстрапе и как это переводится?

@Great Rash, Согласна, что с одной стороны это достаточно просто, но с другой стороны - нет ли каких-то встроенных средств узнать по какой слайдеру кликнули? http://codepen.io/anon/pen/qyxgA Дело в том, что слайдеры внутри тусуются. Можно конечно вручную дописать костыли, вроде data-index и тогда точно не перепутаешь. Я прост надеялась, что раз слайдер говорят очень гибкий, в нем как-то это более автоматизировано. Сорри, что я спрашиваю такие мелочи, надеюсь не сильно напрягаю? Конечно можно засесть за документацию и не докапываться до людей на форуме, просто щас никак не могу выделить время. :-)

@Int, да, а где такие бояны почитать можно? А то я на тему фриланса нашла лишь одно зашоренное и заброшенное сообщество.

Попыталась еще раз сделать на бхслайдере. Вспомнила о методе бхслайдера - thumbnail, правда легче особо не стало, хотя от части работы избавило. http://html2css.ru/region/ - у это слайдера какие-то проблемы с прокруткой бесконечной - он не может корректно определить картинку и пролистывает кучу слоев. хотя итоговый результат верный, но смотрится хреново. Карусуль удалось центрировть просто через relative 50%. Суть в том, что если экран широкий - то должны быть все иконки видны, а если нет - то обрезаться. У меня получается видно все сразу в куче, а заодно и бх-клоны. А нужно, чтобы если слайдеров 8, то все 8 выстраивались в ряд и крутились потом - чтобы активный был по центру - если не вмещаются в окно - то обрезаться. Не догоняю как ширину подогнать, чтобы по клонам не кликалось. ХОТЯ,.... если уменьшить экран - все равно при кликах выходит не ок.... иногда даже не двигается полоска...

А как можно сделать, чтобы активный текущий слайдер был по центру, а не левым крайним? И также слайдеры менялись по клику по карусели? Дело в том, что именно такой функционал, как в примере - мне удалось без проблем сделать на бхслайдере. Но когда нужно было сделать навигацию по клику по пейджеру-иконкам - вот тогда возникла проблема. Если центральный пейджер я смогла отмеить - добавляя класс актив на 5 элементов правее при скролле. То сделать активным кликнутый слайдер - стало почти невозможно - там надублированы слои для карусели и в итоге нельзя узнать - по какому слайдеру кликнули с точки зрения слайда, чтобы сделать его активным

Вот такая просьба дурная. У самой не получатеся разобраться с fredsel. Нужна нестандартная хрень ... Я ее попыталась реализовать на bxslider - но там дурка с bx-clone и в принципе он криво листать начинает некоторые элементы и вообще имеет свойство не работать. Вот такая наглая просьба - можете мне на фредселе (как я поняла - на нем возможно все, сам слайдер не принципиален какой) сделать такой слайдер (без оформления с примитвными квадратиками)??? Я не могу в нем разобраться, наверное я тупая. Логотипов там 8 штук, но они дублируются просто, чтобы быть на всю ширину экрана. Могу даже, если кто согласен - дать доступ к компьютере на прямое управление, если вам удобнее прямо в коде написать моем. Вот что я сделала на бхслайдере:

http://html2css.ru/region/ Проблема стегом button - во-первых внизу бордер радиус отсутсвует у вложенного в него слоя, а также position relative top ведет себя как как абсолютный слой

@Great Rash, только картинки блурит, задние фоны никак?(

@nerv,ну я блин не думала, что это чисто демо - мне показалось, что это официальная страница плагина, от которой можно уже и на гитхаб зайти и куда-то еще. Мне лично удобнее смотреть на официальной странице, где и покажут плагин в действии и тут же краткое руководство дадут.

Вот еще, если кто захочет паралакс от мышки, то очень неплохой плагин http://matthew.wagerfield.com/parallax/ В отличии от его собрата http://stephband.info/jparallax/ - имеет плавные изинги, не подтормаживает и использует для смещения объектов трансформацию (через аппаратное ускорение) - от чего не так нагружает страницу. Главное осторожнее с большими слоями - в хроме может быть баг с белым экраном. Работает по принципу - сначала идет слой сцены, потом слой паралакса и уже внутри него должен быть ваш базовый слой или картинка, которая должна двигаться. Печалит только то, что внутри сцены дать личные настройки слою невозможно (такие как, не двигаться по оси х, например) - и нужно городить несколько сцен. Заодно расписала в первом посте отличия плагинов с одинаковой высотой строк - один все строки одинаковыи делает, другой построчно высоту равняет.

@, кодировка зачем-то 1251, когда утф-8 используется повсеместно и является стандартом. Самый плохой резетер. border-radius зачем-то с огромной кучей прексов, при том сам border-radius должен стоять последним в списке.box-shadow - опять лишние префиксы. В link избыточный тип. В общем достаточно перегруженный неаккуратный код.

@Aleksandr.L,да уж, тяжело начинающим в этом потоке информации что-то стоящее.

Юморну)

Про гугл так отвечу. Да можно загуглить и найти, допустим, вместо fancybox - lightbox - который не все умеет, нормально не поддерживается и в целом хуже фенсибокса. Осознание ошибки приходит со временем - путем просмотра кода чужих сайтов или их доработки, когда ты вдруг понимаешь насколько удобно то, что использовали они. Не все плагины, у которых есть документация - хороши и удобны, такие иногда по полчаса читаешь и ничего не получается или не получается какая-то конкретная фишка, которая вдруг оказывается нужна, но этот плагин ее не предусматривает и время выкинуто в трубу. Почему лучше с многими плагинами ознакомится заранее (с частоиспользуемыми), чтобы потом не попасть в просак. К, примеру, ты портишь разметку на сайте - вставляешь какие-то омфг классы, которые зачем-то нужны плагину, чтобы он работал, ворочаешь стили (к примеру для карусели bxslider margin ставится только справа, который указывается в настройках - мелочь, а не сразу вникнешь, почему у тебя слайдер дергается криво), потому, что и их он искажает, подгоняешь все. И тут бац - "сделайте мне fade эффект типа crossfade" (fade бывает двух типов), а у этого чертого плагина этого эффекта нету. И тут начинается порочный круг, когда ты находишь crossfade, но не находишь настройку еще одной важной фишки. А все потому, что ты не знаешь о существовании прекрасных гибких слайдеров, в которых есть почти все, что нужно =)...

Хочу спросить у вас, какие плагины вы считаете необходимо знать для облегчения жизни верстальщику? Уметь их настраивать и вставлять на сайте. Кто может еще что посоветовать? Есть ли какие-то ошибки в моем списке (в плане более удобных и более популярных аналогов)? Из-за глюка форума пришлось в тег цитаты засунуть.

оффтоп. Обожаю анимацию. Делается так просто - но выглядит так эффектно.

Ага, у меня 30 процентов проблем разрешаются в процессе того, когда я пытаюсь объяснить, почему и что не работает Но с этой фигней вообще беда была. Повезло, что я нашла ветку issue на гитхабе и увидела там от кого-то подобный совет.

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

А то и значит - поставить в нем галочку - отсчитывать 7 дней по куки - то есть через 2 дня человек зайдет - у него запомнилось в куки, что он тут был и будет отсчитывать уже 5 дней. Чтобы вручную не формировать куки - это слишком нудно, потом их нуно сверять, парсить или подключать сторонний плагин, то да се - много телодвижений.

Можете объяснить про jquery переменные? Не пойму в чем разница http://jsfiddle.net/Zverushka/7PzQB/ var x = $(".bxslider");var $x = $(".bxslider");console.log(x);console.log($(x));console.log($x); Особенно не вижу разницы между x и $x. В консоли смотрю одинаково все.

Решила, это баг хрома, нужно уменьшать слои.