Решение для плавной прокрутки при нажатии на ссылке

Небольшой jquery-снипет, реализующий плавную прокрутку при нажатии на якорь  <a href="#id">якорь</a> к элементу указанному в атрибуте якоря. В общем уплавнение стандартного внутристраничного якоря.

Интересные CSS решения

Собралось тут немного интересных решений различных ситуаций на css и не только.

Размещение нескольких блоков по ширине контейнера. Может пригодиться, например, для горизонтального меню или еще чего-то подобного



Стандартное прибивание футера к низу страницы.




Простенький jquery-плагинчик для табов с примером разметки и стилей:




Плавающие блоки разной высоты, например, для списка товаров в интернет-магазине:




Вертикальное выравнивание блока или блок по центру страницы (ie6+):




Очень классное решение стилизации флажков (checkbox) и радиокнопок (radio) без javascript.
Но к сожалению основан на использовании псевдоклассов из css3-спецификации, поэтому не работает в старых браузерах.



И замечательный пример использования псевдокласса :checked для изменения содержимого тега label на лету без javascript

Angrybirds в браузере (без android)

Только что обнаружил, что в приложениях для Google Chrome появилась нашумевшая и популярная игра AngryBirds


Ссылка на Angrybirds в Chrome https://chrome.google.com/webstore/detail/aknpkdffaafgjchaibgeefbgmgeghloj?hl=ru#

Прямая ссылка на AngryBirds http://chrome.angrybirds.com/

Играем в AngryBirds прямо в браузере на компьютере, товарищи.

#3 Одновременно вы можете запомнить только 3-4 вещи (из серии "100 вещей, которые следует знать о людях")


“What makes them click” на русском или “Что заставляет их кликать”
Перевод цикла статей Сюзан Вайншенк (Susan Weinschenk)
100 вещей, которые следует знать о людях (100 Things You Should Know about People)


Статья переведена ранее Виктором Малым в блоге usemenot.com.ua. Для полноты серии переводов привожу здесь ссылку на его перевод.





#2 Вы быстрее читаете длинные строки, но больше любите короткие (из серии "100 вещей, которые следует знать о людях")


“What makes them click” на русском или “Что заставляет их кликать”
Перевод цикла статей Сюзан Вайншенк (Susan Weinschenk)
100 вещей, которые следует знать о людях (100 Things You Should Know about People)

#2 Вы быстрее читаете длинные строки, но больше любите 
короткие (оригинал статьи на английском)

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



Исследования показывают, что оптимальной длиной строки для быстрого чтения с экрана является длина в 100 символов, но такая длина строки не устраивает большинство людей. Пользователи быстрее читают длинные строки (100 символов), но предпочитают - короткие или средние (45 - 72 символа). В качестве примера выше приведена страница из New York Times Reader, длина строки в колонке которого 39 символов.
Исследования так же показывают, что люди могут читать одну широкую колонку текста быстрее чем несколько узких, но предпочитают они именно несколько узких колонок.


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


Так вот в чем, собственно вопрос: предоставлять пользователям то, что их больше устраивает или идти против их предпочтений и интуиции, зная, что они смогут прочитать быстрее более длинные строки текста в одной широкой колонке?


Что бы сделали вы?


(оригинал статьи на английском)

#1 У вас слепота по невнимательности (из серии "100 вещей, которые следует знать о людях")


“What makes them click” на русском или “Что заставляет их кликать”
Перевод цикла статей Сюзан Вайншенк (Susan Weinschenk)
100 вещей, которые следует знать о людях (100 Things You Should Know about People)


#1 У вас слепота по невнимательности. (оригинал на английском)

Я решил перевести на русский язык цикл статей Сюзан Вайншенк под названием “100 вещей, которые следует знать о людях”. Это сотня вещей, которые следует знать, если вы решили разработать дизайн эффективного внушающего доверие сайта, веб-приложения или программного обеспечения. Или просто 100 вещей, которые каждый должен знать о людях!

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

И так, статья #1 - Слепота по невнимательности

"Сперва предлагаю вам пройти небольшой тест, посмотрев следующее видео


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


Что же все это значит для тех, кто занимается, например, дизайном сайтов? А значит это, что  нельзя быть уверенным в том, что люди действительно видят, то что изображено на экране. Особенно это касается моментов, когда вы обновляете страницу отличающуюся от предыдущей только на одну деталь. Люди могут даже не осознать, что они смотрят уже на другую страницу. Запомните, человек не всегда осознает, что в его поле зрения что-то изменилось или произошло."

оригинал статьи на английском

Список видящих (невидящих) в Скайпе | Invisible (visible) list in Skype

В Скайпе таки можно стать невидимым для некоторых (не всех сразу) контактов из контакт-листа.

It is actually possible to become invisible for some (not for all at once) contacts from the contact-list in Skype.

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



To do so it is enough to click with the right mouse button to the contact who is not supposed to see you, and to choose point “Block This Person”. 



А в появившемся окне, не устанавливая никаких галочек, нажать кнопку "Блокировать".



And in the pop-up window to press “Block” button without setting any checkboxes.



И в дальнейшем возле заблокированного контакта будет отображаться красная перечеркнутая иконка.

And further on a red crossed icon will be displayed near the blocked person.



Пользователь, которого вы заблокировали, НЕ УЗНАЕТ о том что его заблокировали, если только вы сами ему об этом не скажете. Единственное отличие этого способа в Скайпе от стандартного понятия списка невидящих - вы не получите сообщения, которые пользователь будет отправлять вам в "оффлайн".

The person you blocked WILL NOT FIND OUT that he was blocked if only you don’t tell him about that. The only difference of this method in Skype from the standard invisible list is that you won’t receive any messages, which the contact will be sending you “offline”.

Инджой.

Enjoy.