Веб-дизайн

индекс
106,11
26 апреля в 23:11

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №157 (20 — 26 апреля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.


17910
161
alexzfort 127,3
25 апреля в 01:44

10 полезных фреймворков, о которых нужно знать разработчику перевод

image

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

1) UIkit


getuikit.com

99% проблем юзабилити возникают из-за медленного ответа веб-интерфейсов. Очень важно создавать быстрые интерфейсы. UIKit полезен именно для этого. Он лёгкий, модульный, и идеальный для разработки фронтенда. Предоставляет богатый набор HTML, JavaScript и CSS компонентов.
+3
13769
407
SLY_G 206,5
23 апреля в 06:35

Обзор возможностей Wireframesketcher на примере создания макета сайта tutorial

Wireframesketcher — предназначен для прототипирования графических интерфейсов.
В нем можно создавать интерактивные прототипы веб-сайтов и приложений как для настольных компьютеров так и для смартфонов, а также других мобильных устройств.
Авторы позиционируют Wireframesketcher как инструмент для профессионалов и у них на это есть все основания. Приложение разработано на основе Eclipse IDE либо может быть установлено в качестве плагина к Eclipse, а это обеспечивает кроссплатформенность приложения (Linux/Mac/Windows) и дает возможность использовать большой арсенал разработанных для этой IDE инструментов, в том числе поддержку различных систем контроля версий и других плагинов. Что касается контроля версий, то его легко осуществлять, так как для хранения данных проекта используются текстовые XML файлы. Также для Wireframesketcher имеется достаточно обширная библиотека макетов, шаблонов, виджетов и иконок.

В этой статье я хочу показать пример создания прототипа простого веб-сайта в Wireframesketcher. В данном случае под прототипом будет пониматься совокупность нескольких слинкованных интерактивных т.н. проволочных макетов страниц веб-сайта (wireframes). В дальнейшем для простоты я буду использовать «оригинальное» название «wireframe» сокращенное до «фрейм» именно в этом контексте.
+4
4952
71
AlexTest 5,4
21 апреля в 22:08

Редизайн Вконтакте под 1440пк+

Рунет беден обзорами редизайна известных сайтов и сервисов. Эта статья не ради того, чтобы это исправить. Моя цель обсудить с сообществом решение одной из проблем веб-версии Вконтакте.



+19
42888
137
m_a_c 15,8
20 апреля в 16:00

Система отзывов для интернет-магазинов — Cackle Reviews

Всем привет! Сегодня мы расскажем о том, что именно должна делать хорошая система сбора отзывов для гарантированного поднятия конверсии сайта на примере нашего продукта – системы сборы отзывов Cackle Reviews. Первый релиз состоялся в ноябре 2013. За полтора года существования у нас появилось порядка 200 клиентов (из которых 150 – интернет-магазины) и чёткое представление о том, какие возможности системы отзывов честно влияют на рост конверсии:

1. Автоматическая индексация отзывов в Google с микроразметкой рейтинга schema.org/review;
2. Импорт отзывов из Яндекс.Маркета;
3. Рассылка follow-up писем после покупки с приглашением оставить отзыв;
4. Трансляция отзывов в социальные сети;
5. СПАМ-тест (mail-tester.com) с результатом не ниже 9/10 баллов.

Как это всё работает в Cackle Reviews – под катом.

система отзывов для интернет-магазина
+24
7084
89
javist 21,5
20 апреля в 03:00

Несколько интересностей и полезностей для веб-разработчика #42

Доброго времени суток, уважаемые хабравчане. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.

Webtorrent




Полноценный торрент клиент для NodeJS и браузеров. Стримминг будет работать прямо в браузере благодаря WebRTC (data chanels) для P2P транспортировки. А самое главное «It's Just JavaScript™», то есть не нужны никакие дополнительные плагины или расширения. Проект собрал более 3000 звезд на GitHub и на данный момент предоставляет следующие возможности: непосредственно саму потоковую передача данных, загрузка нескольких торрентов одновременно, поддержку magnet uri, peer discovery и protocol extension api, возможность подключения WebTorrent клиентов на разных доменах, стримминг видео в <video> тег в формате (webm (vp8, vp9) или mp4 (h.264)), а также в AirPlay, Chromecast, VLC player и прочие устройства.

var WebTorrent = require('webtorrent')

var client = new WebTorrent()
var magnetUri = '...'

client.add(magnetUri, function (torrent) {
  // Got torrent metadata!
  console.log('Torrent info hash:', torrent.infoHash)

  torrent.files.forEach(function (file) {
    // Get a url for each file
    file.getBlobURL(function (err, url) {
      if (err) throw err

      // Add a link to the page
      var a = document.createElement('a')
      a.download = file.name
      a.href = url
      a.textContent = 'Download ' + file.name
      document.body.appendChild(a)
    })
  })
})

+39
23745
409
19 апреля в 21:06

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №156 (13 — 19 апреля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


16 апреля в 11:57

Payler. Создаем сервис P2P-переводов


Дорогие друзья,

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

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

Возможности:

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

0
603
Polonium84 15,0
15 апреля в 16:42

Результаты единого рейтинга веб-студий 2015

Привет, Хабр! Сегодня мы опубликовали результаты третьего ежегодного единого рейтинга веб-студий Ruward за 2015 год. В этом году в топе и первой десятке произошло много перестановок — рынок меняется, оказывает влияние кризис, новые тренды развития отрасли.

image


Впрочем, на первом месте, как и год назад, находится Студия «Номер Один». Серебро рейтинга получил недавно сформированный альянс двух крупных продакшенов AIC+QSOFT, на третьем расположилось агентство Actis Wunderman. А на четвертом и пятой позиции находятся Articul Media и DEFA соответственно.

У нашего рейтинга довольно хитрая методика, которая построена на агрегации всех других отраслевых рейтингов (а их в 2014 было опубликовано 16 штук только по сегменту веб-разработки), и как результат – абсолютно прозрачна, каждый может проверить, верно ли наш алгоритм посчитал баллы для каждого участника.
0
8439
28
Terekhov 19,1
13 апреля в 11:37

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №155 (6 — 12 апреля 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+26
24796
209
alexzfort 127,3