Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

Размещение фотографий из Facebook на сайте

2012-05-13 20:08:52 (читать в оригинале)



Добрый день!
Хочу поделится методом интеграции альбомов Facebook в сайт.

Метод реализован на C# с использованием Linq, однако основная логика работы находится в регулярных выражениях и легко может быть воспроизведена на любом другом языке программирования.

Предыстория, или с чего все началось

А началось все с разработки ресурса для сообщества путешественников, любителей жизни, да и просто замечательных людей — ONE ☆ LIFE.

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

Такой подход помимо упрощения работы контент-менеджеру (ему не придется загружать фотографии на несколько ресурсов одновременно) также позволяет снять часть за счет того, что фотографии будут загружаться с CDN сети Facebook. Так же, в перспективе это позволит ванлайферам самим делиться своими фото используя свои альбомы в Facebook.
О том как это было сделано — рассказано ниже.
Читать дальше →

---

[Перевод] Импровизированный шаблонизатор на JavaScript

2012-05-13 16:39:09 (читать в оригинале)

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

Видео (выбираем HD для наиболее удобного просмотра):

Читать дальше →

---

[Из песочницы] Drag and drop изображений во Flash в браузере

2012-05-13 08:31:12 (читать в оригинале)

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

Поразмыслив и погуглив решили реализовать D&D хотя бы для хрома вот так:
Когда пользователь переключается с вкладки с приложением, т.е. она теряет фокус, поверх флешки накладывается div на который навешано событие отлова дропнутых файлов.
Затем через ExternalInterface изображение в виде ByteArray передается во flash, где оно декодируется и отображается.
Читать дальше →

---

SELinux на практике: DVWA-тест

2012-05-12 14:28:40 (читать в оригинале)

После публикации предыдущей статьи про SELinux поступило много предложений «на практике доказать полезность» этой подсистемы безопасности. Мы решили произвести тестирование. Для этого мы создали три уязвимых стенда с типовыми конфигурациями (Damn Vulnerable Web Application на CentOS 5.8). Отличия между ними были лишь в настройках SELinux: на первой виртуальной машине он был отключен, на двух других были применены политики «из коробки» — targeted и strict.

В таком составе стенд виртуальных машин подвергся тестированию на проникновение. Взглянем на результаты?

Читать дальше →

---

WebGLU: упрощаем работу с WebGL

2012-05-12 00:15:54 (читать в оригинале)

Когда-то 3D в браузере было большой проблемой. К чему только не прибегали для создания объемной динамичной трехмерной графики в браузере: использованию псевдо-3D в SVG, построениям в canvas, использованию flash… Однако, прогресс не стоит на месте: наконец-то все современные браузеры стали поддерживать облегченную версию OpenGL (OpenGL ES 2.0) — WebGL. Это — довольно молодая технология, ей всего-то чуть больше года от роду. Однако, уже сейчас можно оценить ее мощь по всевозможным браузерным играм и примерам.

Из-за сравнительной молодости этой технологии, руководств по работе с ней не так уж и много. Почитать кое-что о работе с ней можно здесь (здесь — перевод на русский). Здесь можно узнать кое-что об основах WebGL.

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

Читать дальше →