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

Сейчас даже можно перевести деньги в ИК и СИЗО, чтобы заключенный мог улучшить свой комфорт, купив недостающие ему товары первой необходимости и не только. А пополнить счет осужденного благодаря современным технологиям не сложнее, чем кинуть деньги на баланс мобильного телефона. И неустанно создающиеся веб-технологии продолжают менять привычный мир. Ниже о некоторых из таких разработок рассказано более детально.

Sketch

Конечно, оспаривать популярность Photoshop у веб-дизайнеров – дело совершенно бесполезное. Но попытки изменить ситуацию предпринимаются. И одним из удачных решений выступает Sketch – утилита для Mac, которая учла все потребности современного веб-дизайнера.

На данный момент Sketch приятно радует поддержкой:

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

LifeStyle

Так называют дополнение от Emmet для браузеров Safari и Chrome, которое позволяет буквально на лету вносить правки в CSS. Идейным вдохновителем LifeStyle выступает LiveReload. Этот инструмент позволял отслеживать изменения внутри локальных CSS-файлов, автоматически обновляя стили в веб-браузере без необходимости обновления страницы.

Но то, что предлагает LifeStyle, – несоизмеримо круче возможностей LiveReload. Ведь эта технология поддерживает двустороннюю работу, то есть:

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

Bootstrap

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

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

Macaw

Веб-дизайнерам сегодня приходится все больше вникать в создание CSS и HTML. Но многим это не нравится, и они предпочли бы сосредоточиться больше на дизайне, а не на верстке. И потому было очень классно иметь технологию, которая бы автоматически переводила труд веб-дизайнера в программный код. Именно такая потребность и привела к появлению Macaw, которая:

• работает с глобальными классами путем их создания из общих, часто используемых стилей;
• поддерживает объединение селекторов за счет использования умного движка Alchemy, которые создает удобный для изучения красивый код;
• позволяет преобразовывать абсолютное расположение в статическое, т. е. рисовать прямо в Macaw.

Еще из интересных технологий стоит хотя бы упомянуть о Famo.us, Tumult Hype, Meteor.