[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"expertises:{\"sort\":\"order\",\"perPage\":100,\"is_main\":1}":3,"blog:{\"perPage\":4}":44,"blog-post-cross-browser":82},{"currentPage":4,"lastPage":4,"perPage":5,"from":4,"to":6,"total":6,"nextPageUrl":7,"previousPageUrl":7,"items":8},1,20,5,null,[9,16,23,30,37],{"id":10,"title":11,"shortDescription":12,"imageUrl":13,"url":14,"slug":15},43,"Заказная разработка","\u003Cdiv class=\"service-content\">\r\n\u003Cul>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка веб-приложений\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка мобильных приложений\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli style=\"font-size: 12pt;\">\u003Cspan style=\"font-size: 12pt;\">• Разработка продуктов и стартапов (MVP)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003C\u002Fdiv>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F43\u002Fmain\u002F9b536e910e22b0c053432f4058d5594ca6f79874.jpg","\u002Fservices\u002Fcustom-development\u002F","custom-development",{"id":17,"title":18,"shortDescription":19,"imageUrl":20,"url":21,"slug":22},52,"ИИ-разработка","\u003Cp dir=\"ltr\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">Внедрение ИИ в работу компаний и предприятий\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Автоматизация рутинных процессов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• LLM и RAG-системы (корпоративный GPT, чат-боты)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• ML (обучаемые модели)\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Компьютерное зрение\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Генеративные интерфейсы\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp> \u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F52\u002Fmain\u002Fb245231d8506ae3ea4c77015c36c3b25499952f1.png","\u002Fservices\u002Fai\u002F","ai",{"id":24,"title":25,"shortDescription":26,"imageUrl":27,"url":28,"slug":29},41,"Интеграция и автоматизация","\u003Cdiv class=\"service-content\">\r\n\u003Cp>\u003Cspan style=\"font-size: 12pt;\">Кастомная разработка\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Автоматизированных систем управления\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Личных кабинетов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Учетных систем\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• CRM\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• ERP\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp> \u003C\u002Fp>\r\n\u003Cp>\u003Cspan style=\"font-size: 12pt;\">Внедрение PIM-систем\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli>\u003Cspan style=\"font-size: 12pt;\">• На базе PIMcore\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp dir=\"ltr\" role=\"presentation\"> \u003C\u002Fp>\r\n\u003Cp dir=\"ltr\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">Автоматизация бизнеса\u003C\u002Fspan>\u003C\u002Fp>\r\n\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• На базе заказной разработки\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Заказная разработка + точечное внедрение ИИ\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp> \u003C\u002Fp>\r\n\u003C\u002Fdiv>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F41\u002Fmain\u002F7f0f8a036ec2c365f2099d796f774c2a0053a63d.png","\u002Fservices\u002Fintegration-automation\u002F","integration-automation",{"id":31,"title":32,"shortDescription":33,"imageUrl":34,"url":35,"slug":36},53,"Аренда выделенных команд","\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Поддержка и развитие веб-сервисов\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Создание веб-сервисов “с нуля”\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp> \u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F53\u002Fmain\u002F3c00e6bbc3263141bc54ea51b816e383fcc49506.png","\u002Fservices\u002Fit-outsourcing\u002F","it-outsourcing",{"id":38,"title":39,"shortDescription":40,"imageUrl":41,"url":42,"slug":43},44,"ИТ-консалтинг","\u003Cul>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Аудит и оптимизация инхаус-команд\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• Продуктовый консалтинг\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003Cli dir=\"ltr\" style=\"font-size: 12pt;\" role=\"presentation\">\u003Cspan style=\"font-size: 12pt;\">• HR в сфере диджитал\u003C\u002Fspan>\u003C\u002Fli>\r\n\u003C\u002Ful>\r\n\u003Cp> \u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fexpertises\u002F44\u002Fmain\u002F53c7eb07fb9f9d3b8f2184b6026cd9fcae15a875.png","\u002Fservices\u002Fit-consulting\u002F","it-consulting",{"currentPage":4,"lastPage":45,"perPage":46,"from":4,"to":46,"total":47,"nextPageUrl":48,"previousPageUrl":7,"items":49},33,4,129,"https:\u002F\u002Fapi.internet-design.ru\u002Fapi\u002Fblog?perPage=4&page=2",[50,58,66,74],{"id":51,"order":4,"title":52,"slug":53,"publishedAt":54,"shortDescription":55,"previewImageUrl":56,"tags":57},258,"Вайбкодинг против заказной разработки: возможности, риски, последствия","vibecoding-vs-custom-dev","2026-06-25","\u003Cp>Когда можно использовать вайбкодинг, а для каких задач лучше подойдет заказная разработка или гибрид\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fblogs\u002F258\u002Fpreview\u002F62bf907de9541bfd6576c7e2230783fb8ceda6e6.jpg",[],{"id":59,"order":4,"title":60,"slug":61,"publishedAt":62,"shortDescription":63,"previewImageUrl":64,"tags":65},256,"IT в кризис: резать нельзя использовать","it-crisis-optimization","2026-06-18","\u003Cp>Как и почему IT-департамент имеет все шансы стать тем самым антикризисным инструментом, который поможет компании сохранять позиции в трудное время\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fblogs\u002F256\u002Fpreview\u002Fc9f8081fbffc4993193f6514223abc7da4289417.jpg",[],{"id":67,"order":4,"title":68,"slug":69,"publishedAt":70,"shortDescription":71,"previewImageUrl":72,"tags":73},250,"ИИ в рекрутинге: почему HR'ы остаются риском для системы","hr-ai-recruiter-risks","2026-06-11","\u003Cp>Где HR-команды чаще всего ошибаются при работе с корпоративным ИИ, почему из-за этого даже сильное решение начинает работать против компании и как выстроить процесс так, чтобы ИИ усиливал рекрутера\u003C\u002Fp>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fblogs\u002F250\u002Fpreview\u002F6d0df821c17246e568682f625a2bf0bec711e543.jpg",[],{"id":75,"order":4,"title":76,"slug":77,"publishedAt":78,"shortDescription":79,"previewImageUrl":80,"tags":81},247,"Штрафы за авторизацию через Google и Apple ID: кому грозят и что делать","google-apple-auth-fines","2026-06-10","\u003Ch2> \u003C\u002Fh2>","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fblogs\u002F247\u002Fpreview\u002Feb4d7ec37a740ed468a633cbdcd24c4cc27e2ad7.png",[],{"id":83,"order":84,"title":85,"slug":86,"publishedAt":87,"shortDescription":88,"previewImageUrl":89,"tags":90,"fullDescription":95,"ogImageUrl":89,"metaTitle":96,"metaDescription":97,"createdAt":98,"updatedAt":98},180,500,"Браузеры в браузере","cross-browser","2014-09-26","В процессе верстки шаблонов сайта всегда встает проблема кроссбраузерности. Да и некорректное отображение страницы в IE8 или в Chrome на iPad стало волновать уже практически каждого заказчика. В этой статье хотелось бы поделиться инструментом, который помогает нам в Студии тестировать шаблоны в разных операционных системах и браузерах быстро и легко.","https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Fnews\u002F180\u002Fpreview\u002F72a25a7619a32d3951bbb2ecff747067cb034b4d.jpg",[91],{"id":92,"name":93,"slug":94},26,"Процесс","process","\u003Cspan style=\"font-size: 12pt;\">В процессе верстки шаблонов сайта всегда встает проблема кроссбраузерности. Да и некорректное отображение страницы в IE8 или в Chrome на iPad стало волновать уже практически каждого заказчика. В этой статье хотелось бы поделиться инструментом, который помогает нам в Студии тестировать шаблоны в разных операционных системах и браузерах быстро и легко.\u003C\u002Fspan>\u003C!--more-->\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cspan style=\"font-size: 12pt;\">Стоит отметить, что с уменьшением доли использования устаревших версий браузеров, безусловно, верстать сайты стало легче. На смену пришли более W3C-соответствующие собратья. Казалось бы, достаточно сделать верстку, которая полностью соответствует стандартам, и проблема будет решена, но не тут-то было. Браузеры имеют разные движки, что может влиять на отображение разметки. А это в свою очередь разнообразный рендеринг шрифтов, отображение дробных значений «пикселей» и прочее. \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cspan style=\"font-size: 12pt;\">Помимо этого, отображение шаблона может зависеть и от операционных систем, и даже их версий. И в довершении всего рынок мобильных устройств развивается намного стремительнее, чем рынок десктопов. Учитывать нужно всё. \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cspan style=\"font-size: 12pt;\">Какое же должно быть рабочее окружение, чтобы сделать или проверить верстку сайта? Было бы идеально иметь все версии ОС с необходимыми браузерами. Для этого можно развернуть на компьютере виртуальную машину, установить все операционные системы, нужные браузеры, эмуляторы для мобильных устройств. Для отдельно взятого разработчика это не очень сложно, один раз потратить время на настройку, а потом пользоваться. Сомнения вызывает только, будет ли этот установленный набор полным. \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cbr>\n\u003Cspan style=\"font-size: 12pt;\"> \u003C\u002Fspan>\u003Cspan style=\"font-size: 12pt;\">Трудности также могут возникнуть у менеджеров, которые принимают и проверяют информацию по багам, или тестировщиков, которые необязательно должны знать и уметь работать в таком окружении. Кроме того, всем рано или поздно придется столкнуться с тем, что отдельные эмуляторы не могут дать 100% воспроизводимости отдельных ошибок верстки. Примерно год назад на глаза мне попалась \u003C\u002Fspan>\u003Ca href=\"http:\u002F\u002Fwww.smashingmagazine.com\u002F2011\u002F09\u002F02\u002Freliable-cross-browser-testing-part-1-internet-explorer\u002F\" target=\"_blank\" rel=\"nofollow\">\u003Cspan style=\"font-size: 12pt;\">статья с подробным обзором\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-size: 12pt;\"> вариантов тестирования верстки на кроссбраузерность. В ней в частности предлагается использовать для тестирования сервис \u003C\u002Fspan>\u003Ca href=\"http:\u002F\u002Fwww.browserstack.com\u002F\" target=\"_blank\" rel=\"nofollow\">\u003Cspan style=\"font-size: 12pt;\">BrowserStack.com\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"font-size: 12pt;\">. За умеренную плату пользователи получают в своем браузере, пожалуй, все браузеры под десктопы и мобильные устройства.\u003Cbr>\n\u003C\u002Fspan>\u003Cspan style=\"font-size: 12pt;\">\u003Cbr>\n\u003C\u002Fspan> \u003Cfigure class=\"img-shadow\">\u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F16879a79bb4c1bd2f65b70943b05b3ff107dbc2f.jpg\" alt=\"\"> \u003Cfigcaption>Перечень платформ и браузеров, доступных для тестирования\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cbr>\nУ этого сервиса, безусловно, есть аналоги, но его интерфейс показался нам очень удобным для взаимодействия. Сначала его использовали только frontend-разработчики, но вот уже полгода BrowserStack помогает всем: менеджерам, тестировщикам и даже программистам. \u003Cbr>\n\u003Cbr>\n\u003Cfigure class=\"img-shadow\">\u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F500909ae447ce26f22f826003bf0400456cefc13.jpg\" alt=\"\"> \u003Cfigcaption>Интерфейс сервиса тестирования\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cbr>\nВозможности сервиса описаны в этой \u003Ca href=\"http:\u002F\u002Fcode.tutsplus.com\u002Ftutorials\u002Fusing-browserstack-for-cross-browser-testing--net-35487\" target=\"_blank\" rel=\"nofollow\">статье\u003C\u002Fa> и на \u003Ca href=\"http:\u002F\u002Fwww.browserstack.com\u002F\" target=\"_blank\" rel=\"nofollow\">сайте самого сервиса\u003C\u002Fa>, а я хотел бы остановиться подробнее только на тех функциях, которыми мы пользуемся чаще всего в отдельных случаях.\n\u003Ch3>Возможность отловить неуловимый баг\u003C\u002Fh3>\n У нас часто возникают ситуации, когда в готовом проекте обнаружен баг только в одной отдельной версии браузера\u002FОС или на устройстве, которое не является самым популярным в Студии. Мы на своем рабочем компьютере заходим на страницу сервиса, в 3 клика выбираем устройство, версию ОС, версию браузера и запускаем удаленно виртуальную машину. Воспроизводим баг, чиним, а потом проверяем тем же способом, что все работает. \u003Cbr>\n\u003Cbr>\n\u003Cfigure class=\"img-shadow\">\u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F8e6276a6b82972f07dcc9ec84486d742e3c1a775.jpg\" alt=\"\"> \u003Cfigcaption>Выбор ОС и браузера для тестирования\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Ch3>\u003Cbr>\n\u003C\u002Fh3>\n\u003Ch3>Массовые автоматические скриншоты\u003C\u002Fh3>\n Чтобы проверить верстку шаблона сразу в нескольких версиях браузеров или на избранных устройствах, можно воспользоваться функцией автоматического создания скриншотов. Отмечаем требуемый набор, ждем, скачиваем архив готовых изображений. Очень экономит время на проверку, скриншот с ошибками можно сразу показать коллеге. \u003Cbr>\n\u003Cbr>\n\u003Cfigure class=\"img-shadow\">\u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F062f474007025853afb310d87e0b05950ba477f7.jpg\" alt=\"\"> \u003Cfigcaption>Массовые автоматические скриншоты\u003C\u002Ffigcaption>\u003C\u002Ffigure>\n\u003Ch3>\u003Cbr>\n\u003C\u002Fh3>\n\u003Ch3>Возможность проверить работу эмулятора или починить баг в виртуалке\u003C\u002Fh3>\n Конечно же, мы пользуемся в процессе работы не только BrowserStack, но и, например, встроенными режимами эмуляции в браузерах. Эмуляторы работают быстрее (не надо запускать виртуальную машину), но баги в них воспроизводятся не всегда, как я уже упоминал выше. Поэтому мы часто используем BrowserStack просто для проверки эмулятора. Если верстка в обоих местах выглядит одинаково, то можно спокойно использовать режим эмуляции. Если же верстка не совпадает, то можно провести отладку прямо на виртуальной машине с нужной средой. BrowserStack предоставляет браузеры с предустановленными панелями разработчиков (dev tools).\n\u003Ch3>Локальное тестирование\u003C\u002Fh3>\n Мы пользуемся этой функцией в проектах, к которым нет доступа по сети. Можно просто указать директорию и файлы для тестирования. Сервис сам создает виртуальный хостинг и отображает шаблон. Также можно просто указать ссылку на свой локальный сервер, если он есть. Функция локального тестирования полезна для верстки новых проектов. \u003Cbr>\n\u003Cbr>\n\u003Cfigure class=\"img-shadow\">\u003Cimg src=\"https:\u002F\u002Fa2a7be71-be8a-4951-a3b2-e244e2e9ee45.selstorage.ru\u002Ffiles\u002F88401e8b953d66dfba4c85b9269d30ee77f8f652.jpg\" alt=\"\"> \u003Cfigcaption>Окно настроек для локального тестирования\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cbr>\nПри всех преимуществах сервиса стоит учитывать, что он все-таки платный. Однако, система тарифов достаточно гибкая. Вам не придется платить сотни долларов, если сервисом будут пользоваться всего 3 человека, но при выборе младших тарифов вы получите функционал с ограничениями.\u003Cbr>\n \u003Cbr>\n Мы долго выбирали инструмент, который подошел бы всем сотрудникам Студии, участвующим в процессе. Мы довольны и можем порекомендовать BrowserStack коллегам и клиентам в качестве полезного решения некоторых проблем.\u003Cbr>\n \u003Cbr>\n Если у кого-то есть на примете более функциональный и удобный сервис для тестирования, мы будем рады его рассмотреть в качестве альтернативы. Пишите.\u003Cbr>\n \u003Cbr>\nP.S. Данная статья не является рекламой. Команда BrowserStack нам ничего не платила :)","Браузеры в браузере — SVK.Digital","Поделились инструментом, который помогает нам тестировать шаблоны в разных операционных системах и браузерах быстро и легко.","2026-05-15 07:37:57"]