Сделав вид, что не знаю о холиварах вокруг css-фреймворков и ненависти к велосипедам, поделюсь своими мыслями («Еще один все понял» © Лепрозорий) по поводу надобности и удобства использования сабжа.

Их есть куча и они обладают своей идеологией, а, например 960gs, Blueprint, YUI grids — самые мне известные и опробованные на собственной коже.

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

Облегчение жизни пользователю Safari на iPhone.

В моей прошлой статье, мы разбирали, как за короткий промежуток времени возможно изготовить версию сайта, адаптированную для Apple iPhone.Сегодня я продолжаю свою статью. Сейчас мы рассмотрим некоторые мета теги (и не только), которые облегчат жизнь не только посетителю сайта, но и разработчику веб-проекта.



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

OAuth — популярный протокол, который позволяет социальным сервисам интегрироваться между собой и дает безопасный способ обмена персональной информацией. OAuth может связать между собой 2 сервиса, каждый из которых имеет свою пользовательскую базу — именно их я в данном случае называю «социальными». Когда начинаешь работать с OAuth, первое ощущение — что протокол весьма сложен и избыточен. В этой статье я попытаюсь объяснить основы OAuth человеческим языком.

Пример кросс-авторизации

Вернемся в 2005-й год и представим, что мы пишем социальную сеть. В ней имеется форма импорта контактов из адресной книги GMail. Что нужно для доступа к контактам GMail? Конечно, логин и пароль от ящика. Но если мы попросим ввести их на нашем сайте, пользователь заподозрит неладное. Где гарантия, что мы не сохраняем на сервере введенные пароли? Поэтому нам хочется, чтобы пароль вводился только на сайте GMail, и после этого доступ к контактам через API GMail предоставлялся нашей социальной сети (возможно, на время).

Не забудьте почитать:
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь)
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 2. (или здесь)

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

05. Сдержанность и деликатность

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

Не забудьте почитать: Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1. (или здесь).

А сегодня поговорим о том, что такое хорошо продуманная типографика и как правильно организовать элементы на странице.

03. Хорошо продуманная типографика

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

Несколько выдающихся примеров и рекомендаций по созданию качественного дизайна веб-страницы или блога



Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Чтобы объяснить, как я понимаю качество в дизайне веб-сайтов, я собрал несколько рекомендаций и примеров.

Одна неизвестная китайская фирма Shenzhen Dingoo Digital Product Company прекрасным солнечным утром февраля 2009 года выпустила на рынок замечательно устройство — Dingoo Digital A-320.
Главное предназначение Dingoo — это эмуляция старых игровых приставок и автоматов. Официально поддерживается целых семь консолей! Помимо этого, маленькая шайтан-коробочка белого цвета умеет играть музыку и радио, крутить фильмы, показывать картинки, работать диктофоном, читать книги. Чудо да и только! Или же очередная китайская погремушка?

Этот обзор позволит вам выяснить, что же это за штука такая — Dingoo. Да еще Digital. Да еще A-320.
И, надеюсь, ответит на все ваши вопросы.

Итак…

Написал небольшой скриптик, который ищет в PDF книге ее ISBN номер. Скрипт написан на Python с использованием небольшой библиотеки для работы с ISBN.

По умолчанию поиск производится среди первых 10 страниц.

Библиотека доступна по адресу: www.staff.ncl.ac.uk/d.j.wilkinson/software/isbn.py

Скрипт доступен по адресу: pastebin.com/f7d5c3e90

Вывод выглядит так:

$ ./get-isbn.py test.pdf
ISBN-13: ['978-1-59059-585-5']
ISBN-10: ['1-59059-585-8']

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

Идея простая и не новая. C таким подходом я в первые столкнулся в UMI-CMS, а использовал в RubyOnRails. Смысл в том, что превью создаются только когда они нужны и какого угодно размера, а В БД храниться только название оригинала.

Если Вам необходимо вывести превью картинки вы вызываете функцию типа:

1. @thumbs = Photo.view_thumbs('originals_name_file.jpg', '100', 'auto')

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

Метод view_thumbs проверяет в папке (например "/images/cache") наличие файла originals_name_file_100xauto.jpg. Если находит то возвращает строку «originals_name_file_100xauto.jpg», если не находит, то создаёт файл нужных размеров на лету и возвращает то же самое.

Достоинства подхода очевидны:

1. Не создаётся мусора в виде большого количества превьюшек на диске. Все превью храняться в одной папке «cache» и могут периодически удаляться для освобождения места.
2. Неограниченное количество превьюшек разных размеров. Достаточно только задать нужные параметры в методе.

Для cakePHP есть хелпер images.php который можно выдернуть из Bakesale (автоматической подгонки нет). Ниже представлен метод на RubyOnRails реализующий данный подход.

Перевод статьи «The Art of Spending Minutes to Save Hours».

Радостные часы прошлой пятницы я провел, выслушивая признания своей коллеги по поводу ее абсолютной неприязни меню «Пуск» Windows Vista. «Система организована неверно. Нужные мне программы глубоко зарыты, а все удобные места занимают никогда мной не используемые. Я столько времени трачу, копаясь в меню,» — жаловалась она. «Но ты можешь просто переупорядочить их,» — ответил я. Она опустила глаза: «Знаю. Кто-то мне уже говорил это, но я не успела попробовать.»

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

Примечание: ниже расположен перевод академического исследования «Social Networks And Group Formation», рассматривающего некоторые аспекты выделения групп и формирования связей в социальных сетях.

«Принцип рычага» в действии

Пользователи страдают от избытка информации: по любому вопросу сейчас доступно гораздо больше сведений, чем человек способен воспринять. Как результат, люди опираются на знания других людей. Среди типичных вопросов «как?», «что?» и «почему?» ключевым является вопрос «кто?» (и, соответственно, ответ на него). Это влечет за собой необходимость знакомства и поддержания контакта с людьми, которые может помочь в каждом конкретном случае.

В контексте заявленной проблемы важным становится также понимание образования, развития и использования социальных сетей в интернете. Социальная сеть — это «группа людей (или организаций, или других социальных единиц), связи в которой являются социальными, а именно: дружбой, совместной работой или обменом информации» (Garton и др., 1997). Хотя интернет и является основным источником избыточной информации, он также позволяет пользователю эффективно управлять своими социальными сетями и таким образом получать ту информацию, которая ему необходима.

Эта область знаний находится на пересечении таких наук, как информатика, социология и математика. Ее исследователи изучают использование социальных сетей в общественных и деловых целях при помощи информационных и коммуникационных технологий (information communication technologies (ICTs)), в том числе, интернета. В этот статье рассматривается, как социальные сети, используя преимущества таких технологий — особенно, интернет-технологий, — создаются, развиваются и приносят пользу.

Социальные сети в интернете являются обширным полем для исследовательской деятельности, и любой научный обзор будет так или иначе базироваться на наборе академических публикаций. Данная статья концентрируется на последних исследованиях в области центра сети (centrality), силы силе связей, индивидуальности, доверии, активности и преимуществах. Без сомнения, статья несколько сложна для понимания, но призвана донести до разработчиков несколько полезных идей по реализации веб-приложений, активно использующих социальные сети.

Ниже находится перевод статьи «5 Critical Life Lessons You Can Learn From Kung Fu Panda», в которой автор рассказывает, что он вынес из просмотра мультфильма «Кунг-фу Панда».

В довольно классическом сюжете мультфильма «Кунг-фу панда» встречается несколько интересных жизненных уроков, а процесс обучения им выполнен в виде истории от «DreamWorks». Хотя впервые мы посмотрели мультфильм неделю назад, мои дети до сих пор обсуждают его.
По сюжету, панда, которого зовут По, избран старой мудрой черепахой Огвэй, чтобы стать Воином Дракона и разгромить врага. К несчастью, толстый и неуклюжий По — далеко не лучший кандидат на эту должность, и в его победе сомневаются как Шифу, мастер боевых искусств, так и Неистовая Пятёрка: Тигрица, Обезьяна, Богомол, Гадюка и Журавль.

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

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

В связи с этим, я думаю, у всех на слуху такие технологии, как XML-RPC, SOAP и, наверное, REST? Нет? Не слышали про REST (Representational State Transfer)? Чтобы в голове немного прояснилось, про саму технологию можно прочитать статью «REST как альтернатива SOAP» или посмотреть ролик о реализации взаимодействия на Ruby.

Приведу небольшой, но очень показательный пример взаимодействия с del.icio.us на PHP.

Над Open Source можно смеятся, можно игнорировать, можно жить этим. Open Source ПО явление повсеместное и каждый вправе относится к этому как угодно.

Что такое Open Source музыка? Почему не просто музыка? И где её найти?..

Web наступает. Все больше и больше обычных настольных приложений переезжает в Internet. Уже никого не удивить онлайновым текстовым или графическим редактором. А уж различные многопользовательские комплексы, базы данных, системы отчетности — тут раздолье для веб-технологий. Например, еще несколько лет назад было бы вполне нормально сделать систему регистрации и учета клиентов скажем стоматологической поликлиники или библиотеки в Delphi, добавить базу данных и сетевую часть. Но сейчас такое решение окажется неразумным: гораздо проще, удобнее, а значит и эффективнее использовать все то, что предоставляет нам Web, даже если приложением будут пользоваться только внутри локальной сети. Кроме того, такое решение кроссплатформенное, что актуально в связи с наметившейся тенденцией перехода к свободным ОС. Все что нужно на клиентских компьютерах — наличие браузера, никаких установок, настроек и прочего.

Но у решения все делать в web есть недостаток (даже не один, но я сейчас не буду перечислять все): неудобство при печати отчетов, бланков документов и прочих печатных страниц. Это связано с тем, что веб-страницы рассчитываются прежде всего для отображения на экране монитора и не подтачиваются для печати, что нередко ведет к расползанию печатной страницы. К счастью это все временные трудности и их можно обойти. Можно, например, генерировать отчеты в pdf или doc. Но я считаю это не слишком удобным: пользователю надо устанавливать программы, работающие с этими форматами, каждый раз выкачивать с сервера сгенерированный файл, печатать из сторонней программы, а не браузера. Поэтому стоит приложить усилия к созданию страниц, правильно выводящихся на печать прямо из браузера.

Продолжение статьи «Распределённый Авторский Mash-up». В этом выпуске:

• Mash-up — подстава!
  Теги — откровенно об интимном.
  Развитие идеи «Распределённого Авторского Mash-up».
  

Я хочу предложить вашему вниманию идею, которая может решить основную проблему Web 2.0 проектов: падение качества публикуемых материалов и дискуссий со временем.

Если лично Вы не наблюдаете падение качества топиков и комментариев на хабре, то, пожалуйста, отложите чтение и комментирование этого топика до того момента, когда Вам тоже покажется, что качество всё-таки падает.

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

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

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