10 лучших сайтов университетов и школ

Замените «мы» и «наш» на «вы» и «ваш»

Желая произвести впечатление на потенциальных клиентов, при создании текстов для сайта многие попадают в опасную ловушку самолюбования. «Мы лидеры в отрасли N…», «Наши преимущества включают…» и т. д. И таких примеров можно привести очень много.

Дело в том, что те, кто нуждается в ваших услугах, хотят, чтобы вы поняли именно их потребности и предложили решение. Поэтому сведите к минимуму упоминание «мы» и «наш», заменив их на «вы» и «ваш».

На примере кейсов, направленных на клиентов, заинтересованные пользователи могут видеть, как вы решаете проблемы и помогаете своим заказчикам на практике.

Такое изменение на первый взгляд может показаться совсем незначительным, но подсознательно это оказывает ощутимое влияние на то, как люди воспринимают вас и ваш бизнес.

Брутальный веб-дизайн

Стиль брутализма в веб-дизайне достаточно многообразен. По сути это незавершенный дизайн и воплощение идеи минималистического контраста. Многих привлекает бруталистская эстетика: гранж, неотесанность, аскетизм. Есть мнение, что в определенных нишах брутальный веб-дизайн повышает конверсию сайта.

Стиль брутализм применяемый в веб-дизайнах:

gift.gucci.com – интерес к брутализму проявляют не только в веб дизайнерской среде: звездный бренд применяет не ради забавы

balenciaga.com – этот вид Web брутализма критик назвал минимализмом на стероидах (к примеру, mahzedahrbakery.com уже выглядит простым минималистичным сайтом)

Градиенты 2.0

Ультра-минимализм долгое время доминировал в веб-дизайне. Стремясь максимально упростить и уменьшить всё визуально, дизайнеры «вырезали» всё лишнее, оставляя только самое необходимое. Благодаря этому все интерфейсы и продукты стали похожими, без окраски и с большим количеством пустого пространства. Но в 2018 году всем это наскучило, и на смену минимализму пришли градиенты, которые стали очень популярны. Добавляя глубину макетам, они делают их более сочными и привлекательными, а также позволяют использовать фирменные цвета бренда.

В 2020 году градиенты перешли на качественно новый уровень. Они могут быть как едва различимыми, с использованием приглушенных цветов, так и яркими, сочными. Основная особенность новых градиентов — это простота и использование одного или максимум двух оттенков.

Градиенты являются прекрасным средством для создания уникального графического дизайна: их можно использовать в оформлении фона, фильтра для изображений или в качестве акцента для отдельных элементов, например кнопок. Использование градиента в оформлении фона пользовательского интерфейса, создает завораживающую глубину, которая сразу запоминается в памяти. Еще один плюс такого оформления: градиенты всегда хорошо и одинаково смотрятся на всех устройствах и экранах, включая смартфоны.

Рекомендации по общению

Регистрируясь на бесплатном сайте знакомств, вы входите в сообщество людей, которые ищут партнёров с разными целями. Поэтому в своей анкете обозначьте цель, которую вы поставили. Опишите свою ситуацию короткой фразой, например «Хочу познакомиться с мужчиной для брака». Это отсеет претендентов, которым нужны интимные услуги или просто дружеские беседы.

На бесплатных сервисах для знакомств нужно соблюдать некоторые правила общения и этикета. 

Выставляйте настоящие фотографии, без усиленной обработки фоторедакторами – возможно, вам предложат поговорить посредством видеосвязи, и обман раскроется.
Обращайте внимание на пользователей со статусом ВИП или Премиум. Они платят деньги, значит не просто пришли на этот сайт, намерения у них серьезные.
Будьте вежливы в общении

Культурная речь без слов-паразитов покажет ваш интеллектуальный уровень, облегчит понимание. 
Обращайтесь в службу поддержки – никто не застрахован от хамов, ботов или мошенников. В интернет-пространстве они также встречаются. Если вам пишут оскорбительные сообщения, или вымогают деньги, обращайтесь письменно в техподдержку. Так вы обезопасите себя и других пользователей.

И помните, что в личной переписке ненужно давать данные своих финансовых инструментов, электронных кошельков, банковских карточек, тем более пин-коды от них. Будьте внимательны, ваша безопасность во многом зависит от вашей бдительности.

Концепт — как усилить защиту паролей «12345» от bruteforce атаки (попытка вторая)

Updated: .
Всегда хотелось, чтобы хакер не мог взломать перебором чужой пароль на сайте.
Например, если пользователь похвастается хакеру, что его пароль состоит только из цифр, то скоро пользователь потеряет свой аккаунт.
А как быть, если пользователь сообщил по телефону свой пароль жене, а хакер его услышал?
Что?! Хакер знает пароль? Все, это фиаско. Можно ли помочь такому пользователю усложнить угон его аккаунта? Меня всегда волновал этот вопрос и, кажется, я нашел способ как это сделать. Или переоткрыл его, как это часто бывает. Ведь все уже давно придумано до нас.

Вводная

• Пользователь хочет на сайте иметь пароль «12345».
• Хакер может легко подобрать этот пароль.
• Но пользователь должен войти, а хакер нет. Даже если логин и пароль хакеру известны.
• и никаких SMS с секретными кодами и посредниками в виде дополнительных сервисов. Только пользователь и ваш сайт со страницей логина.
• а еще можно будет сравнительно безопасно в троллейбусе сказать своей жене: «Галя, я на сайте site для нашего логина alice поменял пароль на 123456 — говорят, он более популярный, чем наш 12345». И не бояться, что аккаунт взломают за секунду.

Как работает метод? Вся конкретика — под катом.

Ритм

Еще один верный метод быстро добавить стильности своему аккаунту – это опираться на ритм. Необязательно даже создавать сложный дизайн постов в Инстаграм. Сделайте два типа визуалов: один – цветовое пятно, второй – более фотографический, и располагайте их в шахматном порядке. Чтобы не запутаться, можете заранее разместить черновики в SMMplanner и публиковать через отложку.

Если у вас упор на текстовый контент, то излишний визуал может перегружать аккаунт. Любители чистого дизайна и минимализма могут последовать примеру блогера Татьяны Никоновой. У нее всего 6 вариантов цветных рамок, а остальное составляют ее личные фото. Однако к Татьяне в аккаунт приходят не столько смотреть, сколько читать. И такой подход позволяет выделиться на фоне остальных и быстро сориентировать посетителя, о чем блог.

Instagram @nikonova.online

Или посмотрите, как этот прием применяет Яндекс Такси. Они используют фирменный желтый цвет и шахматную раскладку. Но при этом дополняют визуал фото, скетчами, 3D-графикой как на желтых клетках, так и на белых. Это создает целостность картинки, но при этом придает и свежесть, ведь сложно предугадать, что же будет дальше.

Instagram @yandex.taxi

Подробности об использовании CSS-функции minmax() в Grid-макетах

Перевод

Существует множество руководств, в которых рассматриваются общие вопросы работы с CSS Grid, с механизмом, позволяющим создавать сеточные макеты. Я и сам немало об этом писал

Но я обратил внимание на то, что у многих разработчиков возникают сложности с использованием CSS-функции. Пожалуй, дело тут в том, что большинство существующих публикаций на эту тему либо не вдаются в детали, либо не включают в себя достаточного количества пояснений и примеров из реального мира

А — это очень мощная и полезная функция. Именно по этой причине я и решил написать данную статью. Это — нечто вроде «полного руководства по », задача которого — дать читателям то, чего не дают им другие публикации на эту тему.
Здесь мы в подробностях обсудим возможности функции в применении к сеточным макетам, поговорим о том, как, когда и почему ей стоит пользоваться. Тот, кто проработает эту статью, сможет полноценно и со знанием дела применять эту функцию в своих проектах.

10 самых красивых сайтов в Мире

1) rainforest.arkivert.no

Этот сайт сделан в виде 3D панорамы, что позволяет его выделить среди аналогичных площадок схожей тематики. Мягкие цвета и не загроможденный дизайн заставляют как можно дольше задержаться на этих страницах.

2) www.gruny.net

Очень красивый блог на движке WordPress. Именно к такому красочному дизайну (шапке блога) должен стремиться каждый.

3) www.sensisoft.com

Очень мощный сайт. Навигация по сайту выполнена в виде «афишной тумбы». Нажимая на стрелочки внизу, вы будите путешествовать по всему миру. Окажетесь даже на Красной площади.

4) houseofborel.com

Этот проект меня зацепил тем, что шапка на главной странице создана из приветственного видео, раскрывающего тематику сайта.

5) cpeople.ru

Креативное агентство, входящее в десятку лучших агентств России.

6) www.2advanced.com

Мне понравилась загрузка самого сайта, выполненная в виде процентов. Сам сайт посвящен гаджетам продукции Apple.

7) saizenmedia.com

Еще одно креативное агентство. Потрясающая детализированная графика.

8) www.gnosh.co.uk

Необычный кулинарный блог G’NOSH одного из ресторанов Великобритании.

9) www.macaronibros.com

Дизайн говорит о том, что здесь будет что-то про еду, но на самом деле это визитка одной из популярнейших компаний по веб-дизайну, графике, видео и других творческих течений.

10) quakequizsf.org

Это интернет-симулятор землетрясений. Обучает взрослых и детей правилам поведения во время природной стихии. Скажу честно, но я так и не смог понять, как он работает.

Брифинг

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

• Чем занимается компания?
• Какое целевое назначение сайта для бизнеса (для осуществления продаж, генерации лидов, информирования или укрепления бренда и прочее)?
• Кто целевая аудитория сайта (какие социально-демографические характеристики, стиль жизни, что их мотивирует и расстраивает)?
• Есть ли у заказчика понимание или видение того, какую функциональность должен обеспечивать сайт?
• Какую задачу или «боль» пользователя решает компания посредством сайта?
• Имеется ли брендбук или фирменный стиль?
• Кого компания считает своими конкурентами?
• Какие сайты с точки зрения дизайна (референсы) нравятся?

Конечно, когда заказчик даёт вам готовый и качественно прописанный брендбук, ваша задача — просто разобраться с ним (какие цвета, какие шрифты, какого рода будут картинки, фотографии и даже композиция). По сути, визуальный стиль сайта уже сделали за тебя, осталось спроектировать, грамотно всё расположить и сверстать. А вот если брендбука нет, то подбор шрифтов, цветов, да и визуального стиля в целом ложится на ваши плечи. Если, конечно, заказчик не приложил к ТЗ дизайнера. Но не стоит паниковать, разделите слона на части и действуйте пошагово.

Как начать использовать PWA в современных сайтах

Разработка современных сайтов с WordPress

Как я писал ранее о преимуществах WordPess, продолжаю о том же — выбирайте его. Современные сайты с технологией PWA уже доступны и работают на этой cms. Да, как не странно звучит, на бесплатной системе есть такая возможность. Рассмотрим один из бесплатных плагинов реализующих Progressive Web Apps .

Плагин Super Progressive Web Apps

Super Progressive Web Apps
Progressive Web Apps (PWA) — это новая технология, объединяющая лучшие мобильные сайты и лучшие мобильные приложения для создания превосходного мобильного веб-интерфейса. Они устанавливаются на телефоне, как обычное приложение (веб-приложение), и могут быть доступны с главного экрана.

Пользователи могут вернуться на ваш сайт, запустив приложение со своего домашнего экрана и взаимодействуя с вашим сайтом через приложение-интерфейс. Ваши посетители, будут запускать его почти мгновенное и наслаждаться отличными преимуществами вашей PWA!

После установки SuperPWA пользователи, просматривающие ваш сайт с мобильного устройства, увидят уведомление «Добавить на главный экран» (внизу экрана) и смогут «установить ваш сайт» на главном экране своего устройства. Каждая посещаемая страница хранится локально на этом устройстве и будет доступна для чтения, даже если  находится в автономном режиме!

SuperPWA прост в настройке, для установки прогрессивного веб-приложения требуется менее минуты. SuperPWA делает чистую деинсталляцию, удаляя каждую запись и файл базы данных, которые она создает. Фактически, ни одна из настроек по умолчанию не сохраняется в базе данных, пока вы не сохраните ее вручную в первый раз. Попробуйте.

Что в коробке

Вот текущие функции Super Progressive Web Apps:

• Установка иконки для вашего прогрессивного веб-приложения.
• Установите цвет фона для заставки вашего прогрессивного веб-приложения.
• На вашем веб-сайте будет отображаться уведомление «Добавить на главный экран» при обращении к нему в браузере.
• Агрессивное кэширование страниц с использованием CacheStorage API.
• Страницы, которые когда-то были кэшированы, обслуживаются, даже если пользователь находится в автономном режиме.
• Задайте настраиваемую автономную страницу: если вы хотите выдать её пользователю, а её нет в кэше, и она будет доступна, даже когда пользователь находится в автономном режиме.
• Поддержка тематического цвета.
• Теперь вы можете редактировать имя приложения и краткое описание.
• Установите стартовую страницу вашего PWA.
• Установка ускоренной версии мобильных страниц (AMP) в качестве начальной страницы.
• Поддерживаемые плагины: AMP для WordPress, AMP для WP, Better AMP, AMP Supremacy, WP AMP.
• Добавлена ​​поддержка высококачественной заставки.
• Теперь вы можете установить значок 512px × 512px для заставки вашего прогрессивного веб-приложения.
• Super Progressive Web Apps теперь учитывает обновления содержимого и обновляет кеш при обновлении веб-сайта.
• Улучшена обработка обновлений рабочего стола в браузере.
• Теперь вы можете установить ориентацию вашего PWA по умолчанию. Выберите «Любые» («Ориентация на устройство»), «Портрет» или «Пейзаж».
• Теперь вы можете установить свойство theme_color в манифесте.
• Интеграция OneSignal для Push-уведомлений.
• Совместимость с многопользовательской сетью WordPress.

Как преобразовать ваш сайт WordPress в прогрессивное веб-приложение

Установка в WordPress

Установка в WordPress в пять шагов:

1. Зайдите WordPress Admin
2. Плагины
3. Добавить новый
4. В строке Поиска напишите: «PWA»
5. Нажмите «Установить», а затем «Активировать»

Чтобы установить вручную:

1. Загрузите папку Super Progressive Web Apps в каталог / wp-content / plugins / на вашем сервере
2. Перейти к WordPress Admin> Плагины
3. Активируйте плагин Super Progressive Web Apps из списка.

Что могут современные сайты с технологией PWA?

Современные сайты с Progressive Web Apps (PWA)могут конвертировать сайт в мобильное приложение. В момент посещения такого сайта, с мобильного устройства браузер предлагает всплывающее сообщение «ДОБАВИТЬ НА ГЛАВНЫЙ ЭКРАН» и если пользователь соглашается, то в фоновом режиме происходит установка сайта как приложения. С этого момента сайт в интернете остается сайтом, а на мобильном устройстве это мобильное приложение.

всплывающее сообщение «ДОБАВИТЬ НА ГЛАВНЫЙ ЭКРАН»

Нет, я не ошибся. Теперь сайт становится именно мобильным приложением со всеми его фичами и преимуществами. Не правда ли это очень круто! Заметьте такой момент, нам не нужно ходить в специальный магазин мобильных приложений App Store или Google Play, мы делаем прямую установку- что намного круче.

Добавлена иконка приложения

Есть ли ограничения у такого приложения? Абсолютно нет! Ограничения могут быть только в функционале, но это зависит нет от самого приложения, а от функционала который в него заложен. Далее мы коснемся ресурсов создания и внедрения Progressive Web Apps на сайты.

Установленное приложение
Внимание. Современный сайт с технологией Progressive Web Apps очень быстро загружается

Работает при любом интернет соединении, будь то широкополосный 4g или слабый 2g, или вообще без интернета, автономно (offline). Работа сайта оффлайн основана на информации взятой от предвидящих посещений.
Сведения о установленном приложении

Как работает такое приложение? Установленное нами приложение работает автономно и не нуждается в браузере. Запуская его вы видите тот же сайт, что и в интернете со всеми его возможностями: читать новости, совершать покупки, оставлять комментарии. Кроме этого, вы можете использовать его оффлайн при слабом или отсутствующем интернет соединении. Например, вы пишите сообщение или наполняете корзину товарами, и в этот момент произошёл разрыв с интернетом, не стоит беспокоится, ваши действия сохранятся автономно, а при восстановлении связи будут переданы на сайт. Не правда ли это здорово!

Расширяемость (Extensibility)

Расширяемость это когда вы можете взять технологию и расширить ее для своих нужд. На протяжении нескольких лет мы используем компоненты повсюду, как в качестве разработки приложений (компоненты на React, Vue, Svelte) так и в качестве разработки дизайна (дизайн системы).

На данный момент мы пытаемся сделать эти компоненты более уникальными и удобными для использования. Расширяемость в вебе позволяет нам использовать платформу (браузеры, html/css/js движки) для собственных нужд и экспериментов, разумеется для получения большей выгоды.

CSS Houdini

Это означает, что теперь мы можем делать, то, что было просто не возможно до этого. Например косые углы у кнопки или округлый лаяут.

Houdini позволяет расширять стилизацию с помощью CSS и дает возможность добавлять пользовательские правила в CSS. На текущий момент в Houdini входит:

С помощью этих API, пользователь может использовать семантику в CSS (Typed Object Model), используя Paint API рисовать словно на и применить результат в качестве бордера (привет градиентные бордеры) или создать параметризованную анимацию всего в одну строчку CSS.

Еще например, можно вынести анимации в отдельный поток (Animation Worklet) и использовать Layout API для уникального расположения элементов без использования таких правил как margin, padding, left, right.

В общем Houdini, это одна из тех вещей, на которую стоит обратить внимания в этом году.

Вариативные шрифты

Вариативные шрифты это будущее веб типографики, которые предлагают ряд возможностей управления отображением текста на экранах (размер, жирность, стиль). И все это при относительно малом размере файла. Пора сказать goodbye бесконечным дебатам на тему, сколько шрифтов вам необходимо подключить и дать возможность вашему контенту жить новой, прекрасной жизнью.

Более детально познакомится с вариативными шрифтами можно в этой статье.

Custom Properties

Пользовательские свойства позволяют нам писать более структурированный и в то же время динамический CSS. Речь идет не только о переменных, но и о возможность изменять эти переменные с помощью JS.

Custom Properties уже поддерживаются так же хорошо как вариативные шрифты и для них не нужно использовать какой-либо пост/пре процессор. Эти «технологии» работают в разных браузерах и на разных системах. Отсюда мы плавно переходим к совместимости.

Какими могут быть макеты?

Отличным подспорьем в поиске необычных идей для макетов служит dribbble. Увиденное там заставляет многих frontend-разработчиков взгрустнуть на досуге. Вот небольшая подборка прекрасных работ:

Warehouse, Cosmin Capitanu

Fashion Boutique, KREATIVA Studio

Organic Juicy Co., Broklin Onjei

Travel Summary, Piotr Adam Kwiatkowski

Digital Walls, Cosmin Capitanu

Последний пример заслуживает отдельного упоминания. Что-то в нём ассоциируется с Metro-интерфейсом из Windows 8. Этот макет не просто великолепен с визуальной точки зрения. Он ещё и чрезвычайно гибкий. Можно без труда представить себе заявленную совместимость с мобильными устройствами, планшетами, огромным экраном телевизора или дополненной реальностью.

Насколько трудным будет создать нечто подобное, используя современный инструментарий? Для начала создадим прототип.

Такой интерфейс должен быть отзывчивым, высокопроизводительным и доступным. Однако можно не доводить до совершенства каждый пиксель. Все мы знаем, что это не главное.

Вот, что получилось. Конечный результат можно просмотреть на Codepen.

Примечание Поскольку это демоверсия, в неё не добавлялись резервные ресурсы и полифиллы для старых браузеров. Прототип создавался для изучения возможностей современного CSS, поэтому кроссбраузерная совместимость прописывалась не для всех функций (подробности ниже). Лучше всего версия работала на последних версиях Firefox и Chrome.

Несколько интересных моментов:

Закажите юзабилити-аудит

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

1. AskUsers.ru – сервис, в котором можно получить обратную связь от реальных пользователей в виде анкеты со скриншотами, видео и текстовым описанием опыта взаимодействия. Асессоров можно отбирать по различным социально-демографическим параметрам, чтобы получить отзывы от людей максимально похожих на вашу целевую аудиторию;

2. Usabilityhub.com – похожий по концепции англоязычный сервис, который отличается по ряду опций. Доступно несколько вариантов тестирования: Five Second, Click Test, Question Test, Navigation Test, Preference Test. Подробности по каждому из пунктов можно прочитать уже на самом сайте.

Как минимум результаты таких тестов должны быть интересны любому владельцу ресурса. А главное, они могут помочь сделать его действительно лучше. Потенциальные выгоды от улучшения пользовательского опыта огромны.

Видео на фоне

В последние годы в интернете произошел настоящий бум развития видео контента. Всем нравится смотреть видеоролики, а не читать текст. Это быстро удобно и не требует абсолютно никаких усилий. Поэтому этот тренд перекочевал и в веб-дизайн. И в этом году он будет актуален: все устали от статических фонов на сайтах, все хотят движение и динамику. Благодаря видео дизайнеры могут создать определенные эмоции, сравнимые просмотром настоящего кино.

В этом году увеличится количество сайтов с видеозаставками на фоне, ведь видео делает страницу сайта более живой и динамичной

Это привлекает внимание пользователей, они просматривают ролики и понимают посыл дизайнера, который он хотел показать. Видеоклипы на фоне первого экрана сайта могут быть размером всего от нескольких секунд, до полноразмерного клипа со звуком и глубоким смыслом

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

Web Components и IoC

Tutorial

Замечательной особенностью веб-компонентов или скорее даже языка разметки HTML является возможность прозрачно оборачивать существующий контент новым. Благодаря этому, вы можете практически неинвазивно дорабатывать существующий legacy код, а так же изящно структурировать новый.

Говоря конкретно, если вы обернете какую-то верстку своим кастомным элементом (гугл. Custom Elements), в хуке connectedCallback(), то ваш элемент может определить какие у него внутри есть подэлементы и настроить свою и их работу соответствующим образом если надо приспособить их к новым требованиям и это будет вполне себе архитектурно грамотным решением. Также он будет получать всплывающие события от своих подэлементов и если вы включили изоляцию теневого дерево, он станет их безальтернативным брокером (а если не включили — прозрачным прокси), т.к. за его пределы они всплывать не будут и вся ответственность ляжет на него. 

Какие сайты зарабатывают в 2020

Веб-сервисы. Они бывают бесплатные и платные. Например, через Spotify можно бесплатно слушать музыку, но с рекламой. Если заплатить за подписку, музыку можно будет слушать без рекламы и в офлайн-режиме.

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

Контентный (трафиковый) сайт. На нем размещают контент, нужный пользователям: рецепты, стихи, аналитические материалы, видеоуроки, кинофильмы.

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

Этот вид сайта самый привлекательный с точки зрения создания и продвижения.

1. Promokodus.com

Проект Promokodus.com появился в 2013 году. За время существования стал одним из популярнейших агрегаторов по предоставлению скидок в Рунете.

На момент 2020 года сайт находится на первом по посещаемости. Ресурс предоставляет множество скидок для абсолютно разных магазинов.

Отличительная особенность от похожих проектов, это большой каталог предложений. Аналоги имеют более узкий выбор.

Акции обновляются ежедневно!

Плюсы сервиса:

• Ежемесячная посещаемость 1 млн. человек;
• Работает в странах СНГ;
• Все скидки актуальны и не просрочены;
• Бесплатные промокоды;
• Не нужно регистрироваться;
• Сортировка по категориям;
• По каждому магазину имеется описание, отзывы и действующие акции.

Недостатки сервиса:

• Нет кэшбека;
• Нет приложения для смартфонов;
• Не предусмотрено браузерное расширение;
• Отсутствие бонусов.

Пользователь может подписаться на рассылку и еженедельно получать интересные предложения по скидкам.

Совместимость

По определению, совместимость в этой статье — это возможность технологий быть взаимозаменяемыми в зависимости от необходимости пользователя. С технической стороны, можно привести пример как множество компаний закончило или еще в процессе миграции со старого стека на новый. Например Backbone -> React, и хотят, прийти к общему виду, который уже не будет требовать подобных крупных миграций. Компоненты и веб компоненты, пожалуй, текущее положение дел, которое устраивает многих.

Web components

Веб компоненты пытаются решить проблему совместимости со стороны веб стандартов. Главное задача которых является в предоставлении такой унифицированной формы, которая даже не будет требовать какого-либо фреймворка или библиотеки для создания компонентов.

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

Логические свойства

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

Например в русском языке, который читается слева направо, мы представляем высоту, ширину, лево, право, верх, низ — ну, как и представляем (ваш кэп). А вот например в арабском языке где все справа налево, дела обстоят немного иначе. , уже не будет отступом в начале абзаца, ведь он начинается не слева.

Как пример логического свойства, вы можете использовать вместо . И тогда будет устанавливаться той стороне, с которой обычно в выбранном пользователем языке читают слова. Если это русский, будет использоваться , а если арабский, то .

Настраиваемые media queries

Это такие медиа-квери, которые позволяют нам узнать о предпочтениях пользователя. Например пользователю нравится темная тема. Мы можем узнать об этом используя :

Как всегда, все самое интересное и прикольное не поддерживается только в Edge и IE.

Скорость

Веб постоянно и неустанно эволюционирует, это пожалуй то, что делает его столь интересным. А какие технологии по вашему мнению станут трендом 2020 года?

Сайты знакомств

Несмотря на то, что в топ 10 наиболее посещаемых интернет-ресурсов в нашей стране ни один портал знакомств не вошел, нельзя не отметить, что их популярность неуклонно возрастает. В этой категории сервисов, некоторые из которых в России также входят в топ 100 самых посещаемых сайтов, наиболее часто наши соотечественники выбирают:

1. Fotostrana.ru – одновременно позиционирует себя как социальная сеть и как площадка для знакомств, и уже не первый год удерживает пальму первенства в данном сегменте (более 40 млн. пользователей);
2. Mamba.ru – единая служба интернет-знакомств для России, стран СНГ и Восточной Европы (более 20 млн. зарегистрированных человек);
3. Edarling.ru – служба он-лайн знакомств, подбирающая пары через сопоставление психологических профилей кандидатов (более 15 млн. действующих аккаунтов).

Вдохновляйтесь другими отраслями

На перегретом рынке игра в стиле «сделаю так же, как и у конкурентов» в конечном итоге может не дать выдающихся результатов. Более интересный способ оказаться на шаг впереди остальных игроков – изучить лидеров других отраслей. Инновации и фичи, которые сработали у них, полностью или частично можно применить и у себя.

Когда мы работали над очередной версией сайта нашего сервиса SEO-Reports.ru (по автоматизации отчетности в digital), мы изучали не только схожие продукты, но и сервисы и стартапы из других смежных ниш. На основе этого принимались решения, какие блоки добавить на сайт, а затем экспериментировали и с порядком их расположения.

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

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

Искусство фотографии

Еще один способ сделать оформление действительно стильным – это привлечь к сотрудничеству профессионального фотографа. Но не просить снимать в рекламном стиле, а отнестись к своему аккаунту, как к галерее. Размещайте там нестандартные фотоработы, которые обычно не увидишь в других аккаунтах: необычные ракурсы, фактуры, крупные планы. Так вы подчеркнете индивидуальность своего профиля и создадите особую атмосферу. Глядя на ваши фото в ленте, подписчик уж точно будет знать, что эти необычные и пронзительные изображения – ваши.

В качестве источника вдохновения предлагаем вам Инстаграм декоратора Анны Бахонко.

Instagram @anna_bakhonko

Заключение

На этом топ подходит к концу. Как вы заметили, главная проблема у большинства агрегаторов, это отсутствие расширений и приложений для смартфонов.

О большинстве из представленных агрегаторов мало что известно и у них невысокая посещаемость. Есть так же в рейтинге сайты, где написано, что обновление еженедельно, а на деле промокоды просрочены на месяц.

Первая тройка агрегаторов является самой стабильной и порядочной. Остальные 7 дают сбои и на них порой происходят непонятные вещи, связанные не только с просрочкой, но и с несуществующими предложениями. То есть имеет место быть попытка поднять количество магазинов за счет пустышек.

Опять же, мы никого не заставляем поддерживать нашу точку зрения. Надеемся, что вам понравился ТОП. Оставайтесь с нами, впереди много интересного!