Как стать автором
Обновить

Яндекс расширил минимализм и поискоцентричность страницы ya.ru

Разработка веб-сайтов *Поисковые технологии *IT-компании


Яндекс расширил минимализм и поискоцентричность страницы своей простой и удобной страницы ya.ru, добавив туда погоду, пробки, ссылки на сервисы компании и почту, а также доступ к микрофону.
Читать дальше →
Всего голосов 10: ↑9 и ↓1 +8
Просмотры 4.7K
Комментарии 42

EvilWM — «злой» минималистичный window manager

Чулан
В наше время гигабайт и гигагерц сложно понять оконный менеджер без конфигурационного файла и размером меньше 22.5 килобайт. На его фоне даже «легкий» FluxBox и прочие негномы и неКДЕ — монстры. Однако если вам нужен полный контроль над окнами при помощи клавиатуры и вы минималист в душе — EvilWM — это все, что вам надо.
Читать дальше →
Всего голосов 30: ↑27 и ↓3 +24
Просмотры 1.6K
Комментарии 73

Наипростейшая страница поиска

Чулан
У Яндекса есть 2 отличные и мегаудобные страницы для поиска — только поле ввода и всё.

Первая, белая, находится по адресу http://yandex.ru/white.html.

Вторая, чёрная, — по адресу http://yandex.ru/black.html.

Вот такие инь и янь.

Найдено в пучинах.

Простите если всё уже знаете и уже было.
Всего голосов 45: ↑24 и ↓21 +3
Просмотры 319
Комментарии 21

Идеальная авторизация: ответный удар

Чулан
в ответ на этот топик.
Как только прочитал топик «Идеальная авторизация» родилась своя идейка. рисовать не умею — поэтому представьте что все изгибы сглаженные. писать хтмл + css лень, поэтому просто опишу задумку.

Выглядет так:



Именно так. Это 2 текстовых поля. Когда юзер подносит курсор — он становится таким — |, поэтому он знает что сюда можно вводить. Слово логин говорит за себя, звёздочки тоже ассоциируются с паролем. При клике в левое поле login конечно пропадает. При нажатии на там пропадают звездочки. Кнопка справа кликабельна.

На мой взгляд минимализм полный. И usability на уровне.

Ваше мнение?
Всего голосов 57: ↑41 и ↓16 +25
Просмотры 446
Комментарии 56

минимализм

Чулан
Привет!

Я люблю порядок на своём компьютере. Файлы разложены по своим папочкам, а те в свою очередь по своим. Я периодически дефрагментирую жесткий диск и чищу реестр. На моём рабочем столе нет иконок — он девственно чист. Все нужные ярлыки и папки собраны в выпадающих меню на панели задач (true launch bar) или в автоматически скрывающемся доке (rocketdock). Обоев тоже нет, их заменяет простой градиент.

Да, я люблю минимализм.

Под горячую руку попал и браузер. Итак, какие изменения я внёс:

Читать дальше →
Всего голосов 27: ↑14 и ↓13 +1
Просмотры 420
Комментарии 40

Ссылка logout — нужна ли она в базовом шаблоне?

Интерфейсы *
Хочу спросить вашего совета. Я сейчас работаю над улучшением дизайна своего проекта и стараюсь добиться минималистичности. Смотрю на каждую ссылку и решаю: а нужна ли она в базовом шаблоне или ее можно запихнуть куда-нибудь поглубже?

Встал вопрос про ссылку logout, она же выйти. В подавляющем большинстве сайтов с регистрацией она включена в шаблон. Как правило — в правом верхнем углу и/или рядом c именем пользователя. Единственное исключение которое я нашел — Livejournal, там кнопка выхода не включена ни во френдленту, ни в просмотр своего блога.

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

Что говорят логи ваших сайтов? Часто пользователи разлогиниваются? При каких обстоятельствах?

И в догонку, второй вопрос: не попадалась ли вам красивая свободная иконка для logout? Нужна дверь со стрелочкой, а не белый круг с чертой на красном фоне. Я два часа искал, нашел только в коллекции famfamfam, но там очень мелко и вот эту с openclipart.org:

Всего голосов 19: ↑15 и ↓4 +11
Просмотры 2.2K
Комментарии 35

Цифроизбушка

Чулан
Перевод
Скорее эстетичная, нежели аскетичная, компактная избушка может и крохотнее внедорожника, но внутри скрывает гораздо больше удобств.
Добро пожаловать в компактный микро-коттедж — дворец будущего площадью 7 квадратных метров, сконструированый профессором Технического Университета Мюнхена Ричардом Хорденом в качестве ответа росту спроса на дома для временного проживания.
о каких удобствах в этой тесноте идёт речь?
Всего голосов 38: ↑35 и ↓3 +32
Просмотры 603
Комментарии 48

Подсветка синтаксиса несколькими строками javascript

JavaScript *
Да, я знаю, что такое синтаксический анализ. И знаю много разных библиотек для подсветки чего угодно. Только это всё не то, когда надо подсветить простенький примерчик, не содержащий всяких кодоизвращений. И уж совсем негоже тянуть для этого много-много байт _правильно_ разбирающих _любой_ код.

Для случаев без кодоизврата (а их большинство) можно использовать такой код:
code = code
// ключевые слова (список неполон, написал, что в голову пришло)
.replace(/(var|function|typeof|new|return|if|for|in|while|break|do|continue|switch|case)([^a-z0-9\$_])/gi,
'<span class="kwrd">$1</span>$2')
// всякие скобочки
.replace(/(\{|\}|\]|\[|\|)/gi,'<span class="kwrd">$1</span>')
// однострочные комментарии
.replace(/(\/\/[^\n\r]*(\n|\r\n))/g,'<span class="comm">$1</span>')
// строки
.replace(/('.*?')/g,'<span class="str">$1</span>')
// функции (когда после идентификатора идет скобка)
.replace(/([a-z\_\$][a-z0-9_]*)\(/gi,'<span class="func">$1</span>(')
// не люблю восьмизначные табы, пусть лучше будет 4 пробела
.replace(/\t/g,'    ');


под катом CSS, плагин jQuery, пример и некоторые пояснения-рассуждения
Всего голосов 70: ↑63 и ↓7 +56
Просмотры 20K
Комментарии 30

Контекстное меню на javascript: небольшое, но мощное

JavaScript *
Вы наверняка не раз видели javascript-реализации контекстных меню на базе популярных библиотек, таких как jQuery и prototype. А значит обязательно сталкивались с основными их недостатками: неудобностью API, большим количеством кода, требовательностью к ресурсам, любовью к генерации огромного количества html кода. В один прекрасный момент эти проблемы пересилили мою лень и я решил бороться с ними, поставив следующие задачи:
  • Минимум html кода, генерируемого для меню (зачем нам засорять ДОМ)
  • Лаконичность js кода для создания меню (API вызова без копипасты)
  • Оптимум гибкости при работе (многоуровневые, динамически модифицируемые меню)
  • Как можно меньше кода в реализации библиотеки (6302 байта в несжатом виде)
  • Минимальное количество jQuery-вызовов (чтобы можно было легко от них отказаться тем, кто jQuery не использует)
  • Inline-события где это возможно вместо биндов (меньше ресурсов сожрет)

Контекстное меню

UPD: разместил проект в google code, пользуйтесь, развивайте:
svn checkout js-cmenu.googlecode.com/svn/trunk js-cmenu-read-only

Читать дальше →
Всего голосов 82: ↑78 и ↓4 +74
Просмотры 14K
Комментарии 47

Отчет о выезде на выживание (Эпизод II)

Чулан
В прошлом эпизоде(ссылка доступна только подписчикам блога «Выживание») был рассказан отчет о первом в жизни выезде людей на природу без еды и крова. Цель того выезда состояла в более правильной выработке модели и накоплении опыта для следующих выживаний. Несмотря на крайнее желание участвовать во втором эпизоде, обстоятельства не позволили очень многим это осуществить. Среди тех, кто участвовал в первом этапе, во второй пошел только я. Кроме меня было еще два новых человека. Итого трое.
Читать дальше →
Всего голосов 23: ↑21 и ↓2 +19
Просмотры 444
Комментарии 9

Отчет о походе на выживание (Эпизод III)

Чулан
В первом и втором эпизодах было рассказано о накоплении нами опыта и обретения выживательских навыков. В первых выездах мы тренировали навыки преимущественно в одном месте, т.е. никуда не шли. В этом же выезде у нас был полноценный поход с минимумом снаряжения. Вес рюкзака ограничивался 5 кг. Ну и традиционно мы не брали с собой палаток и еды. Нас снова было трое.
Читать дальше →
Всего голосов 16: ↑16 и ↓0 +16
Просмотры 505
Комментарии 12

Обобщение опыта трех этапов

Чулан
Спасибо читателям предыдущих статей за проявленный интерес. Благодаря вашей мотивации я все же осмелился продолжать эту тему. Итак.

В первых трех выпусках я писал, как проходили выезды и походы на выживание. В конце статей я приводил полученный в данных походах опыт.
Теперь, как и обещал, пишу обобщенную статью, в которой совмещу опыт трех выездов на выживание. То, что перечислено здесь – это те вещи и сущности, к которым пришли люди (не я один) в условиях крайнего минимализма.
Читать дальше →
Рейтинг 0
Просмотры 333
Комментарии 0

Анализ и синтез моделей выживания

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

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

У многих из нас слово «Выживание» ассоциируется с какими-то абстрактными трудностями и лишениями. В процессе подготовки тренировки по выживанию, когда мы можем планировать ситуацию, часто возникают споры относительного того, что честно, а что – не честно. Были бы у нас те, или иные ресурсы в реальной ситуации. Что брать, а что не брать. Все это происходит оттого, что у тренировки нет четкой модели. Нет четкой картины обстановки, имеющихся ресурсов, условий и опасностей. Кто-то думает о жизни после авиакатастрофы, другие готовятся к ядерной зиме, третьи – разводят огонь. Часто приходится видеть аргументы, вроде бы объединенные в одну ситуацию, но реально не существующие одновременно в жизни. Цель данной статьи – попытаться систематизировать возможные гипотетические обстановки и описать, как следует действовать, исходя из обстоятельств, имеющихся ресурсов и на какие бонусы можно рассчитывать. Иными словами – мы попытаемся построить разные модели, не противоречащие возможным ситуациям.
Читать дальше →
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 511
Комментарии 0

Анонс Tiny Core Linux 1.2 — минималистического Linux дистрибутива весом 10 Мб.

Настройка Linux *
Роберт Шингледеккер (Robert Shingledecker) представил
новый релиз Tiny Core Linux 1.2 — минидистрибутива Linux (размером всего 10 МБ), расширяемого при помощи установки дополнительных приложений из сетевых архивов

подробнее
Всего голосов 34: ↑28 и ↓6 +22
Просмотры 7.7K
Комментарии 36

Pogodav.ru — Минимализм для жизни

Чулан

Первые шаги


Настало время представить первый проект pogodav.ru Добро пожаловать.

Прошу не удивляться. Да, это погодный сайт, но сайт не обычный, а, как модно в последнее время выражаться, вебдванольный. Без классической «столбовой» верстки, простой и четко выполняющий свою непосредственную функцию — дать пользователю информацию о погоде в 2 клика. В направлении удобства и функциональности двигаются многие «современные» сайтостроители и мы решили тоже не отставать от этой позитивной тенденции.
Читать дальше →
Всего голосов 28: ↑19 и ↓9 +10
Просмотры 410
Комментарии 45

Небольшие(???) изменения дизайна Youtube

Чулан
Доброго вечера, Хабр.
Только что зашел на Youtube и с удивлением увидел, что он выглядит теперь слегка по-другому:
  • Описание видео переехало — раньше оно было справа, теперь оно под видео
  • Исчезли звездочки — теперь их заменила простая система понравилось\не понравилось
  • Расширенная статистика просмотров теперь доступна напрямую со страницы просмотра видео
  • При наведении на почти любой элемент интерфейса(кнопка, коммент) появляется контекстное меню


Как я понял, эти изменения должны были сделать интерфейс более минималистичным, но пока весь эффект лично для меня стирается всплывающими пояснениями к кнопка
Для сомневающихся скрин под катом) (за скрин спасибо lunatik42)

Читать дальше →
Всего голосов 24: ↑13 и ↓11 +2
Просмотры 242
Комментарии 23

Самый маленький неттоп в мире

Чулан
image
Неттопы уверенно завоевывают популярность на рынке электроники и компьютеров. Их основное преимущество в размере. Они очень малы и компактны, их удобно брать с собой в поездки. Однако эта модель Вас удивит. Она не просто маленькая, а миниатюрная.
Читать дальше →
Всего голосов 18: ↑15 и ↓3 +12
Просмотры 878
Комментарии 30

30 комплектов иконок в стиле минимализм

Работа с иконками *
Перевод
image

Минимализм — стиль в дизайне, характеризующийся лаконичностью выразительных средств, простотой, точностью и ясностью композиции. Отвергая классические приемы творчества и традиционные художественные материалы, минималисты используют промышленные и природные материалы простых геометрических форм, нейтральных цветов (черный, серый) и малых объемов.
Эти значки идеально подходят для проектов, которые направлены на контент и типографику.
Читать дальше →
Всего голосов 171: ↑160 и ↓11 +149
Просмотры 45K
Комментарии 41

Минимализм 21 века

Киберпанк


27-летний американец Крис Юриста (Chris Yurista) говорит, что цифровые файлы ему важнее, чем физическое имущество. Он продал квартиру, мебель и остальной хлам. Вся его модная одежда помещается в рюкзак, а сам Крис обрёл истинную свободу — он может ехать куда угодно и работать в любом месте. Главное, чтобы рядом был велосипед, ноутбук и маленькая клавиатура цифрового пианино.
Читать дальше →
Всего голосов 237: ↑197 и ↓40 +157
Просмотры 2.4K
Комментарии 443

Что такое минимализм?

Интерфейсы *
Перевод

Минимализм vs. простота


Я постоянно слышу термин «минимализм» и «минималистический». В мире дизайна есть разные способы, чтобы описать дизайн, простой, ясный и удобный. Однако большинство используют термин — «минимализм». Если вы собираетесь использовать это слово, то по крайней мере потрудитесь понять истинное значение и использовать его правильно. Первое, что нужно понимать, что простота — это не минимализм. Они похожи, но они не то же самое.
Читать дальше →
Всего голосов 131: ↑111 и ↓20 +91
Просмотры 19K
Комментарии 60