Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи с темой: рабочие заметки (список заголовков)
14:50 

Первый раз еду в Москву :)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Собираюсь поучаствовать в dribbblemeetup.ru/
Может кто посоветует хостел недорогой (лучше его, чтобы не мешать никому), или пустит ночь (с субботы на воскресенье) поспать перед поездом?) Нас двое, мы не шумные) :shy:

@темы: Нужна помощь, Лытдыбр, Я, Рабочие заметки

11:26 

На работе креативят)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Всем привет. Володя Валах, наш сисадмин, скреативил с утра.
Предлагаю ввести как обязательное требование ;)


Письмо Владимира Татьяне..
Я, будучи отнюдь не пьяный,
и в здравом смысле вас прошу...
от февраля, числа шестого,
Да будьте вы ко мне добры,
Оформить мне с числа седьмого
до окончания поры,
Когда февраль, холодный, лютый,
Свои отмучает минуты
И день последний февраля
Настанет, каплями звеня,
Надеюсь, радостной капелью..
Предчувствием поры весенней,
Придёт. Число двадцать восьмое!
(Невисокосный нынче год),
И вновь Покорный ваш слуга.
Из отпуска придёт!»

@темы: Цитаты, Рабочие заметки, Наблюдения, Веселое

17:29 

lock Доступ к записи ограничен

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Закрытая запись, не предназначенная для публичного просмотра

URL
15:39 

Крестик очистки <input> в IE 10

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
По-умолчанию IE начиная с десятой версии в < input > (type=text, email, url, number, tel, search) при фокусе показывает крестик для очистки содержимого поля.

Это счастье можно убрать с помощью


Вот только работает это только в ИЕ10, т.е. при эмуляции через него ИЕ8-9 этот крестик будет портить всю верстку. :bubu:

@темы: Я, Рабочие заметки, Наблюдения

00:22 

Модели юбок

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
12:01 

Internet Explorer и z-index

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Так как искала долго, то поделюсь и сохраню на память статью.
Периодически все же приходится поддерживать ИЕ7 и это про него:
читать дальше

@темы: Я, Ссылки, Рабочие заметки, Наблюдения

13:11 

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
09.03.2013 в 13:33
Пишет alhames:

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

Верстка:
Лучший русскоязычный справочник по HTML/CSS, а также приличное количество уроков по верстке - htmlbook
Лучший CSS-фреймворк (для тех кто только начинает верстать или просто не хочет заморачиваться с версткой) - Twitter Bootstrap (ru)
Лучший JS-фреймворк, который на мой взгляд должен знать каждый верстальщик - jQuery (ru)
Куча всевозможных эффектов, анимаций и т.п. средствами JS - jQuery UI
Библиотека для рисования средствами JS - Raphaël (продвинутый уровень)

Программирование:
Всеобъемлющая документация по PHP - php.net (частично русифицирована)
Русский перевод документации по mysql - http://www.sql.ru/docs/mysql/rus_ref/ (на официальном сайте черт ногу сломит)
Наверное один из самых обширнейших вопросников для разработчика - stackoverflow.com (только на англ.)

Прочее:
Поиск разработчиков для выполнения одноразовых заказов - free-lance.ru | weblancer.net | freelansim.ru
Поиск разработчиков в штат - HeadHunter | Агрегатор от Яндекса | job.ru | superjob.ru

Софт:
Если вы не знаете что это, то нам не о чем с вами разговаривать - Notepad++
Одна из самых крупнейших IDE для разработки чуть ли ни на всех языках (т.к. очень часто лежит в основе других IDE) - Eclipse
Наследие Eclipse - IDE для PHP-разработчиков - Aptana
Набор отличных IDE для разработки на множестве языков - JetBrains (платные)
Довольно удобный бесплатный mysql-клиент - HeidiSQL
Один из удобнейших ftp-клиентов - FileZilla
Самый популярный SSH-клиент - Putty
Набор ленивого разработчика (локальный сервер под Windows с PHP и mysql) - Denwer

Я привел лишь примерный список ссылок, вы можете посоветовать еще что-то, либо поправить меня, если я в чем-то ошибаюсь.

URL записи

@темы: Интересности, Интернет, Рабочие заметки, Ссылки

12:43 

Прекрасное

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
С хабра:
Опрос: Знает ли жена ваши пароли?
Barash: Не все, но некоторые пароли сообщаю жене. Но все это безопасно.
Безопасно потому, что потом она их не помнит, если я вместе с паролем говорю слово «дрель».
Выяснилось случайно, когда дал дрель тестю, а потом жене раз 7 напоминал забрать ее. Пришлось ехать, забирать самому.
Потом специально говорил что-то, добавлял в предложение слово «дрель», и жена напрочь об этом забывала ;)
В остальных случаях, все запоминает хорошо, проблем нет.
PycmaM: Вы не тестером работаете?

@темы: Веселое, http://bash.org.ru, Рабочие заметки

18:37 

Паника!

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
Мне на работе решили доверить сделать дизайн сайта! :wow:

Да, я хочу! Но пипец как страшно!!!! :horror2:

@темы: Дизайн, Лытдыбр, Рабочие заметки, Я

10:37 

Walk-Up-And-Use Design

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

"Не заставляйте меня думать", как пишет Стив Круг.
Это просто - интерфейс не должен вызывать вопросов. "А это ссылка? А это кнопка? А что будет если ее нажать? А это что? А зачем это тут? А где тут меню? А это одны ссылка или две? Подчеркнуто как ссылка, но ничего не происходит при нажатии... хм? А куда дальше? А ГДЕ Я ВООБЩЕ??"

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

Вот про простой интерфейс программы... То же самое можно отнести и к Веб с небольшими поправками на специфичность:
«
  • Старайтесь сделать его знакомым.
  • Старайтесь сделать его запоминающимся.
  • Используйте минимальное количество концепций одновременно, стараясь сделать их возможно более простыми.
  • Метафорически передавайте смысл этих концепций.
  • Тестируйте прототип системы.
  • Если пользователи не воспринимают вашу концепцию, изменяйте дизайн либо предоставляйте им какой-либо обучающим материал, вроде нескольких простых иллюстраций, объясняющих пользователю основную идею.
»©"Интуитивно понятный или уже знакомый"

@темы: Точка зрения, Рабочие заметки, Usability, Я

15:44 

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

@темы: Usability, Рабочие заметки, Точка зрения

16:23 

Бдительность (Vigilance, sustained attention)

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

Сталкивались с таким: заполняете форму, отправляете - бац! ошибка! И заново все 100500 полей заполнять, т.к. разработчик заблокировал или не предусмотрел возможность сохранения введенных данных... Или пишите-пишите интересный пост, а тут БАЦ! обновилась страница! и все пропало, и руки опускаются писать заново... Большей частью бдительность обеспечивает браузер (запоминает введенное, дает отменить, проверяет орфографию, а благодаря htnl5 теперь и проверяет правильность заполнения форм до отправки на сервер), но все же разработчику стоит приложить хотя бы немного усилий для удобства использования сервисом (не обнулять форму после отправки, подтягивать данные из профиля пользователя, не заставляя его миллион раз вводить одно и то же, сделать автосохраниение...).

@темы: Usability, Рабочие заметки, Точка зрения

12:43 

Дизайн ориентированный на пользователя (User-centered design, UCD)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Стратегия дизайна, в которой пользователи, их нужды, интересы и поведение являются основой при разработке структуры сайта, навигации и подаче информации. Такой подход стал стандартом для современных веб-приложений, особенно в свете рассвета приложений, использующих контент, генерируемый пользователями. В Веб 2.0 пользователей нужно мотивировать к созданию контента и другой активности, при этом работа с сервисом должна вызывать минимум затруднений и быть максимально удобной.»

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

Сайт должен быть УДОБНЫМ. В первую очередь. И во вторую! И в третью тоже! Это самый главный критерий оценки дизайна. Должен быть ориентирован на пользователя, понятен, красив, оригинален (узнаваем) и доступен с любого устройства... Из-за этого приходится заставлять рисовать дизайнера несколько вариантов дизайна: мобильный вид (до 320), планшетный (на 1024 должно все быть удобно) и десктопный (на 1600 тоже должно быть все ОК). И пытать, пытать заказчика как он хочет, чтобы вел себя сайт. :alles:

@темы: Я, Рабочие заметки, Usability

12:35 

Читабельность (Readability)

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

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

Если вы создали сайт для профессоров Гарварда, то терминология и сокращения будут уместны. Но если у вас детский сайт - пишите проще!

@темы: Точка зрения, Рабочие заметки, Usability

12:32 

Прогрессивное улучшение (Progressive Enhancement, PE)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Стратегия разработки, при которой базовый функционал сайта доступен из всех браузеров, а для пользователей современных браузеров предусмотрены дополнительные возможности. Основное преимущество такого подхода в том, что он позволяет создавать сайты, удобные для пользователей с медленными соединениями или старыми браузерами, при этом предоставляя дополнительные возможности для пользователей со скоростными соединениями и современными браузерами.»

Метод прогрессивного джипега от Лебедева: www.artlebedev.ru/kovodstvo/sections/167/

Я только ЗА. Но не настаиваю никогда, просто в стоимость включаю и объясняю, что да, можно и дешевле, но тогда минус поддержка ИЕ6... потом ИЕ7.... потом ИЕ8... :) Нет, ну если хотят минимум картинок, но круглые углы, градиенты и тени, то пусть выбирают)

@темы: Точка зрения, Рабочие заметки, Usability

12:06 

Логичность (Physical consistency)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Логичность внешнего оформления сайта — положения логотипа, навигации, использование графических элементов и типографики. Логичность очень сильно влияет на удобство навигации по сайту.»

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

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

@темы: Usability, Рабочие заметки, Я

11:49 

Мистическая навигация (Mystery-Meat Navigation, MMN)

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

Вот в статье есть пример: en.wikipedia.org/wiki/Mystery_meat_navigation
В нем никак не обозначенные ссылки, в виде невидимых областей. (поводите мышкой над луной, увидите как меняется подсказка) Причем эта навигация по статьям никак явно не обозначена.

«правило Mystery-Meat Navigation, MMN – мистическая навигация, которое предупреждает о том, что нельзя придумывать для пунктов меню не очевидные названия, когда непонятно, что скрывается за данным пунктом. Или, как вариант, делать меню, которое сложно инициировать, как меню.»

@темы: Usability, Рабочие заметки, Я

12:27 

Minesweeping

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

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

@темы: Usability, Рабочие заметки, Я

12:06 

Разборчивость (Legibility)

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Визуальная разборчивость текста.»

Кратко и понятно. Если вы сделаете красные буквы на красном фоне - пользователи не поймут. :)
А так же:
«Разборчивость имеет дело с восприятием отдельных букв и слов и определяется:
  • легкостью восприятия различных шрифтов;

  • различием одних букв от других в пределах группы слов, например в заголовках различных видов (включая уличные знаки или доски объявлений), списках элементов и т. д.

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

@темы: Usability, Рабочие заметки, Я

17:49 

Hotspot

Все в порядке... Во всяком случае, в конечном итоге все будет в полном порядке!
«Кликабельная область сайта, меняющая свое оформление после клика на нее. Это характерно для :focus-эффектов после клика на ссылку или другой элемент сайта.
Focus на Smashingmagazine.com
Hotspot и gloss на Smashingmagazine.com»

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

@темы: Точка зрения, Рабочие заметки, Usability

Катастрофически тебя не хватает мне...

главная