Pull to refresh
69
0
Сергей @no_smoking

User

Send message

Новый взгляд на ХабраРедактор

Reading time2 min
Views580
Не так не давно я предложил свой вариант редактора для хабра, он многим понравился и просили продолжать.
Был изменен дизайн за это благодарим crackos, карму не жалеем:). Теперь он стал более карамельный. Собственно сам редактор.

Что еще нового?

Читать дальше
Total votes 62: ↑59 and ↓3+56
Comments63

Редактор для хабра

Reading time2 min
Views908

Хабра редактор.


Предыстория

Делал для своего блога online редактор контента. Причем я привык пользоваться обычным редактором типа notepad++. Я не сторонник WYSIWYG редакторов, поэтому сделал свой редактор на основе обычного textarea. Какие же преимущества у редактора?
  1. Удобная панель инструментов в стиле Office 2007 (на скока покажет практика)
  2. Поддержка горячих клавиш (почти на весь функционал)
  3. Tab ставит именно табуляцию, а не прыгает на следующий элемент (ставит 4 пробела)
  4. Shif+Tab удаляет табуляцию
  5. Умный Enter (при переносе вставляет табуляцию как у предыдущей строки для выравнивания)
  6. Shift + Enter вставляет перенос строки в стиле HTML тег

К чему это я клоню?

Мне показалось это удобно по этому я решил, поделиться этим счастьем с другими, и сделал сервис для написания статей для хабра. А так как на хабр пишут много кода, решил реализовать и подцветку кода используемую на моем блоге. А так как добрый хабр вырезает все не угодные ему теги, а я использую библиотеку GeSHi. Пришлось немного доработать напильником, и теперь у хабросообщества появилась возможность писать код в красках. А так как эта библиотека довольно популярна она может подсвечивать более 80 языков. Подцветка реализуется прямо в тексте статьи, надо просто указать класс для тега code вот так <code class="html"></code >.
Если не хотите чтобы подцвечивал, то не надо не чего указывать тогда он просто отформатирует отступы без подцветки.

Также был подключен типограф подробнее, что он может, можно посмотреть здесь*4.
Читать дальше
Total votes 99: ↑85 and ↓14+71
Comments125

Когда программисту нечего делать, пишем игры сами. Часть 2

Reading time1 min
Views3.2K
Продолжим написание игры начатой в этом топике. Для тех кто хочет просто поиграть даю ссылку на законченную игру. Так же как и предыдущая статья эта предназначена для новичков в gamedev или для тех кто не верить в силу javascript.
Читать дальше →
Total votes 8: ↑6 and ↓2+4
Comments7

Когда программисту нечего делать, пишем игры сами. Часть 1

Reading time13 min
Views12K
Недавно на хабре была статья «Когда программисту нечего делать…», вот и у меня такая ситуация но я не просто хочу дать ссылку на Цветные линии, а рассказать как можно самому сделать её. Всем кого интересует добро пожаловать под кат
Всем кого интересует добро пожаловать под кат
Total votes 39: ↑33 and ↓6+27
Comments49

БесКликовость для всех

Reading time1 min
Views743
Прочитав недавний топик про сайты сделанные по бескликовой технологии подумал а почему бы не сделать скрипт для GreaseMonkey, чтобы по всем сайтам можно было так перемещаться.

Читать дальше →
Total votes 63: ↑57 and ↓6+51
Comments56

Вертикальный скрол c краткой информацией.

Reading time1 min
Views2.2K
Когда то давно, не помню где я читал о том, что обычный скрол можно сделать более функциональным и предлагалось ряд решений.
Мне эти идеи понравились и вот спустя много лет :)…
Предлагаю свою реализацию на javascripte. Идея в том чтобы на фоне скрола показывать эскиз всего текста, а с помощью движка скрола видимую часть текста. При таком подходе сразу видно где находится картинка, заголовок, а где параграф.
Читать дальше →
Total votes 91: ↑88 and ↓3+85
Comments85

Вращающееся облако тегов на javascripte

Reading time1 min
Views13K
Недавно на хабре был топик, в котром было рассказано об облаке на флеше. Посмотрел, понравилось, решил повторить на javascript-e. Вот что получилось: demo зеркало архив.
Создание облака происходит так:
var cloud = new Cloud(
   {
        radius:200,
      parent:document.body
   });
   cloud.addTag([
      
      {href:"#",w:"2",text:"нло"},
      {href:"#",w:"2",text:"общение"},
      {href:"#",w:"1",text:"по"},
      {href:"#",w:"1",text:"подкаст"}
   ]
   );



Не знаю, пригодится ли, при большом количестве тагов жутко тормозит.
Тестировал в Mozilla 3, IE7.

P.S. Если понравится, можно будет его еще как-то улучшить, но пока смысла не вижу :)

Вот хабра юзер Kron0S сделал плагин для wordpress на основе моего скрипта.

Судя по комментариям сильно тормозит, я провел не большую оптимизацию при тегах в количестве 100 штук на моей машине(ntel Core 2 Duo 2.3 с 2Gb Vista FF3) почти не тормозит жду ваших комментариев. Может кто предложит еще както оптимизировать код ( Фраемворки не предлагать только алгоритмы).
Total votes 136: ↑123 and ↓13+110
Comments139

Information

Rating
Does not participate
Location
Челябинск, Челябинская обл., Россия
Date of birth
Registered
Activity