X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Панель Dock для сайта
k0ttee
k0ttee
Topic Starter сообщение 5.7.2014, 11:18; Ответить: k0ttee
Сообщение #1


Многие пользователи, попробовав раз, с радостью юзают и сейчас панели в своих Windows'ах и не только. Для Mac'ов такое идет прям из коробки, а в других OS'ях приходится добавлять стороннее приложение и подбирать подходящий скин. Как бы там ни было, панель действительно годная: сунул туда ярлыки и драг-н-дропай на них файлы. Удобно же: проги отдельно, файлы отдельно.
Прикрепленный файл  cap35.png ( 87,31 килобайт ) Кол-во скачиваний: 1240

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

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

Итак, уже запилено множество Dock-панелей c применением как JavaScript (и фреймворка jQuery) так и на чистом HTML+CSS.

Первые 2 варианта выложены на JsFiddle (очень удобная платформа кстати), где вам пригодится комбинация горячих клавиш Ctrl+Shift+Вверх для скрытия/развертывания боковой панели. Ковыряться можно прямо там: меняете код, жмёте кнопку RUN и смотрите результат.

1.) http://jsfiddle.net/G373p/ очень мало кода, JS так вообще не используется. В CSS я бы еще убрал устаревшее
-webkit-transition: width 0.1s, height 0.1s;

Если вы его уберете, то цифры в нем дергать уже не придется. Гуд...

Смотрим в строку
transition: width 0.1s, height 0.1s;

Цифры тут отвечают за скорость увеличения в секундах. Первое — ширина, второе — высота. Я увеличил до 0.4

2.) http://jsfiddle.net/vsesh/XVGWS/ это более старая версия от того же разработчика. Посмотрев демонстрацию панельки отпадает желание брать её, ведь увеличение элементов начинается когда курсор еще далеко от них.

3.) Код смотрим там http://www.rudebox.org.ua/creating-andr ... uery-css3/ а панель в работе тут http://www.rudebox.org.ua/demo/creating ... uery-css3/

Открывается панель тыком по стрелке (а не всем это надо ). Зато как открывается... Кубиком... Лепота...

Под фокусом ярлычки немного поднимаются. По клику ничего не происходит. Я бы добавил подпрыгивание на OnClick=''

4.) А тут http://zurb.com/playground/osx-dock разработчик нам сразу показывает и код и панель, только поредактировать на ходу не даёт. Жаль... Зато какая панель! Фон — то что надо. И работает на чистом CSS.

Если поискать еще, можно найти и еще и еще... Множество их... Но везде нужне напильник.
Кстати, на RuSeo такого рода панельки не запланировано?


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
сообщение 5.7.2014, 12:19; Ответить: Siege_mw
Сообщение #2


Интересная панель, на русео бы было интересно увидеть подобное. У знакомого на студии мак стоит, и там такие панели, очень мне нравится :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
melrok
melrok
сообщение 5.7.2014, 12:26; Ответить: melrok
Сообщение #3


Пользовался раньше подобной панелью RocketDock на Windows лет так 4 назад, шас чет уже не прикалывает, сделал запуск прог по нажатию кнопок, память свою развиваю :D
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karabok2
karabok2
сообщение 5.7.2014, 14:12; Ответить: karabok2
Сообщение #4


Нафиг заморачиваться? Купили мак за 2500$ и не парьтесь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 7.7.2014, 8:31; Ответить: k0ttee
Сообщение #5


Нафиг заморачиваться?

Чтобы получить именно то, что от компа хочется (у меня KDE и оно бесплатное).

Купили мак за 2500$ и не парьтесь

За эти деньги брать красивый говнокомпьютер безсмысленно. Самому собрать можно гораздо мощьнее. А хваленую МакОСь можно и на обычный комп поставить (на мой ноут встаёт после секса, только сетевуха и дискретная видяха не заводятся).


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 9.7.2014, 15:42; Ответить: airman
Сообщение #6


(k0ttee)
Кстати, на RuSeo такого рода панельки не запланировано?

честно говоря даже не думал, просвети какая от нее будет польза форуму?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
Topic Starter сообщение 9.7.2014, 16:17; Ответить: k0ttee
Сообщение #7


просвети какая от нее будет польза форуму?

Возможны 2 варианта, результат будет зависеть от реализации:
1.) Никакой: только свободное место на экране занимать (особенно подвал при прокрутке вниз), да всех раздражать.
2.) Огромная (в плане юзабилити): кнопки всегда под рукой.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
melrok
melrok
сообщение 9.7.2014, 16:25; Ответить: melrok
Сообщение #8


2.) Огромная (в плане юзабилити): кнопки всегда под рукой.

А именно о каких кнопках идет речь?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
airman
airman
сообщение 9.7.2014, 17:10; Ответить: airman
Сообщение #9


я вот тож не пойму.. вроде и так все достаточно удобно и логично (я про навигацию)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат
55 arendator 35090 Сегодня, 2:12
автор: arendator
Открытая тема (нет новых ответов) Rebex.io – Ваша инновационная платформа для обмена криптовалюты!
3 Rebex 969 Вчера, 20:50
автор: Rebex
Открытая тема (нет новых ответов) Посоветуйте массажер для спины и шеи
10 Boymaster 902 Вчера, 18:02
автор: Boymaster
Открытая тема (нет новых ответов) Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера)
10 zennoboss 4664 Вчера, 5:20
автор: Skyworker
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
14 Aloof 3384 23.4.2024, 13:50
автор: Vmir


 



RSS Текстовая версия Сейчас: 25.4.2024, 12:34
Дизайн