Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Firefox 89 обновил интерфейс браузера

FirefoxИнтерфейсыРасширения для браузеровБраузеры

Последний выпуск браузера Mozilla Firefox 89 ознаменовался серьезными обновлениями интерфейса. Теперь он больше соответствует современному минималистичному дизайну. 

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

Читать далее
Всего голосов 23: ↑21 и ↓2+19
Просмотры30K
Комментарии 210

Тотальное меню

Habr
Где-нибудь должна быть яркая и заметная ссылка, ведущая на олдскульное, удобное человеческое меню сайта.
А то с этим вашим вебом-два-нуль порядочный человек по полчаса ищет что-то нужное, а когда находит — понимает, что он не это имел ввиду, а потом еще полчаса вылезает обратно.
Т.е. если бы не ссылка на логотипе — я бы сегодня не вылез назад, ей-богу.

Дайте народу меню, и народ вас не забудет.

— Народ, с уважением :)
Всего голосов 8: ↑8 и ↓0+8
Просмотры787
Комментарии 9

WebPagesThatSuck.com — тесты на отстойность, часть 3

Интерфейсы
Представляю Вам третью часть тестов на отстойность дизайна. Первая часть теста была опубликована в блоге «Я Умный», и встретила одобрение публики. Вторая часть, опубликованная в блоге «Дизайн», вызвала намного больше объективной критики. В основном, указывалось, что этот тест касается в большей степени юзабилити, чем дизайна. Что ж, с третьей частью теста я предлагаю ознакомиться аудитории этого блога. Сегодня речь пойдет о Навигации и Контенте.

Кстати, рекомендую ознакомиться с первой частью, там есть предисловие автора теста, которое, возможно, позволит Вам отнестись к содержанию теста с большим снисхождением.
Читать дальше →
Всего голосов 14: ↑10 и ↓4+6
Просмотры1.1K
Комментарии 4

Несколько стандартных наработак…

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

ХАБРАлюди давайте объединим усилия в данном направлении и поделимся скопленными ссылками, своими наработками по наболевшим темам а именно
  • Меню, CSS anr\or Js
  • Фрмы
  • Тени
  • Построничный вывод
  • ССЫЛКИ по вышесказанному

многое можно найти на только что найденном сайтике


Всего голосов 10: ↑1 и ↓9-8
Просмотры1.8K
Комментарии 6

Перекрашиваем Одноклассников

Чулан
В силу стадного инстинкта я обитаю на «В Контакте».
Но родителей затащили на «Одноклассников» и с этим мало что поделаешь — там своя аудитория. Всё, вроде, хорошо, но жуткий дизайн не то чтобы раздражает — он мешает продуктивно работать. А всё дело в том, что, по какой-то нелепой причине, салатовый на белом почти не читаем. Что же мы можем сделать? А можем мы написать такой user-css, который перекрашивал бы ссылки.
Вот:

*[href*="/dk?st.cmd="], *[href*=«znakomstva.odnoklassniki.ru»], *[href*=«rabota.odnoklassniki.ru»]{
color:#000000 !important;
}

div#topadv {visibility:hidden;}
div.sideadv {display:none;}
div.bottomadv {display:none;}

А скачать можно по ссылке.
Версия для Stylish (плагин для FF) — ссылка.

P.S.
Вдобавок убирает рекламу. Работает в Firefox и Opera. В IE (пробовал на 7-ой версии) только рекламу режет.

Чтобы додобавить user css в:
а) Opera -> View -> Style -> Manage modes -> Display -> My stylesheet -> Choose
б) Firefox -> Ставим Stylish -> Manage styles -> Добавляем стиль
в) IE -> Tools ->Internet Options -> Accessibility -> User style sheet -> Ставим галку и выбираем файл стиля

P.P.S.
Если чего-то не хватает — просьба сообщить.
Всего голосов 6: ↑3 и ↓30
Просмотры324
Комментарии 6

jQuery для верстальщика (часть 2): вкусные меню

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

Читать дальше →
Всего голосов 24: ↑18 и ↓6+12
Просмотры4.5K
Комментарии 72

Глагол против существительного

Интерфейсы
А есть ли какие-нибудь общеизвестные доводы по поводу: существительные или глаголы использовать в интерфейсе — в меню и на кнопках? Мне вот что сейчас пришло в голову.

Кнопкам явно требуется глагол, потому что существительное — это некая констатация факта, дескать «вот эта штуковина и есть наш поиск» или даже «вон там — наш поиск». Существительное говорит мне «не всё готово, ещё рано, нажми на меня и только тогда ты попадёшь туда где сможешь действительно что-то изменить в этом мире», а глагол отражает незамедлительность и даже некоторую необратимость предстоящего действия (обычные свойства кнопок в наши дни.)

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

Но что делать со смешанными меню?

Продукты | Загрузить | Купить | Новости | Дилеры | О компании
Форумы | Поиск | Помощь | Войти | Зарегистрироваться

Имеют ли они право на сосуществование? У меня пок нет однозначного ответа — вроде и не особо кошерно что смешаны сущ. и гл., но и прямого вреда не вижу. А призыв «купить» даже, наверное, полезен с точки зрения психологии продаж, привносит действие (глагол) в мир статичных и скучных вещей.

Ёр мысли ар велкам! Апдейты в комментах
Всего голосов 43: ↑41 и ↓2+39
Просмотры2.1K
Комментарии 50

Web 2.0 меню за минуту!

Разработка веб-сайтов
izzymlogo

Изи меню — простой и удобный веб-конструктор, через его ajax интерфейс можно создать самые разнообразные меню, будь то: простое, закладочное или иерархическое меню.
Читать дальше
Всего голосов 39: ↑32 и ↓7+25
Просмотры1.1K
Комментарии 50

Простое меню с проявляющимися изображениями

Разработка веб-сайтов
Допустим у нас стоит задача — сделать меню, состоящее из текстовых заголовков и полупрозрачной картинки, становящейся непрозрачной при наведении курсора на пункт меню.
Делается это очень просто — поместим в таблицу картинку со ссылкой, и текст рядом с ней в ячейку TH:


И оживляем всё это при помощи CSS:
Python
Python
Читать дальше →
Всего голосов 37: ↑25 и ↓12+13
Просмотры1.3K
Комментарии 74

AjaxTree — динамическая менюшка на scriptaculous

Чулан
Открываю полезные веб-разработчикам проекты. AjaxTree — аналог по сути Ext.tree компонента, но бесплатный. Основная цель этого js-скрипта — отрисовка дерева, подгрузка и возможность добавлять/изменять порядок/удалять элементы. Основан скрипт на prototype и scriptaculous. Вообще я на его основе работаю со своим блогом уже долгое время, сам его с нуля разработал и несколько раз дополнял. До сих пор остаются баги с перетаскиванием и контекстным меню в разных браузерах, но я думаю веб-разработчикам всяко будет интересно.
Оригинал
Всего голосов 4: ↑3 и ↓1+2
Просмотры217
Комментарии 6

Практический CSS: рецепт успеха

CSS
Перевод
Ниже располагается перевод заметки CSS — A Recipe for Success, в которой рассматривается создание средствами HTML/CSS в браузере некоторого образца меню. В статье освещены довольно интересные случаи, и подробно описано их решение.

Если вы посмотрите на стандартное ресторанное меню (или рецепт), там слева расположены названия блюд, за ними идет пунктирная линия до правого края, где расположена цена этого блюда. Давайте посмотрим на рисунок 1, чтобы понять, о чем идет речь.

Рисунок 1. Стандартное меню
Рисунок 1

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

Читать дальше →
Всего голосов 75: ↑70 и ↓5+65
Просмотры11K
Комментарии 49

Краткость — сестра: расширяем полезное пространство в Firefox

Firefox

Я пользуюсь Firefox. Дело привычки, любовь к настройкам под свои интересы, скорость и прочие особенности заставили меня полюбить этот браузер несколько лет назад. Я также иногда пользуюсь Оперой, Safari и Maxthon, но сегодня речь пойдёт именно об огненной лисице и способах выжать из неё максимум.

Я хочу поделиться с вами небольшой хитростью, которая позволит расширить полезное пространство в вашем Firefox. Если у вас 30-дюймовый монитор, то данная статья будет скорее развлекательной, остальных же прошу под кат.
Читать дальше →
Всего голосов 98: ↑78 и ↓20+58
Просмотры3.7K
Комментарии 151

jQuery Horizontal Accordion — «играем» на аккордеоне

Чулан
Перевод
В этом примере я покажу как создать «эффект аккордеона», который можно использовать как для меню, так и для любых других целей. Раньше для этих целей использовался Flash, но теперь можно воспользоваться и jQuery.

image

Чтобы использовать jQuery на Вашем сайте, Вы сначала должны загрузить последнюю версию этой javascript-библиотеки, а затем подключить ее к Вашей странице.
Читать дальше →
Всего голосов 18: ↑13 и ↓5+8
Просмотры695
Комментарии 11

Пример создания анимированного меню

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

Читать дальше →
Всего голосов 39: ↑29 и ↓10+19
Просмотры1.8K
Комментарии 18

Поиск функций меню в программе

Чулан
В главном меню ОС наконец-то научились (уже как пару лет) ставить поиск. Т.е. чтобы не лазить по всему списку стартового меню, а просто ввести название программы.

Хорошо бы иметь возможнотсь поиска в меню программы. Ты знаешь, как называется функция, но где ее искать — загадка. Бывает все два раза с начала до конца пройдешь, а потом найдешь функцию в самом неподходящем для этого месте. Это больше касается меню «больших» программ: Corel, MS Office, различные графические редакторы.

Если кто-то занимается разработкой софта, оболочек или еще чего, попробуйте, может удобно будет.
Всего голосов 7: ↑6 и ↓1+5
Просмотры237
Комментарии 9

Паттерн главного меню для больших порталов

Чулан
При создании больших сайтов, как правило информационных порталов, дизайнеры часто сталкиваются с проблемой организации главного меню. Список разделов сайта, не умещается в разумном горизонтальном меню из 5-7 пунктов, а, как правило, охватывает все или почти все стороны жизни общества.
Последнее время стал встречаться следующий подход…
Читать дальше →
Всего голосов 10: ↑2 и ↓8-6
Просмотры420
Комментарии 3

Электронное меню Aygness

Дизайн
image

Конечно, возможно, что дизайнер Yeli Tong ничего нового не придумал и подобные электронные меню с сенсорными экранами уже массово применяются где-нибудь в Японии. Тем не менее, оценить его задумку стоит. Итак, вместо стандартного бумажного меню посетителю предлагается Aygness – похожий на iPhone гаджет, который умеет показывать фотографию блюда, а также на разных языках название, состав ингредиентов, калорийность и стоимость. Рассчитан концепт, конечно, в первую очередь на туристов.
Читать дальше →
Всего голосов 7: ↑6 и ↓1+5
Просмотры506
Комментарии 5

Поговорим о Zend_Navigation

Zend Framework
Выход ZF 1.8 порадовал нас несколькими новыми (а главное очень полезными) компонентами. В этой статье я хочу рассказать о практике использования Zend_Navigation для построения меню сайта, карты сайта, хлебных крошек. Особое внимание уделю использованию Zend_Navigation в связке с Zend_Acl.
Читать дальше →
Всего голосов 27: ↑19 и ↓8+11
Просмотры5.6K
Комментарии 57

Горизонтальные меню, несколько советов

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

В этой статье мы сосредоточимся на множестве подходов и практик с тем, чтобы убедиться в простоте использования горизонтальных меню, а также отметим некоторые, менее эффективные, решения. Также, мы обратим внимание на парочку тенденций, которые, возможно, помогут разработчикам в работе над горизонтальными меню в будущих проектах.
Читать дальше →
Всего голосов 61: ↑49 и ↓12+37
Просмотры8.9K
Комментарии 42