BirviZ

не вижу проблем.

а вообще в качестве карусели рекомендую owlcarousel

B owlcarousel есть зум по наведению мыши?

Доброе время суток.

Мне нужно сверстать блок с товаром. Снизу мелкие изображения, над ними блок с картинкой. При наведении мыши изображение увеличивается для рассмотрения деталей.

Пример:

https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/

В общем то для карусели я пробовал использовать jCarousel, но иногда при перелистывании видны соседние картинки, и не придумал, как реализовать зум.

В одной из ссылок нашел нужный мне эффект зума)) Спасибо.

Соединю его с jcarousel либо с Thumbelina и получится то, что заказчик от меня хочет))

У меня такая проблема.

К сайту нужно прикрутить подобный элемент

https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/

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

Саму страничку верстаю при помощи фреймворка bootstrap 3

В общем нужно решение при помощи которого можно подобное соорудить.

зы писать скрипт с нуля уже времени нет. Пора верстку сдавать(

Проблема в том, что после прехода на Linux, задался вопросом.

А где же мне тестить верстку под "всеми уважаемый" internet explorer?

И возможно новый Edge?

Кстати по поводу Эджа. Хотелось бы услышать мнение разработчиков. Это спасение от ИЕ или плюс один геморрой?

Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект.

Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект.

Если я создам свой файл стилей и буду там переопределять их. Это правильный подход?

Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка?

Например нет встроенных стилей для футера и т. д.

Именно в практике проблемы не было.

Родилась идея, когда мой напарник попросил написать скрипт для перелистывания фоновых изображений. (Сейчас работаем на проектом и он просто фанат полноэкранных фонов. Нарисовал уже штук 50 мало чем отличающихся друг от друга)

И чтобы не заморачивать его с правильными именами файлов решил проделать данный трюк.

Скрипты выполнили задачу и были удалены.

Но внутри нашей команды это допустимо, а вот для конечного использования.....

Вот поэтому и возник вопрос...

svg,

Пример номер раз, который пришел в голову:

Имеется некоторое количество изображений в разных каталогах.

PHP сканирует каталоги и составляет массив, затем массив с именами файлов(с полными путями) подставляесть в массив JavaScript.

JS после вывода темплейта в браузер выводит изображения в виде слайдера(карусели, рандомного фона.....).

Насколько я знаю, при помощи JS такого доступа к файловой системе добиться не получится.

Собственно вопрос в теме.

Как я это вижу 

Есть PHP код, Есть темплейты есть шаблонизатор.

JavaScript в одном из темплейтов.

В зависимости от результатов работы PHP, в темплейт подставляются те или иные функции и переменные.

Реализация, на самом деле, простая. и работать будет. Но не является ли такая практика "Дурным тоном"?

Или подобные вещи реализовывать при помощи AJAX?

Я для больших фонов использую .jpeg, Для маленьких узоров .gif

png Только там, где нужна прозрачность.

Как то один дядя сказал, что jpeg - это прошлый век и надо png юзать, но я не вижу смысла увеличивать размер файла.

Дополню инструментами, которыми я пользуюсь.

 

Калькулятор вертикального ритма.

И ещё один (этот нашел недавно - он очень крут).

Второй действительно очень крут.

Себе в закладки добавил)

Судя по ссылке, то мокап - это ни что иное, как прототип. Есть хороший продукт AxureRP для этого.

Но если это так, то мокапом должен не дизанер заниматься, а менеджер проэкта.

 

"мокап", "вертикальный ритм"

 

Дайте об этом статью

 

http://pixelgene.ru/articles/vertical-rhythm.html https://htmlacademy.ru/courses/43/run/15 http://habrahabr.ru/post/56625/ http://naikom.ru/blog/archives/5141

Первое что нашел......

А vertical-align может работать внутри div'a, или только в ячейке таблицы?

Доброе время суток.

Мне интересно какими фреймворками пользуются верстальщики, а так же узнать плюсы/минусы данного подхода и самих фреймворков.

Когда мне нужно было сверстать 4 дива в 2 столбика, я делал так 

http://codepen.io/BirviZ/pen/KpomVj

Извините не до конца прочитал вопрос.

У меня получилось так

http://codepen.io/BirviZ/pen/qdomZr

Было бы не плохо ещё добавлять

header('Retry-After: 7200');

Данный заголовок указывает как долго сервис будет не доступен. Значение можно выставлять в виде даты(формат для http) или количеством секунд.

В моем случае может не подойти, так как я не знаю когда доделаю сайт.

А если станицу сделать следующим образом:

header("HTTP/1.1 503 Service Unavailable");echo{$maintance_content};

http://www.user-agents.org/index.shtml

Чтото мне подсказывает, что проще перебирать массив с браузерами, чем с ботами. Тем самым если браузер не известный - значит бот.

Кстати, http_response_code() работает только на php 5.4 и выше.

Сейчас попробую переписать скрипт при помощи функции header().

Если получится, то работать будет на php 5.3 и ниже)

Спасибо. Оказалось все еще проще)))))

А в массиве - это набор ботов примерный или полностью рабочий?

Всмысле мне его еще нужно дополнять?

Насколько я понял, нужно в файле robots.txt сгенерировать ошибку 503, а для людей сделать редирект на файл maintance.htm или .php.

Вообще задача заключается в следующем. Сайт я еще не доделал, а хостинг с доменом уже есть. И чтобы не было простоя, хочу поместить соответствующую страничку с информацией о том, что сайт в разработке и указать некоторые контакты. Чтобы сайт уже, якобы, "работал".

Вопрос следующего характера.

При создании страницы-заглушки "в разработке" нужно посылать какие либо заголовки, как при создании страницы 404? или это просто страница и поисковиками она нормально обрабатывается?

Это немного не то.

Вывод товаров похож на https://play.google.com/store.

Уже посмотрел. Сделано на Дивах....

Встала задача сверстать страницу где должна быть таблица.

В таблице нужно сделать ячейки определенной ширины.

Как лучше делать?

Или таблицу создавать при помощи JavaScript? Или как то передавать данные о ширине окна на сервер где будет происходить соответствующая обработка в php файле?

Отказаться от таблицы врядли получится.

Хотя. Таблица будет выводить некоторое к-во товаров в интернет магазине.

Может сделать на div-ах. Используа css свойство float...