okunev2

Раньше делал оптимизацию изображений картинок с помощью tinypng.com но теперь использую jpegoptim и не понимаю какие там выставить параметры сжатия близкие к результата такого же tinypng без потери данных. Может кто скажет из опыта или есть еще другие полезные инструменты.

При вводе телефона на самсунге планшете, цифры мешаются, задом наперед все, каша, на всех остальных устройствах все нормально.  Скрипт к сообщению прикрепил.

<input type="text" name="USER_PHONE" class="phone" value="">

Как можно вылечить данный баг?

jquery.maskedinput.min.js

find -name *.jpg -exec jpegoptim --strip-all --all-progressive -pm61 '{}' \;

вот такой командой пользуюсь на сервер для оптимизация изображений, но не понимаю эффекта удаляются метаданные и что еще

какой командой можно добится такого же эффекта оптимизации изображени как это делает сайт tinypng.com

если кто сталкивался поделитесь опытом

спасибо

14 часа назад, wwt сказал:

1. Если хотите кровь из носа чтобы кешировался, то проксируйте скрипт с помощью php

и как это делать? есть пример

Проверяю сайт с помощью сервиса: https://developers.google.com/speed/pagespeed/insights/

Есть сообщение:
 

Цитата

 

Используйте кеш браузера

Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.

Используйте кеш браузера для следующих ресурсов:

http://code.jivosite.com/script/widget/RVZ33Gzebr (не указан срок действия)

 

В .htaccess прописано следующие правило, которое работает и все кашируется на стороне браузера, а вот внешний скрипт нет, соответственно как вылечить это чтобы внешний скрипт кэшировался?

Цитата

<IfModule mod_expires.c>
  <FilesMatch \.(gif|png|jpg|jpeg|ogg|mp4|mkv|flv|swf|wmv|asf|asx|wma|wax|wmx|wm)$>
    ExpiresDefault "access plus 1 year"
  </FilesMatch>
  ExpiresActive on
  ExpiresByType image/jpeg "access plus 7 day"
  ExpiresByType image/gif "access plus 7 day"
  ExpiresByType image/png "access plus 7 day"
  <FilesMatch \.(css|js)$>
    ExpiresDefault "access plus 1 year"
  </FilesMatch>
  <FilesMatch \.(woff)$>
    ExpiresDefault "access plus 1 year"
  </FilesMatch>
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType application/javascript "access plus 1 year"
  ExpiresByType text/x-cross-domain-policy "access plus 1 week"
</IfModule>

вам проще сверстать вручную такую выпадашку. А скрипт там простейший — по клику просто пусть устанавливается значение поля

пример бы

Какой плагин можно использовать или скрипт чтобы сделать "красивый селект" в два столбца? Речь про поле "Округ".

Насколько я знаю инстаграма нет ни у кого. И у самого инстаграма нет API (во всяком случае раньше не было) для такого функционала.

хм

А в стилях поменять не?

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

Вот такие кнопки

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

Есть сайт как пример http://m.adidas.ru/uteplennye-vysokie-krossovki-hoops/F98853.htmlесли кликаем на мобильнике по лупе с плюсиком то фото октрывается большое в том же блоке. И там же таскаем пальцем просматриваем его. Правда не пойму, там надо oveflow scroll ставить, а потом ползунки както скрывать? Но как потмо пальцем фото таскать? Что за скрипт?

Есть сервис http://www.travolutionary.com/ это агрегатор отелей. Ищу аналоги с похожим API.

    <meta name="viewport" content="width=1000">    <meta name="apple-mobile-web-app-capable" content="yes">    <meta name="apple-mobile-web-app-status-bar-style" content="black">

Вот понимаю 2 и 3 строку убрать вообще?

попробуй такое <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Там уже стоит <meta name="viewport" content="width=1000">

Убрал, заменил на ваше не помогло

Верстка адаптивная под 480, когда выбираешь из селекта что-либо, обратно масштабирование экрана не возвращется (как на первой картинке). Как вылечить?

Вот так пока не выбрали:

А так когда выбрали:

Либо через JS определяйте, что у вас ipad (только у нас как бы и иные планшеты есть), определяйте у него горизонтальную ориентацию и применяйте transform к body.

не понял, т.е. трансформ для боди?

 

есть какой-то костыль или инструмент

Есть: медиа-запросы с указанием высоты.

 

 

 

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Потому что на фиг оно нужно. Я понимаю если у нас какой-то промосайт, который должен умещаться полностью в экране браузера (но понятно что минимальная высота должна быть какая-то всё равно), в иных случаях это имитация бурной вёрстки.

 

В данном случае у вас не понимаю зачем верстать под высоту, у вас всегда что ли весь контент на экране будет?

 

И как через "Есть: медиа-запросы с указанием высоты." Это вылечить?

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

как?

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

Не катит

 

есть какой-то костыль или инструмент

Есть: медиа-запросы с указанием высоты.

 

 

 

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Потому что на фиг оно нужно. Я понимаю если у нас какой-то промосайт, который должен умещаться полностью в экране браузера (но понятно что минимальная высота должна быть какая-то всё равно), в иных случаях это имитация бурной вёрстки.

 

В данном случае у вас не понимаю зачем верстать под высоту, у вас всегда что ли весь контент на экране будет?

 

Контент всегда будет на экране

ну можете онлайн генератором воспользоваться http://layerstyles.org/

Да вот и пользуюсь, только вот что делать с blur

Попробывал это сравнил с фотошоп, всревно разница

 

Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

вы для нач покаже карти, тогда буде дума и совето вам )

 

Вот из Фотошоп

А давайте вы не архив выложите, а сайт покажете нормально, на хостинге, по-взрослому. А то мне, например, лень качать-устанавливать, а просто зайти и посмотреть — не лень.

http://makket.500mb.net/index.html

ну какой инструмент? делайте респонсив. или вам нужна кнопка которая все пофиксит?)

Про респонсив я в курсе. Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Столкнуля с проблемой, при вертикальном просомтре сайта в Ipad он помещается полностью без прокрутки, а вот при горизонтальном нет. Рабочее разрешение макета сайта 973 на 970. А вот у ipad другое разрешение. Как сжать можно сайт под айпад, т.е. чтоыб он не тоьок при вертикальном просмотре полностью помешался но и при горизонтальном без промотки, есть какой-то костыль или инструмент? Делать скейл макета сайта на 10% не вариант

Вот пациент архив

Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur

Как это на css3 сделать?