Размывая грани между сайтом и приложением
39
description
Александр Богданов | Кейс-конференция CMS magazine: Как мы делаем такие сайты Гибко с самого начала: не забывая о десктопах, думаем о мобильных, планшетах, читалках. Эмулируем привычные в приложениях функции на сайте. Оффлайн в вебе. Не меняем, а улучшаем: трюки с Progressive enhancement.
Transcript of Размывая грани между сайтом и приложением
![Page 1: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/1.jpg)
![Page 2: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/2.jpg)
![Page 3: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/3.jpg)
![Page 4: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/4.jpg)
![Page 5: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/5.jpg)
![Page 6: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/6.jpg)
![Page 7: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/7.jpg)
![Page 8: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/8.jpg)
![Page 9: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/9.jpg)
![Page 10: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/10.jpg)
![Page 11: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/11.jpg)
![Page 12: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/12.jpg)
![Page 13: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/13.jpg)
![Page 14: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/14.jpg)
![Page 15: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/15.jpg)
![Page 16: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/16.jpg)
![Page 17: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/17.jpg)
![Page 18: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/18.jpg)
![Page 19: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/19.jpg)
(иллюстрация проблем с каруселями на BBC)
![Page 20: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/20.jpg)
Скрин BG с баннерами
![Page 21: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/21.jpg)
![Page 22: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/22.jpg)
(Заголовок - адаптивные изображения, рядом схема: несколько одинаковых по содержанию, но разхных по размеру
изображений и стрелочки на мобильный, планшет, десктоп)
![Page 23: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/23.jpg)
Пример с ретиной
![Page 24: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/24.jpg)
![Page 25: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/25.jpg)
![Page 26: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/26.jpg)
![Page 27: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/27.jpg)
![Page 28: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/28.jpg)
![Page 29: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/29.jpg)
![Page 30: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/30.jpg)
![Page 31: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/31.jpg)
![Page 32: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/32.jpg)
![Page 33: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/33.jpg)
![Page 34: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/34.jpg)
![Page 35: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/35.jpg)
![Page 36: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/36.jpg)
![Page 37: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/37.jpg)
![Page 38: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/38.jpg)
![Page 39: Размывая грани между сайтом и приложением](https://reader035.fdocuments.net/reader035/viewer/2022062513/557af556d8b42a25358b55b3/html5/thumbnails/39.jpg)