Избранное

ScrollUp.js v1.0.1

1 февраля 2015, 5:15

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

<!--Просто вставьте эту строчку между <head></head>-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Далее подключаем srollUp.js. Скрипт лежит у меня на сервере. В какой-то степени я облегчил вам задачу. Вставляем эту строчку:

<script src="http://api.stomati.ru/scrollUp/scrollUp.js"></script>
<!-- или -->
<script src="http://api.stomati.ru/scrollUp/scrollUp.min.js"></script>

А для запуска используем

<script>
$(function(){
    $.scrollUp();
});
</script>

А теперь о настройках. Их я сделал не много и не мало, но нормально. Что мы имеем:

$(function(){
    $.scrollUp({
   	scrollName: 'scrollUp', // ID создаваемого элемента
	topDistance: 100, // Дистанция от верха страницы, когда появится кнопка
	topSpeed: 300, // Скорость прокрутки вверх (ms)
	animation: 'fade', // Анимация появления кнопки (fade, slide, none)
	animationInSpeed: 200, // Время анимации появления (ms)
	animationOutSpeed: 200, // /Время анимации исчезновения (ms)
	scrollText: 'Вверх!', // Текст при наведении
	bgcolor: '#D04000', //Фоновый цвет
	bg: 'http://api.stomati.ru/scrollUp/top.png', //Фоновое изображение
	margin: '20px', //Отступ от правого края
	btm: '20px' //Отступ от низа страницы
	wdth: '35px', //Ширина блока
	hght: '35px', //Высота блока
    });
});

Вроде все. Пользуйтесь, пишите что доработать, что добавить. Буду рад любому замечанию :)

А на этом всё, с вами был Илья ;)
Пока, 05:15

3 комментария

Размеры изображений для Facebook Timeline

28 января 2015, 2:50

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

Полный размер

А на этом всё, с вами был Илья ;)
Пока, 02:50

Facebook Дизайн Инфографика Фото

нет комментариев

Дизайн однокомнатной квартиры

16 января 2015, 21:15

Привет! Увидел на днях очень крутой дизайн квартиры, хочу поделиться фотографиями тут:

В общем хочу себе такой интерьер и жить в ней с любимым человеком.

А на этом всё, с вами был Илья ;)
Пока, 21:15

ВКонтакте Дизайн Зацепило Идеи Интерьер Фото

нет комментариев

Я никогда не думал, что…

10 марта 2012, 18:35

…буду блогером. Более того, я был уверен, что я НЕ стану блогером!
…буду пользоваться твиттером.
…буду делать сайт.
…буду увлекаться дизайном.
…буду снимать видео.
…буду играть на барабанах и гитаре.
…буду читать рэп.
… в 16 лет я буду плясать по сцене.
…в 16 лет буду плясать перед камерой.
…16 лет буду скакать на тусовках в клубах с фотиком.
…возьму академический отпуск в университете.
…что буду жить в Москве
…что буду фронтэнд разработчиком

И вот поэтому никогда не говори «никогда»!

Пока, 18:35

Мысли

нет комментариев

Зацепило...

2 февраля 2012, 11:55

Это сейчас мы дети, подростки. Но потом мы все когда-нибудь покинем
эти сайты. Мы вырастем, правда. У всех у нас появится семья, дети. Уже не будем думать о контакте, скайпе, аське и т. д.

Но когда-нибудь... Ты обязательно найдешь бумажку, где написан твой логин и пароль. Просто так включишь компьютер. Зайдешь Вконтакт. Давно уже опустевшая страница. Прочитаешь тет-а-тет с человеком который когда-то был дорог. Заплачешь. Когда-то он был дорог тебе. Все те сообщения, миллион песен которые вы присылали друг-другу... Что-то ёкнет внутри тебя. Этот человек уже давно оффлайн. Твой статус «Ушла отсюда» обновлен много-много дней назад. Как то пусто, что ли. Все друзья которые когда-то писали тебе на странице выросли, и давно не заходят. Они счастливы. И ты наверное тоже. Некоторые удалили свои страницы. Грустно? Очень.

А ты помнишь, какая у вас была дружба? Казалось навсегда, Вы так и останетесь беззаботными детьми. Но нет... Пришло время становится взрослыми. Так всегда. Еще раз перечитаешь все сообщения от друзей. Ты заплачешь, обязательно. Вы больше никогда не будете переписываться, вот так просто. Никогда.

Ты последний раз в онлайне. «Удалить страницу». Жмешь крестик. Выключаешь компьютер. Теперь все. Обнимешь жену (мужа), детей. Теперь они — твоя жизнь. Только они. И больше никто тебе не нужен. А в других странах городах... Те люди. Друзья. И тот, самый-самый любимый... Сидят, и возможно тоже вспоминают о том что было. Мы больше уже никогда не вернемся в ту жизнь. Жизнь Онлайн. Но когда-то там, по ночам сидя на подоконнике, будет помнить о той счастливой жизни. Всех тех, друзьях.

Мы повзрослеем и поумнеем.

Пока...

ВКонтакте Жизнь Зацепило Мысли

1 комментарий