Python → Визуальный скриптинг из песочницы
Предыстория
Каждый из нас когда либо приходил к мысли о необходимости автоматизации тех или иных действий в системе. Лично меня эта мысль посетила когда я пытался объяснить брату, как переставлять модем в режим роутера и обратно (в подробности, зачем было нужно постоянно менять режимы, вдаваться не буду). Т.к. последовательность действий была довольно неочевидна, да ещё и требовала запоминания некоторых данных (например ip-адреса роутера), решил процесс автоматизировать, затратив на это как можно меньше усилий. Немного погуглив нашёл довольно интересный проект SIKULI. Он позволяет автоматизировать управление GUI под основными ОСями, и при этом вам даже не придётся учить новый язык! Тех, кому интересен визуальный скриптинг, прошу под кат.
Веб-разработка → Визуальный редактор на jQuery
В мире визуальных редакторов есть CKeditor, есть tinyMCE — монстрообразные, не гибкие, их сложно изменять под задачи сайтов и интерфейсов. Есть небольшие, простые, они часто с ужасным дизайном, не развиваются, не поддерживаются. Как настоящий разработчик, несколько лет назад я решил написать свой редактор и в течение этого времени постоянно развивал его и упрощал. Суть редактора постепенно свелась к простым требованиям:
- он должен быть красивым и одновременно ненавязчивым, чтобы вписывался без внешних изменений почти в любой интерфейс;
- обязательно быстрым и легкий, потому что никому не нравится сидеть даже полминуты в ожидании загрузки всех кнопок и плагинов;
- гибкий для разработки, доработки и встраивания под все возможные нужды;
- с простым и понятным интерфейсом. В идеале визуальный редактор — это просто поле для ввода текстов, без лишних кнопок и функций. Просто люди пишут тексты в вебе и это все что им нужно.
Веб-разработка → Доработанный файловый менеджер для FCKeditor (визуальный редактор для HTML)
В визуальном редакторе FCKeditor (на сайте есть демо) файловый менеджер имеет ряд недостатков, которые мешают полноценно работать с этим замечательным (по моему мнению) редактором.
Переделан только PHP-коннектор для файлового менеджера.
Переделан только PHP-коннектор для файлового менеджера.
Вид доработанного файлового менеджера
JavaScript → Подсветка текста в «TextArea»
Эта статья покажет, как в современных браузерах можно сделать подсветку текста в поле редактирования (WYSIWYG).
Пример можно посмотреть, в google.docs или на некоторых продвинутых форумах.
Уверен, многим это будет интересно :).
Именно contentEditable или designMode и делает для нас всю основную «грязную» работу.
Если этот атрибут поставить в тег, то всё, что внутри тега, становится автоматически редактируемым.
Этот атрибут не поддерживается сейчас некоторыми старыми браузерами (например, FireFox 2.0). Но есть более «глобальный» параметр страницы, который сейчас поддерживают все браузеры, который нам может помочь —
Пример можно посмотреть, в google.docs или на некоторых продвинутых форумах.
Уверен, многим это будет интересно :).
Атрибут contentEditable и параметр designMode
Именно contentEditable или designMode и делает для нас всю основную «грязную» работу.
Если этот атрибут поставить в тег, то всё, что внутри тега, становится автоматически редактируемым.
<html><head></head><body>
<div contentEditable="true"><b>C</b>ontent<u>!!!</u></div>
</body></html>
Этот атрибут не поддерживается сейчас некоторыми старыми браузерами (например, FireFox 2.0). Но есть более «глобальный» параметр страницы, который сейчас поддерживают все браузеры, который нам может помочь —
Хабрахабр → Визуальный редактор для хабратопиков
Тема визуального редактора уже поднималась в комментариях, но, на мой взгляд, требует отдельного обсуждения. Конечно не трудно набивать теги, но я, когда набиваю тег А, чтобы просто поставить ссылку, чувствую себя роботом, javascript-ом, Word-ом и т.п.