Работа сайта Twentysix.ru — Микроскопическая правка и экономия в много-много часов

У нас позитив. Возможно вы уже заметили, теперь у нас видео (вообще все, даже самые старые) стали подстраиваться под размер вашего экрана. Смотрите на большом десктопе — держите видео в постах шириной в 800 пикселей. Смотрите на смартфоне? Держите ширину 500.
Несмотря на то, что с фотографиями сделать такое — вопрос 1 минуты, специалисты уверяли нас, что с видео такой номер не пройдет. Нам говорили, что надо заставить пользователей вставлять все видео строго через спец-кнопку и что старые видео перевести в автомасштабирование не удастся. Но немного ковыряния нашими неумелыми руками, нездорового упрямства и оно работает. И в старых, и в новых постах.
Работа сайта Twentysix.ru: Микроскопическая правка и экономия в много-много часов


Зачем всё это? Теперь вы видите, что в новых постах фото и видео одной ширины на любом экране  и просто удобнее смотреть видео, если экран позволяет его спокойно увеличить. Например, большинство  youtube- видео на десктопах выросли по ширине с 560 до 800 пикселей. Это кайф номер 1. Кайф номер 2 (особенно для редакторов) — теперь не надо вручную менять ширину видео. Просто берите обычный iframe-код, который вам предлагает youtube, пинкбайк, ваймео и пр. и он будет отображаться как надо у всех, какие бы параметры не были там стоковыми. Пример под катом.


Работа сайта Twentysix.ru: Микроскопическая правка и экономия в много-много часов

P.s.: да, у вас есть кэш в браузере, который эти изменения может показать не сразу, это нормально.

Комментарии (25)

0
Дома на огнелисе эта фича у меня не работает. При 1280*1024 видео с ютуба обрезает так, что на кнопку YouTube справа — не нажать. Да и вообще сайт прилично похудел по ширине страницы. Вечером кину скрин и проверю в гугле.
avatar

kuzlich

+28
ctrl + f5
avatar

tazhate

  • ↑
0



То есть, такого быть не должно уже? У меня сейчас отображается все именно так как как на фото.
ГуглХром

avatar

Vados

+30
ctrl + f5
avatar

tazhate

  • ↑
0
держи плюс великий маг!
 
avatar

Vados

  • ↑
+14
avatar

tazhate

  • ↑
0
Веб-разработчикам на заметку, чтоб читатель не задумывался о Ctrl+F5 после значимых (да и вообще любых) изменений стилей и скриптов — надо изменить к ним путь, дописав "? что-то" в урл (например, ...style.css?1). Поскольку урл другой, старый кэш остаётся не у дел.
avatar

romanshuvalov

  • ↑
0
А чтобы веб-разработчику не задумываться о том, что нужно что-то дописывать, имеет смысл пользоваться автоматическим сборщиком-минифайером ресурсов. 
Это избавит от проблем вот с таким обновлением кеша и ускорит загрузку сайта.
Сейчас эта туча маленьких файлов ест прилично времени загрузки.
Web-assets, grunt, gulp, whatever…
avatar

m12sl

  • ↑
0
А чтобы веб-разработчику не задумываться о минификации, имеет смысл внедрить HTTP/2…
avatar

Skolzyashiy

  • ↑
0
Больше адаптивности! Это лойс)


Последний раз редактировалось
avatar

AleksandrSimonov

0
у меня на айподе сайт вообще отказывается работать так же как на компе, нет сбоку ленты прямого эфира, нет вот этой вот штучки «обновить» для просмотра комментариев, да и весит он столько, что не всегда открывается с медленным интернетом. это конечно оффтоп, но на плеере читать 26 вообще крайне затруднительно.
avatar

shooroop83

0
а он разве не должен в мобильном виде отображаться?
avatar

AleksandrSimonov

  • ↑
0
У тебя мобильная версия не открывается? Покаж скрин
avatar

tazhate

  • ↑
0
скорее всего да, это мобильная версия без лишнего. но она какая-то очень тяжелая для мобильной
avatar

shooroop83

  • ↑
0
То, что боковой колонки там нет — это правильно. Т.к. на мелком экране остается только главное и это контент.

Если что еще не удобно там — говори. Мы стараемся максимально чистить сайт под малые экраны. 
avatar

Val

  • ↑
0
А нельзя сделать, чтобы видео на мобильном в фулскрин воспроизводились?
avatar

AlekseySatinaev

  • ↑
+4
ну вот отсутствие навигации в мобильной версии мешает очень. например тему, которая была Н страниц назад, но активно жуется в комментариях, без прямого эфира вообще фиг найдешь.
по крайней мере я не понял, как)) 
и зуммирование с прокруткой лагают, подозреваю, что из-за большого веса
avatar

shooroop83

  • ↑
+6
Иногда при пролистывании страницы на мобильном открывается боковая панель слева. Так вот когда её закроешь, оказывпешься в начале поста.
avatar

AlekseySatinaev

  • ↑
0
точно, как раз вспоминал об этом. в начало перебрасывает иногда
avatar

shooroop83

  • ↑
+5
Почему видео в фулскрин нельзя открывать?
avatar

TWR_DUUALL

+1
а видосы во весь экран стали разворачиваться ютубные?
avatar

_va

0
Это, насколько я знаю, от постящего зависит.
avatar

Data_Link

  • ↑
+2
Миша, если вы что-то меняли в CSS и при этом выставляете этим файлам «кэшироваться в браузере до скончания века», просто поменяйте имя изменененного файла.  Таким образом кэш инвалидируется и никому не надо будет говорить делать ctrl-F5.
avatar

thresh

0
Написал про это выше, но надо было написать сюда. Файл можно не переименовывать, а просто менять URL на него примерно так: ...style.css?1.
avatar

romanshuvalov

  • ↑
0
ну да, я заметил что совсем недавно, может с неделю или две наконец на ipad (в котором кстати по умолчанию полная версия сайта открывается) наконец полоса справа не обрезает видео до такого состояния, что нельзя нажать справа в фрейме видео fullscreen. это все есть гут!
avatar

singulardroid

Комментировать


Зарегистрируйтесь или авторизуйтесь. Сделайте что-нибудь.