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

[Перевод] Как HTTPS обеспечивает безопасность соединения: что должен знать каждый Web-разработчик

2013-07-29 11:51:49 (читать в оригинале)



Как же все-таки работает HTTPS? Это вопрос, над которым я бился несколько дней в своем рабочем проекте.

Будучи Web-разработчиком, я понимал, что использование HTTPS для защиты пользовательских данных – это очень и очень хорошая идея, но у меня никогда не было кристального понимания, как HTTPS на самом деле устроен.

Как данные защищаются? Как клиент и сервер могут установить безопасное соединение, если кто-то уже прослушивает их канал? Что такое сертификат безопасности и почему я должен кому-то платить, чтобы получить его?
Читать дальше →

---

Чертежи в SVG формате. Часть 5. — Черновик стандарта (обновляется)

2013-07-29 10:30:42 (читать в оригинале)

В "Чертежи в SVG формате. Часть 4 — Черновик стандарта (обновляется)" приведён пример рисования размеров. В продолжении рассмотрим использование JavaScript и сравним файлы чертежей в разных форматах.
Подробности

---

Фабрика картинок — как оно работает? Часть 2

2013-07-29 09:03:44 (читать в оригинале)

Наконец собрался написать вторую часть как и обещал в первой. В этой части хочется рассказать о клиентской стороне проекта.

Что используется:

Как говорил раньше проект полностью написан на Python (со вставками Cython'а). Вся информация о изображениях, пользователях, статистики — хранится в БД MySQL.

Для поиска (основного) и фильтра используется Sphinx-сервер. Клиент написанный для twisted txsphinx.

Для «лайков», кол-во просмотров изображения и кол-во скачиваний используется Redis. Так-же в Redis-е хранится топ-изображений (главная страница) и «похожие изображения» (страница самого изображения). Для twisted клиент txredis, найденный на просторах и немного доработанный под себя (пока не в паблике).

Веб: TwistedWeb с шаблонизатором Jinja2, рисуется все Bootsrap'ом и Jquery. Конец цепочки это Nginx. Читать дальше →

---

Незакрываемая вкладка в Chrome

2013-07-29 01:57:44 (читать в оригинале)


Не совсем даже баг, скорее недоработка интерфейса позволяет создать страницу, которую нельзя будет закрыть в Google Chrome.
Пруф: wifix.ru/onbeforeunload/test.html

В приведенном примере предупреждение будет показано только десять раз, но ничего не мешает показывать его бесконечно.
ohm смог воспроизвести проблему в IE 10.

Так же в Chrome есть особенность при показе модальных окон. Окно с алертом является глобальным для всех вкладок.
В результате нельзя переключиться на другую вкладку не закрыв модальное окно.
Пример wifix.ru/onbeforeunload/page.html

В сочетании с первой проблемой это позволяет создать ощутимый дискомфорт:
Осторожно скример: _ttp://wifix.ru/onbeforeunload/screamer.html

---

[Перевод] Грамотное адаптивное выравнивание шапки сайта

2013-07-28 20:36:26 (читать в оригинале)

Зачастую вроде бы простые задачи верстки требуют сложной структуры HTML-разметки и использования CSS-трюков. Центрирование элементов или выравнивание контента может быть очень утомительным. Одна из таких задач — это выравнивание элементов верхней части сайта так, чтобы логотип был слева, а пункты меню — справа. Можно использовать float и position:absolute, а для выравнивания по вертикали — добавлять margin и padding разным элементам. Вроде бы ничего сложного. Но если сайт должен корректно отображаться и на мобильных устройствах, возникает много проблем.



Ниже описан лаконичный способ решения этой проблемы. Читать дальше →