D.iK.iJ

D.iK.iJ
dikij.com
fb: dikij87
tw: DiKiJcom
dikij
dikij_com
Рейтинг
242
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
JS. Условие: Eсли IE < 11 версии

Нашел вот такое. Код и обнаружение всех версий IE/Edge

if(navigator.appVersion.indexOf("MSIE") != -1 || navigator.appVersion.indexOf("Trident") != -1 || navigator.appVersion.indexOf("Edge") != -1){
// is IE
}

Думаю, можно отсеять Edge, заменив != на == и получить только IE.

Потом отдельно отобрать IE 11:

isIE11 = !!window.MSStream;

if(isIE11){
/* Something */
}

Остальные коды что-то или огромные или работают стабильно до IE 9

Как оценить верстальщика?
SeVlad:
Для меня такие таблички сигнал - вебмастер дебил.
А если при этом ещё и не даёт посмотреть контент - правый верхний крест на сайте.

Эх, не зашла шутка. Ну да ладно. А скрин-то вполне реальный из ВКонтакта.

---------- Добавлено 05.12.2018 в 20:01 ----------

webiumpro:
Не хочу влезать в спор, что и как лучше. Но вы спекулируете цифрами)

Конечно! И цифры очень походи на старые и мобильных браузеров не вижу... просто хотел показать, что мелкая ерунда в верстке иногда может перекосить сайт для клиентов. Да, их может быть не больше 1% но для меня - это важно.

Тут каждый сам решает. Если кому-то все равно... верстальщику легче :)

Вот. Все должны быть довольны, а спор уже на 3 страницы. 🍿

Как оценить верстальщика?
mmkulikov:
Сам вы(ты) НЕудачник застрявший в каменном веке.. Удачи .. :)
НИКОГДА!!!!! Нидай БОЖЕ НИКОГда... Не учите НОВОЕ - ЭТО ЕРЕТИКИ придумали и НИКОГДА это не будет работать :)

Я писал про быструю проверку верстки через определенные браузеры. Не нравится.

Я писал про возможную потерю клиентов. Не нравится.

Хм. Какие тогда цели? Подложить свинью заказчику верстки ради лени быстроты и новомодности?

Поспорить про верстку? Ну, тогда у меня сайту 12 лет. Там еще часть на таблицах сделана и чистом Жабаскрипте без jquery. Вот шок-то какой. 🤣 Еще и движок свой. На файлах. Прошлый век. Что поделать. Стар, как г***о мамонта.

Как оценить верстальщика?
mmkulikov:
Стоковый андроид даже flex уже нормально отображает.

Как тут уже писали, это -

Charli:
...вопрос не профессионализма, а идейности.

Кто будет спорить с тем, что верстать под 1 браузер - быстрее и удобнее? Еще и с flexbox, filter, calc и прочими классными вещами!

Я даже тут табличку у ВК стащил для прочих неудачников. Вставим после предупреждения о куки - между предложением подписаться на соцсеть и требованием отключить рекламу.

Как я понял, оставляем мы 59.66% посетителей с Хрома (+1.59% c Оперы на Хромиуме). Ну, просто Firefox, Сафари и IE -примерно одинаковые по глюкам. Но зачем проверять? Заказчик не велит :)

А там - как повезет. Идеально же.

Блоки в фидах больше не работают?

У меня нули были за несколько месяцев ))

Как оценить верстальщика?
Stek:
Что за бред то. На мобилках давно нет ни каких проблем с отображением сайтов. Какой еще нафиг сафари на андройде,

Ну как знаете. Бред так бред.

Я все написал из практики работы с 238 сайтами, привел конкретные примеры CSS (что точно не работает и на старом ИЕ и в стоковом браузере на Анроид) и как можно быстро и легко проверить верстку.

Если вас лично интересует только Хром и его клоны - вы просто идеальный заказчик для верстальщика . :) Уж там-то проблем с версткой - минимум. Как и глюков.

Про адаптивный дизайн в две строчки - спасибо! Очень горжусь. Любой на основе простого кода может начать работу с адаптивной версткой.

Правда, за эти годы строчек стало аж три.

@media screen and (max-width: 960px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}
}
Фуллскрин в мобильном вебе

А резве это не фулскрин от самого Гугла? Ставите код и все.

Слайдер карусель на css

Сделать блур на крайних картинках, а всплывающее окно через Фенсибокс ))

Например, как-то так:

.container img {filter: blur(2px); transition: filter 0.1s;}
.container img[style^="left: 320px;"], .container img[style^="left: 160px;"] {filter: blur(0px);}
Скорость загрузки сайта как фактор ранжирование в google
rzee:
aleksandrbol, Фотки и картинки убирать и сильно сжимать не надо, просто сделать отложенную загрузку и такой проблемы не будет.

Скоро дойдем до того, что Гуглу будет выдаваться только текст без стилей и скриптов :)

Как оценить верстальщика?
Stek:
Ну кому ваша опера 9 нужна ? 2006 года браузер, норм под него верстку делать :)

Вангую! Вы - плохой верстальщик :)

А объясняется все довольно просто. IE 11 работает примерно как Сафари. А это, учтите, практически все мобильные браузеры на Андроиде и iOS.

Плюс, браузер достаточно строг к неправильной верстке. Это не Хром, который применит max-width к таблицам и не подавится. Если проверять только в нем (и в современных браузерах) на мобильном устройстве потом то цветов нет, так как браузер RGBA не понимает, то видео нет, то display: FLEX почему-то не работает (неожиданность).

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

1... 116117118119120121122123124 ...294
Всего: 2932