Shiza

4 часа назад, by chris сказал:

конкретизируйте

Для отправки поля достаточно только одного из этим полей. Набрали email телефон стал необязательным. Если же набрали телефон то emial становится необязательным. То есть мы может набрать хоть оба поля стразу, хоть любое на выбор, но совсем не заполнять мы не можем.

6 минут назад, wwt сказал:

сделайте одно поле, напишите "введите ваш телефон или email" и сделайте валидацию этого комбинированную, вот и все.

Нельзя. Поле телефон вводится по маске и имеет тип "tel".

Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation

В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel".

Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам.

Сама форма вот https://jsfiddle.net/1h34vy1r/

Найденные решения:

1) -webkit-transform: translateZ(0px);

2) -webkit-font-smoothing — antialiased | subpixel-antialiased

В моем случае сработало первое.

Иногда при подключении шрифтов возникает следующая ситуация:

Текст просто текст. Без оберток. Проблема возникает в хроме и почти всегда если шрифт используется в срытых (разворачиваемых) блоках или слайдерах (Owl Carousel), то есть на блоках который сначала не отображаются, а появляются позже.

От чего это может происходить, и что с этим можно сделать?

P.S. Создать JSFiddle с этой проблемой не удалось.

Сайт к сожалению локальный пока. http://jsfiddle.net/3pmpnzzy/

Что интересно, сейчас этот зазор то есть, то нет.

На сайте подключен Open Sans и из-за этого элементы, которым не указана ширина, получаются в пикселах с процентами. Например кнопки:

Из-за этого возникает проблема, когда я хочу добавить псевдоэлемент внутри во всю ширину этой кнопки (нужен для эффекта), справа от него получается зазор, где виден фон, несмотря на то, что указано right: 0:

Это можно, как-то исправить без явного указания размеров?

Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home.

Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана:

И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру?

http://jsfiddle.net/kvw0eom6/

 

http://jsfiddle.net/...lor/ytjh8gn1/1/. Пометил комментариями, что добавилось.

Благодарю за помощь

Вопрос наверное глуповат, но как сделать я не понимаю.

Есть блок с position relative в нем есть ul, который абсолютно позиционирован по правому краю. Сейчас top стоит 50% и все точки добавляются вниз, да и выглядит не так, как задумано:

Как можно позиционировать так, чтоб он всегда был ровно в центре:

Количество пунктов (li) может быть произвольным и обертку я добавить не могу:

http://jsfiddle.net/ytjh8gn1/

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

Наверное вопрос покажется глупым для многих, но как в Bootstrap правильно переопределять стили?

Добавляя свой новый класс:

<ul class="nav nav-tabs custom-nav-tabs">  <li role="presentation" class="active"><a href="#">Home</a></li>  <li role="presentation"><a href="#">Profile</a></li>  <li role="presentation"><a href="#">Messages</a></li></ul>

.custom nav-tabs {    border-bottom: 2px solid #f00;}

Или же можно сразу использовать классы bootstrap?

<ul class="nav nav-tabs">  <li role="presentation" class="active"><a href="#">Home</a></li>  <li role="presentation"><a href="#">Profile</a></li>  <li role="presentation"><a href="#">Messages</a></li></ul>

.nav-tabs {    border-bottom: 2px solid #F00;}

В тех примерах, что я находила был и первый и второй вариант, и теперь я сомневаюсь, как это делать правильно.

Глупый наверное вопрос.

Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие?

Могу я не устанавливая шрифтов делать скриншот и спокойно верстать?

Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК" 

Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл?

Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?

Необходимо реализовать блок со скошенной стороной, как на картинке:

Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?