Ctrl + ↑ Позднее

Расширение гугл хрома для Главреда

10 июля 2015, 11:44

«Главред помогает очистить текст от словесного мусора, проверяет на соответствие информационному стилю»
Сайт Главреда

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

У сервиса появился АПИ. АПИ еще горячее, и никаких плагинов или расширений с его использованием никто до сих пор не создал.

Я написал расширение для гугл хрома. Пока другие разработчики пишут плагины под ЖЖ, вордпресс и прочее, пользователи Главреда уже могут улучшать свои тексты быстрее и проще чем раньше.

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

Если вам не по душе править текст в маленьком окне, выделите текст, кликните по нему правой клавишей мыши и выберите пункт меню «Отправить в Главред». Вместе с выделенным текстом вы отправитесь на сайт главреда, где сможете продолжить редактуру.

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

Установить расширение можно прямо из интрнет-магазина гугл хрома. Разумеется, бесплатно.

Сюрприз. Все расширения гугл хрома работают и в яндекс браузере. Расширение «Главред» не исключение.

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

Scrollport.js — анимация скролла была скучной

20 мая 2015, 17:14

Может видели плагин jQuery.scrollTo? С помощью него многие делают анимированное передвижение скролла к указанному месту на странице. В сущности тоже самое делает и эта строка кода:

$('html, body').animate({
scrollTop: $('#my_target').offset().top
}, 600);

Только весит эта строчка в 30 раз меньше плагина.

И черт бы с ним, с весом. Что строчка кода, что целый плагин делают эту анимацию слишком уж скучно. А я хочу хлеба и зрелищ. Удовлетворение своих потребностей нашел в написании плагина «Scrollport.js». Пока фантазии хватило только на 3 новых способов разнообразить анимацию скролла. Взгляните на демо страницу.

Если делаете обычную анимацию скролла, не используйте плагин, напишите одну строчку кода, её хватит за глаза. Хотите изюма в динамике — используйте «Scrollport.js».

Вся документация по использованию на гитхабе. Рассуждения о плагине и комментарии умных людей найдёте в статье на хабрахабре.

Afterlag.js — анимация против лагов

10 марта 2015, 4:02

Сайты тормозят. Особенно они тормозят при загрузке. Бедная анимация не знает куда ей деваться, становится рваной. Несчастные параллаксы дёргаются, а плавный скрол к участку страницы уже нельзя назвать плавным. Раньше я относился к этому естественно: «Ну, сайт грузится, конечно всё тормозит. Это норма». В итоге мне это надоело, и я отнёсся к происходящему как к проблеме.

В качестве решения я написал плагин «Afterlag.js», нативную и джэйквери версии. С помощью него можно отследить, когда лаги на странице закончились. Теперь я запускаю динамику на сайтах, когда станет ясно, что она будет работать гладко, красиво. Взгляните на демо, и проблему сразу поймёте и решение в действии увидите.

Использовать афтерлаг просто. Подключили файл с плагином. Если используете джэйквери версию, то и сам джэйквери подключить не забудьте. В своём коде пишете

$.afterlag(function() { // Код, который должен исполнится после окончания лагов. });

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

Будьте здоровы, не лагайте.