pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Из-за чего теряется качество изображений на Facebook?

Лучший ответ: Это JPEG-а артефакты на второй пикче. Почему разница в качестве между первой и второй я не знаю, первая как будто даже PNG в отличии от пережатой второй.
Теоретически если у вас логотип в виде красного прямоугольника, то артефакты на краях логотипа можно попытаться уменьшить.
Внутрях жипега изображение представлено как один слой Яркости и два слоя Цветность-r и Цветность-b. Цветность хранится с размерами в половину ширины и высоты от всей фотографии. То есть цветность там с очень низким качеством.
Каждый слой разделён на блоки по 8x8 пикселей (реальный размер такого блока для цветности — 16x16 пикселей).
Артефакты сжатия из любого блока не влияют на его соседей. По этому можно попытаться выровнять логотип по сетке квадратов 16 на 16.
Красный квадрат не выровнен по сетке:
С выравниванием (настройка силы сжатия жипега та же самая):
Что бы такое работало нужно ещё файсбук не ресайзил загружаемые картинки. И заморачиваться с сеткой надо. В общем, сомневаюсь что помог =)

Худший ответ: Раньше помогало добавлять шум: небольшой, почти незаметный на глаз – он зато очень хорошо влиял на алгоритмы сжатия.
Вопрос: Какие паттерны могут спросить на собеседовании у C# ASP.NET разработчика?

Лучший ответ: Те, которые описаны в книге Паттерны проектирования на платформе .NET

Худший ответ: Сомневаюсь что Вы досконально понимаете первые 3 перечисленных Вами паттерна.
Вопрос: Какие видео-уроки по SQL лучше?

Лучший ответ: SQL от Технопарка очень грамотно сделан. особенно версия 2013 года

Худший ответ: Вот хорошие на YouTube
А ещё лучше:Изучаем SQL (лучшая) Освой самостоятельно SQL за 10 минутДля закрепления
Все есть в сети
Вопрос: Как вертикально выровнять блоки в сетке?

Лучший ответ: .video-setka .video {
  
   height:250px;
  overflow:hidden;
  }
Текст обрежется если очень большой.
Можно указать не ровно 250px а 248 к примеру, чтоб строчка не резалась пополам.
Еще можно применить .video-setka .video p {
	margin: 0;
   white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
чтоб текст  кончался точками ...

Худший ответ: Всего лишь нужно перестать бояться использовать flex:
добавляем 2 строки и все готово:display: flex;
flex-wrap: wrap;https://codepen.io/anon/pen/pQLzzJ
Вопрос: Нужна ли кнопка Закрыть в модальном окне?

Лучший ответ: отталкивайтесь от вашей аудитории. если ей 40+, то оставьте крестик, если меньше, можно попробовать убрать, но отображать его спустя 5-10 секунд, например

Худший ответ: но окно для того и сделано, чтобы привлечь внимание человека и хоть как-то, но простимулировать его к нужному действию
Это бред полнейший, каждый хочет сам решать, что ему делать, не надо навязывать, это один из худших подходов к продажам, почти что покушение на грабеж, будьте добры, оформите окно таким образом, чтобы оно успело донести нужную информацию и привлечь внимание, до того, как захотят закрыть, Артемия Лебедева почитайте.
Вопрос: Как перенаправить локальные запросы на внутренний ip?

Лучший ответ: 1. Обращаться к сайту не по доменному имени, а по внутреннему IP-адресу сервера.
2. Добавить в файл hosts доменное имя с внутренним IP.
3. Добавить на DNS-сервер зону для разрешения внешнего имени во внутренний IP-адрес.

Худший ответ: Эм. Не совсем понял. Может /etc/hosts?
Вопрос: Чем плоха привязка домена через A запись? Почему нужно использовать NS?

Лучший ответ: Объясню как знаю и умею
A запись - привязка домена с ip (test.com - 127.0.0.2)
CNAME - ярлык/ссылка на другую запись. Например при прописывании CNAME записи demo.test.com нужно будет указать запись на которую она ссылается (например test.com). В последующем изменив А запись test.com(указав другой адрес) он так же изменится и у demo.test.com
NS запись - адрес DNS сервера, который будет отвечать за сопоставление домена и ip. Т.е. было у вас настроено все записи на DNS сервере 127.0.0.3, а вы указали NS запись 127.0.0.4 и настроенные ранее записи стали не доступны (кроме случаев, когда NS сервера обмениваются между собой информацией о доменах)

Худший ответ: Ещё некоторые просят A запись + CNAME.
Хочу понять что надёжнее.
Вопрос: Можно ли заработать школьнику на создании сайтов? Как?

Лучший ответ: Зря вы недооцениваете сайт для мамы/папы по работе. У мамы и папы есть друзья, у тех могут быть дети постарше и родственники, которым нужен простой сайт не за дорого. И если со знаниями у вас всё действительно хорошо, можно получить 5-10 работ в портфолио, чего достаточно для запуска сарафанного радио.

Худший ответ: Портфолио пригодится.
Знание html & js & css 
Если на хостинг нет денег, то выложить  можно бесплатно через https://pages.github.com/
За одно и в профиле на гитхабе это будет.
Знание php можно продемонстрировать на том же гитхабе.
Это не принесет прямых денег/заказов, но поможет в трудоустройстве в веб-студию.
Вопрос: Изучение React или Angular?

Лучший ответ: Angular 1, он же AngularJS  - это устаревшая версия, не совместимая с другими
Angular (он же Angular 2, его более новая версия Angular 4 и ожидаемые Angular 5 и 6) это современная версия, по сути большой фреймворк. Ориентирован на Enterprise-приложения, но может использоваться и в других видах проектов. Из плюсов - строгая типизация(Typescript), много всяких удобных средств для решения проблем доступно сразу, из коробки.  Из минусов - достаточно большой размер бандла, но есть техники, как сделать его очень маленьким, а также не самые лучшие StackTrace при отладке. Активно разрабатывается и достаточно популярен.
React - это не фреймворк, а по сути просто библиотека для работы с ui. Поэтому при работе с ней часто используются другие библиотеки, Redux, Flux, Mobx, Redux-Saga и другие. Из плюсов - высокая скорость рендеринга, популярность. Из минусов - необходимость поддержки зоопарка библиотек для приложения, многое не доступно и придется искать по просторам сети в поисках нужного пакета. Еще из минусов(но это очень субьективный минус) - JSX, и писанина HTML внутри js, что напоминает о не лучшем прошлом с php. 
Vuejs  - более легковесна, чем react c его зверинцем или огромный angular, самая маленькая и очень быстрая. 
Также поддерживает компонентный подход. Шаблоны больше похожи на Angular, чем на React. Пока еще не популярна так сильно, как другие 2, но это скоро поменяется.
Все 3 предназначены для решения одной задачи, а выбор между ними часто субьективен. Каждая из библиотек в чем то хороша, а в чем то нет.

Худший ответ: слышал, что Angular позволяет делать большее в огромных проектах
Говорят, в Москве кур доЯт.
Во-первых, делать большее позволяет голова, а не мантры "Angular-Angular-Angular".
Во-вторых, вам до "огромных проектов" как до Китая в неудобной позе.
В-третьих, Ангуляров - два, и второй (он же 4-й) почти никому не нужен, а 1-й даже самими его разработчиками признан неудачным.
В-четвёртых, если работодатель/заказчик не хочет Vue, который на сегодня однозначно лучше и React-a, и Angular-а - стоит ли идти к такому работодателю?Более аргументированно тут.
Вопрос: Инвайт за перевод в песочнице?

Лучший ответ: С технической точки зрения в Песочницу можно писать всё что угодно, на то она и Песочница. Главное не забудьте указать в теле перевода кто автор оригинала (тут надо указать имя автора оригинального текста) и ссылку на оригинал (URL страницы оригинала). Но, важно понимать, что, на практике, вероятность получения инвайта за перевод довольно мала, поскольку перевод не в полной мере отражает индивидуальность автора, а участники и модераторы сообщества стараются выбирать приглашаемых осмотрительно, ведь в профиле приглашенного всегда отображается указание на то, от кого он получил свое приглашение.

Худший ответ: Раньше в правилах было четко прописано, что материал должен быть авторским, а не переводом. Сейчас хз
Вопрос: Как синхронизировать репозиторий через облачные хранилища (Google Drive, Dropbox, etc)?

Лучший ответ: Правильный ответ - никак. Синхронизируйте репозиторий через удаленный сервер с этим самым репозиторием. И не изобретайте себе геммороя.

Худший ответ: Этот вопрос — прекрасная иллюстрация того, какие только костыли готовы изобрести адепты Mercurial, только чтобы не пользоваться удобным и логичным Git. В Git синхронизация между разными рабочими компами это привычный и предельно простой процесс, использование облака тут выглядит бредово.

Разница идеологий. Если Git это инструмент, помогающий создавать качественный код, то Mercurial является лишь инструментом фиксации уже готовой работы и эту самую работу над кодом лишь усложняет. А если какой-то мусор попал в репозиторий, то это навечно. Придётся смириться со случайно закоммиченным тяжелым файлом и заставить скачивать его всем коллегам, так как история «священна» и не подлежит переписыванию.
Вопрос: Есть дамп непонятный. Как его привести в человеческий вид?

Лучший ответ: Как его в человеческий вид переделать ? 
Никита Терновой, как-то так: cat dump | xxd -r > dump.exe

Худший ответ: у меня сработало cat dump | xxd -r > dump.exe.
Вопрос: Какой выбрать VPS Xen или OpenVZ, что меньше расходывает ресурсы?

Лучший ответ: OpenVZ - это контейнеризация по сути.
Там накладных расходов меньше.
Но - где вы сейчас раздабудите актуальную версию OpenVZ?
Разве что Virtuozzo. Но она коммерческая - платная.
По памяти у них у всех небольшая разница.
Разница побольше между ними - только по процессору, а не по памяти. По памяти - там ерундовая разница
На сегодня и Xen и OpenVZ - не актуальны.
KVM - стандарт де-факто.

Худший ответ: Технологии подбираются под задачи. Для веба например OVZ вполне сгодится и ресурсами управлять проще.
Вопрос: Как получить данные элемента ListView?

Лучший ответ: Ну просто кастуйте (Map<String, *что у вас там*>)adapter.getItem(position) А из мапы уже по ключу вытаскивайте. 
P.S.И вообще, все эти Simple/Array адаптеры - профанация. Делайте свой нормальный адаптер. А лучше возьмите RecyclerView и делайте с помощью него.

Худший ответ: ListView уже устарел и им не рекомендуется пользоваться. Используй RecyclerView, а внутри ViewHolder установи слушатели на нужные элементы и отправляй события с помощью EventBus. Внутри адаптера напиши метод, который будет отдавать нужный элемент из массива. Позиция элемента равна позиции объекта в массиве.
Вопрос: Как сделать доступ к единому корпоративному ящику для нескольких пользователей (с разными правами)?

Лучший ответ: Вместо ящика сделайте группу рассылки, чтобы при поступлении письма на этот адрес, оно рассылалось на конкретные почтовые ящики.
Если пароль гуляет по рукам, предупредите и смените пароль.

Худший ответ: ну как вариант можно сделать один ящик куда идут письма , а остальным настроить сбор почты с ящика просто, без удаления оригинала.
Я себе так собираю почту с 5 ящиков в один на gmail , но я оригиналы удаляю , а вам просто надо их хранить на основном чтоб можно было тянуть остальным людям
Вопрос: Как строковый массив преобразовать в числовой?

Лучший ответ: Строковый массив, а не строчный.var positionArr = ['1', '2', '3.1', '4.5'];
var result = positionArr.map(parseFloat);
console.log( 'result is', result);

Худший ответ: Вот так:var a = ["1", "2", "3"];
var b = a.map(function (item) {
	return parseFloat(item);
});

console.log(b); // [1, 2, 3]
Вопрос: Триггер на изменение данных?

Лучший ответ: Триггер не нужен, mysql умеет самостоятельно такое делать. ON UPDATE CURRENT_TIMESTAMP в объявлении колонки.
https://dev.mysql.com/doc/refman/5.7/en/timestamp-...

Худший ответ: что-то типа такогоCREATE TRIGGER `edit_record` 
BEFORE UPDATE ON `tablename` 
FOR EACH ROW SET new.updateTime = CURRENT_TIMESTAMP();
Вопрос: Параметры vs Аргументы в ф-ции?

Лучший ответ: Пара́метр в программировании — принятый функцией аргумент. Термин «аргумент» подразумевает, что конкретно и какой конкретной функции было передано, а параметр — в каком качестве функция применила это принятое. То есть вызывающий код передает аргумент в параметр, который определен в члене спецификации функции.
https://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D1%80%D...
Объясняю на пальцах:function sayHello(имя, фамилия) {
  return "Hello " + имя + ' ' + фамилия;
}

sayHello('Гадя', 'Петрович');
"гадя" и "петрович" - аргументы.
"имя" и "фамилия" - параметры.

Худший ответ: Все именно так, как вы написали. Пока что не заморачивайте себе этим голову.
При описании функции используются параметры, они будто бы внутренние переменные функции (условно так и есть).
А вот уже при ИСПОЛЬЗОВАНИИ функции на место абстрактных параметров вы передаете конкретные данные, которые называются аргументами.
То есть, параметр и аргумент взаимосвязаны между собой.
Еще одна попытка объяснить это: https://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D1%80%D...
Вопрос: Может ли возникнуть проблема с моим доменом, если внезапно другая компания использует схожее название?

Лучший ответ: Вопрос 1: могут ли они обратиться в суд (понятно что могут, но могут ли выиграть), потребовав закрытия моего домена? Могут, оперируя такой категорией как "сходство до степени смешения", на Хабре есть замечательный обзор примеров таких разбирательств: https://habrahabr.ru/post/180235/если я быстро замучу ООО с названием "X1 Аааа", могу ли я обратиться в суд, чтобы они убрали свой домен из ru-зоны?Можете. Не обязательно даже ООО, можно создать ИП и зарегистрировать доменное имя как ТЗ.

Худший ответ: Может
Вопрос: Как вывести два одинаковых калькулятора, чтобы они не зависели друг от друга?

Лучший ответ: Переписать его так, чтобы он искал не первые попавшиеся элементы на странице, а внутри нужного блока.

Худший ответ: Заворачиваем код в $('.calculator').each, вместо поиска элементов по всему документу ограничиваемся текущим .calculator. Как-то так.
Вопрос: Где найти программу для учета компьютерной техники?

Лучший ответ: 10-Strike
Не знаю, кто придумал им столь странное название, но программа замечательная. Коммерческая, стоимость лицензии зависит от числа компов в базе. Российская, разраб - вполне адекватный чувак.

Худший ответ: Я как то FPinger использовал, но насчет проца он врет иногда.
Вопрос: 3D моделирование. С чего начать?

Лучший ответ: blender3d.com.ua/blender-basics
blender3d.com.ua
Есть бесплатно, очень качественные уроки.
Базовый курс можно за неделю по вечерам пройти.
Этого хватит что бы делать простые модели любого вида по фотографиям + анимация + текстуры.
Если цель - работа, то после прохождения основ можно взяться за коммерческие продукты, спрос на которые увидишь по вакансиям в требованиях, это будет лучший показатель.

Худший ответ: Не забудь про cgpersia, регистрируйся и качай, выполняешь tutorial и вот тебе практика, а потом как наберешься знаний сам себе ставишь задачу. Начиная с определенного уровня знаний программы, тебе становится всё равно в какой программе выполняется урок (таким образом можно узнать всякие "фишки и трюки" которые не нужны, пока нет базовых знаний ПО).  Также не забывайте про Zbrush/Mudbox/Blender для скульптинга (это если цель сложные объекты или органика), для ретопологии (уменьшения кол-ва полигонов) подойдут 3dCoat, Topogun, но можно и в 3dsMax/Maya/Blender делать, для текстурирования Photoshop/Substance Pianter/Quixel Suite. В рабочих вакансиях больше востребованы 3dsMax/Maya, хотя недавно видел вакансию по Blender. 
P.S. Также не забывайте про великий и могучий Youtube на нем можно найти почти все.
Полезные ссылки:
www.digitaltutors.com/11/tutor.php?id=213788
все серии Professional Tips for Modeling Complex Shapes, обязательны к изучению и просмотру! Это поможет понять столь непонятный многим аспект моделирования, как топология.
https://cloud.blender.org/p/blenderella/
база по моделированию/скульптингу/текстурованию персонажа в Blender
https://store.blender.org/product/character-creati...
база по моделированию/текстурованию/анимации персонажа в Blender
www.render.ru сайт, где тусуются 3dшники
Вопрос: Как по кнопке формы обновить страницу, а потом передать post запросом данные?

Лучший ответ: 1) сохранить данные формы в своих полях. тут поможет localstorage и руки или jquery плагин 
2) это повесить на нажатие кнопки которая должна отправлять location.reload();
3) потом после перезагрузки ( снова тут localstorage применяем ) имитируем клик по невидимой кнопке реальной отправки. имитация $("по какому будем кликать").target("click")

Худший ответ: перед отправкой данных обновите страницу, только данные потеряются, поэтому их надо сохранить перед обновлением, в чем проблема то?
Вопрос: Стандарты разработки GUI?

Лучший ответ: MVC, MVP, MVVM - это базовые архитектурные паттерны для разделения логики и дизайна.
Про стандарты разработки GUI вам никто не скажет- их просто нет.
Для большей информации есть гугл. 
Разбирайтесь с примерами, что не ясно - спрашивайте в отдельном вопросе.

Худший ответ: https://cours.etsmtl.ca/gpa789/pdf/OfficialGUI.pdf - это под windows ("Official Guidelines for User Interface Developers and Designers")
Вопрос: Одновременная разработка android + ios?

Лучший ответ: Имеет смысл сделать личные проекты для портфолио.
Разработка под две основные мобильные ОС - большой плюс.

Худший ответ: хорошо реагируют
Вопрос: Как научиться делать клевые headerы?

Лучший ответ: есть отличные генераторы хидеров - "веб-дизайнеры"

Худший ответ: вариантов хедоров уйма, и необязательно он должен быть красивым, чтоб просто "вау"
важно сохранить функциональность
Вопрос: Слеш в каноникале, но нету слеша в сайтмапе — ок?

Лучший ответ: Я так понял со слешем это правильнее, с чего бы?
Зависит от ситуации:http://example.com/movies/ - это раздел (директория), правильнее со слешем, но ничего не взорвется и без него (если сервер настроен соответствующе)http://example.com/robots.txt/ - будет 404, т.к. это файл.
Google Webmaster Central Blog
Official news on crawling and indexing sites for the Google index
https://webmasters.googleblog.com/2010/04/to-slash...

Худший ответ: Конечно переписать
Вопрос: Как работать с GIT в команде?

Лучший ответ: все просто, почитайте про git flow 
если сильно упрощая, команда предпологает командную работу, тоесть вы взаимодействуете между собой, вы не должны дублировать работу друг друга
1. в мастере всегда рабочий код который можно собрать и выпустить в релиз
2. работа ведется в dev, но и в   dev код всегда рабочий, тоесть не падает
3. у вас у всех в команде есть задачи, не должно быть так что пили от сюда и до обеда, почти все менеджеры задач присваивают задаче какой то индификатор, выработайте соглашение о том как называть ветку и комит
3.1 взяли свою задачу, сделлали ветку от  dev и назвали как то адеватно, например task_id/short_task_description ( тут у каждого свое представление о прекрасном, но имя ветки должно позволять быстро найти задачу и вретце давать предстовление о том что делает эта ветка)
3.2 после того как сделали свою задачу, проверили что ваш код ничего не ломает, при необходимости смержились (пока вы работали кто то уже мог что то добавить в dev,  заботится о том чтобы   пул реквест ничего не сломал задача автора пул реквеста)
3.3 делаете пул реквест и вешаете его на члена вашей команды чтобы он сделал ревью и смержил ваш код с веткой dev (вы тже должны делать ревью чужих пул ревестов, так вся команда пимрено будет представлять что творится в коде и по возмжности минимизирует количество костылей в коде)
как бы все, если вкратце то работу с  git можно свести к такой последовательнсти действий 1) Если я скопирую репозиторий себе, сделаю правки (а в это время другой программист тоже поправит код и сделает комит), то что будет?
ничего, пока он не сделает пушь все остается у него локально 2) Перед комитом приходится писать git add *. Может есть ключ для comit чтобы не прописывать команду каждый раз.
вкусовщина, я вообще оченьмало взаимодействую с консолью, не потмоу что это сложно, мне просто удонее и быстрее использовать горячие клавиши продкутов jetbrains 3) Если я начну работать в студии в парке репозитория, то та создаст много файлов. Как из не записывать в репозиторий?
настройте .gitignore файл

Худший ответ: На винде рекомендую начать с TortoiseGit. Он позволит работать с git без использования командной строки. Когда поймете как работает гит, можно приступить к изучению команд.
Вопрос: Бесплатная версия PhpStorm?

Лучший ответ: Короче, приобрёл. Не жалею.

Худший ответ: Есть бесплатное ПО для студентов
https://www.jetbrains.com/student/
Вопрос: Как избавиться от меню Grub?

Лучший ответ: Всё верно, нужно править конфиг grub.
Зайдите в терминал (Ctrl+Alt+t), выполните команду:
sudo nano /etc/default/grub
Откроется текстовый файл с настройками, там найдите параметр:
GRUB_TIMEOUT
Измените его значение на 1, сохранитесь и выйдите (Crtl+o, Ctrl+x)
Выполните в терминале команду:
sudo update-grub

Худший ответ: Правьте таймаут в /etc/default/grub
Вопрос: Как реализовать в фотошопе данную иллюстрацию?

Лучший ответ: Картинка травы, картинка бумаги, в бумаге "режем" дырку, делаем тень, под низ кладем листья. Листья которые должны торчать или отбрасывать тень вырезаем в отдельный слой. кладем поверх слоя бумаги, настраиваем тени. 
Чуть не забыл, снизу пишем гельветикой текст.

Худший ответ: Сажаете мяту, ждете пока вырастет (можно и в магазине купить, но это не спортивно). В это время можно подготовить лист бумаги с текстом и поиграться с освещением используя другие листья. Когда мята вырастет собираете листья, размещаете похожим образом и фотографируете.
Чуть не забыл, открываете получившийся снимок в фотошопе.
;)
Вопрос: Как выбраться из теоретика?

Лучший ответ: Пишите код.

Худший ответ: У вас просто не хватает сообразалки вот и все.
Как решить?
Только путём кодинга. Посылайте свое резюме, если оно хорошее то будут кидать вам таски, вот на них и практикуйтесь (мб еще и с работой повезет). Возьмите сделайте что-то по туториалу, а потом сами перепишите.  Кароч все сводится к одному - садитесь и пишите код. Только так можно выбраться. Ну и решайте конечно же логические задачки, учите алгоритмы, практикуйте.
P.S Мне не нравится codewars, лучше попробуйте https://leetcode.com/
Вопрос: Wordpress: почему не выводится контент записи в шаблоне?

Лучший ответ: Надо так<?php
/*
Template Name: Общий шаблон для вывода контента
*/
?>
<?php get_header();?>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

/* Вот тут должно выводиться то, что у меня в поле контента страницы, но не выводится: */
<?php the_content(); ?>

<?php endwhile; else: ?>

<p>Не найдено записей по вашему запросу</p>

<?php endif; ?>

<?php get_footer(); ?>

Худший ответ: Что может быть не так?
Нет же цикла.
Ну ты хоть бы в любой теме посмотрел на page.php
Вопрос: Какие есть примеры архитектуры бд в которых у каждого пользователя отдельная база данных?

Лучший ответ: Нужно чтобы у каждого пользователя была как бы отдельная база данных.Дело в том что у каждого пользователя будет свой словарь и еще некоторые данные.
Между предложениями нет никакой связи, уж тем более причинно-следственной.
Для начала ответьте, по каким соображениям вы решили отбросить обычную нормальную форму (это технический термин) с добавлением к сущностям поля со ссылкой на владельца.

Худший ответ: Нет таких архитектур. Потому что НЕЗАЧЕМ.
Кроме разве что соображений сверхсекретности данных каждого пользователя, когда служба безопасности вашего предприятия будет принципиально настаивать на разделении баз.
Штатно это делается просто дополнительным полем - ID пользователя - по нему фильтруются все данные при выдаче пользователю из общих для всех таблиц. Чужих данных получить невозможно.
Вопрос: Как сделать множество SQL запросов к результату выборки одного?

Лучший ответ: сохраняйте его в темп таблицу и используйте сколько угодно раз до закрытия соединения

Худший ответ: Возможно, подойдет MATERIALIZED VIEW
Вопрос: Как показывать стиль элемента в обычной версии сайта, а в мобильной не показывать?

Лучший ответ: Внизу css-файла пишем : @media (max-width: мобильная-ширина-экрана px) {
  .ar1 {
    ///тут любые стили, они перекроют стандартные
  }
}
И читать про media-запросы. Без этого вообще никак.

Худший ответ: в медиа запросах обнули стили ar1