Многие программисты уже используют Google Wave как средство командной разработки. В этом отношении, кстати, весьма полезный инструмент. Можно поделиться фрагментом сырого кода, прокомментировать или исправить проблемный код, предложить свой вариант. Рано или поздно каждый разработчик задает вопрос: «Как подключить подсветку синтаксиса в Google Wave»? Не так давно я нашел простое и удобное решение.
Речь здесь пойдет не столько об иконках для закладок, а скорее об иконках для букмарклетов – javascript-закладок. А еще точнее – о тех представителях этого кнопочно-ссылочного семейства, которые помогают нести свет Истинного Знания в земли дикие, темные; ну или как минимум – продвигать твой блог в интернете.
Многие социальные сети, сервисы социальных закладок, рейтинги и «голосовалки» (мне определенно нравится это слово!) предоставляют свои собственные букмарклеты для облегчения добавления новых ссылок, статей и прочего бреда контента, который тебе вздумалось бы в них добавить. За что им, безусловно респект и уважуха, и глубочайшая наша признательность. Беда в том, что перетянутые на панель закладок эти букмарклеты ничем кроме текста не отличаются от своих товарищей и товарок. А текст съедает место, а закладок бывает много, а панель закладок не резиновая... и вообще я люблю картинки!
Букмарклеты на панели закладокИ было бы неплохо эти букмарклеты уплотнить, не потеряв возможность их идентифицировать. Как? – убрать весь текст и заменить его иконками сервисов-источников. Если сервис предоставляет несколько яваскриптовых закладок для разных целей – возле иконки оставлять крохотную текстовую пометку.
Иконки для букмарклетов на панели закладокДля добавления иконок к закладкам я использовал дополнение для Firefox Favicon Picker 3. После установки дополнения:
Я брал браузерные иконки (favicon) прямиком с их сайтов-источников. В качестве примера приведу twitter (кстати, мой twitter – jcden).
адрес сайта/favicon.icoРекомендую сохранять иконки в какой-то определенной директории (папке). Так будет проще их находить и добавлять.
Упехов!
Бонус для RSS подписчиков – иконки сервисов из примера.
FriendFeed
Twitter
BPoster
Яндекс Закладки
Reddit
Technorati
PubSubHubbub
favit
Digg
SlashdotНедавно, а точнее, – еще вчера незадолго до полуночи, – обратил внимание, что в Яндексе появился инструмент для определения и подбора цвета. Виджет отображается прямо в результатах поиска.
Просто введи название или значение цвета в строку поиска и жми «Найти». Я, например, использовал рубиновый цвет из дизайна блога #C61B1B. Яндекс нашел ближайший по значению цвет – Ализариновый.
При желании можно поделиться находкой в блоге, просто вставив полученный код из виджета.
Удачных цветовых решений!
З.Ы. А известно ли тебе, что наряду с аскетичным поиском (ya.ru) есть еще и ультра-минималистический поиск:
Приятная новость для пользователей Google Reader.
Если ты используешь GoogleReader для подписки на новости и блоги, теперь ты можешь размещать понравившуюся новость в своем блоге прямо из «ридера». С новой «фичей» “Send to” сделать это еще проще. Просто перейди на страницу настроек и выбери Blogger из списка сервисов.
Теперь когда захочешь разместить понравившуюся новость в своем блоге, просто щелкни кнопку “Send to” и выбери Blogger. Или используй «горячую» комбинацию клавиш Ctrl+T. Можно публиковать и в других известных сервисах (Twitter, Facebook, MySpace etc), а так же добавлять собственные.
На данный момент эта «фича» еще не полностью локализована. Для того чтобы начать использовать функцию “Send to” прямо сейчас, выбери Язык: Английский - English в настройках ридера.
Ссылка на новость: Sending Blogger some Birthday Cheer
Порой совершенно, на первый взгляд (да и на второй тоже), бесполезные вещи можно использовать с пользой. Как бы «каламбурно» это ни звучало. Вот, например, что пивную бутылку можно открыть 8-килограммовой гантелей с круглыми навершиями, я убедился несколько лет назад. К слову, пиво можно открыть практически любым предметом, ну да сейчас не об этом. А вот знаешь ли ты, что даже в самом простом швейцарском армейском ноже есть инструмент «фигурная отвертка»? Он есть! ..И опять-таки не об этом.
вот если ее так бочком-бочком...
ты возьми и примени ее для анализа собственных текстов, или даже собственного блога. Сразу отловятся и слова-паразиты и лишние термины в выдаче RSS. Анализируй, камрад блоггер! Тулза тебе и совет от «городского сумасшедшего» в помощь.
Как справедливо подмечено неизвестно кем неизвестно где: «Трудности нас закаляют, а мелочи добивают». Крайний раз такой противной мелочью для меня стала ошибка javascript oTidyBrowser is not defined, случайным образом появляющаяся при просмотре различных сайтов.
Значительную часть своего рабочего времени я провожу за разработкой фронт-энда и любые красные значки в строке состояния браузера неприятно раздражают нежный орган моего профессионального обоняния. Независимо от того, работаю я в данный момент, гуглю или читаю блоги. А добрая часть времени, проведенная с накрученными в канат яйцами нервами, разумеется, не лучшим образом сказывается на качестве труда и отдыха. Или отдыха и труда.
Ошибка oTidyBrowser is not defined – это глюк Tidy, входящего в состав дополнения для Mozilla Firefox HTML Validator. Поскольку разработчик так и не пофиксил эту неожиданную «фичу», то для решения проблемы ошибки Tidy придется воспользоваться анекдотичным приемом «после сборки обработать напильником».
Исходная статья на английском языке расположена здесь: Hackzilla.org - Firefox Addon: Html Validator
if( oTidyBrowser.bTopLoadBusy==false )
{
oTidyUtil.tidy.log( ‘<javascript>tidyEndDocumentLoadObserver’ );
oTidyBrowser.bTopLoadBusy = true;
try
{
// Validate the 1rst request
oTidyBrowser.bIgnorePageShow = true;
oTidyBrowser.validateFrame( window.content );
// oTidyBrowser.validateCache( subject.document, true );
// Process the events that fired during the 1rst one
// ex: page with frames.
var doc = oTidyBrowser.oEventQueue.pop();
while( doc )
{
oTidyBrowser.validateCache( doc, true );
doc = oTidyBrowser.oEventQueue.pop();
}
}
catch(ex)
{
tidyShowExceptionInConsole( ex );
}
oTidyBrowser.bTopLoadBusy = false;
}
else
{
// Parallel events are placed in a event queue.
oTidyBrowser.oEventQueue.push( event.originalTarget );
}
if( !window.oTidyBrowser )
{
// Do nothing
}
else if( oTidyBrowser.bTopLoadBusy==false )
{
oTidyUtil.tidy.log( ‘<javascript>tidyEndDocumentLoadObserver’ );
oTidyBrowser.bTopLoadBusy = true;
try
{
// Validate the 1rst request
oTidyBrowser.bIgnorePageShow = true;
oTidyBrowser.validateFrame( window.content );
// oTidyBrowser.validateCache( subject.document, true );
// Process the events that fired during the 1rst one
// ex: page with frames.
var doc = oTidyBrowser.oEventQueue.pop();
while( doc )
{
oTidyBrowser.validateCache( doc, true );
doc = oTidyBrowser.oEventQueue.pop();
}
}
catch(ex)
{
tidyShowExceptionInConsole( ex );
}
oTidyBrowser.bTopLoadBusy = false;
}
else
{
// Parallel events are placed in a event queue.
oTidyBrowser.oEventQueue.push( event.originalTarget );
}
Больше глюк с ошибкой “oTidyBrowser is not defined” тебя не побеспокоит.
Довольно давно заметил, что форматирование текста в блоге у меня отнимает довольно много времени. Тогда и появилась идея использовать какой-нибудь инструмент для форматирования -- вставки кавычек, ссылок с заданными атрибутами, параграфов и прочих нужных тегов HTML.
Нашел полезное дополнение для Firefox, существенно упрощающее жизнь блоггеру. Называется Text Formatting Toolbar. Позволяет легко форматировать сообщения на форумах, в блогах и вики. Поддерживает три формата: BBcode (bulletin board) используемый на большинстве форумов, HTML, и формат используемый Wikipedia.
Text Formatting Toolbar уже содержит встроенные команды форматирования, но вы так же можете без особого труда добавить собственные. Скачать дополнение можно с его официального сайта: Text Formatting Toolbar. Имхо, та версия, что лежит в разделе аддонов Mozilla Firefox, слегка «кривая».
Да, не забудьте прихватить Pastel SVG Icons – набор иконок для тулбара. Если планируете добавлять свои команды форматирования.
Такой вот блоггерский лайф-хак. Удобного и приятного постинга!
Очередной полезный инструмент для веб-мастеров. На самом деле, это брат-близнец генератора узора «шотландки». С одним лишь отличием... Да, вы угадали -- вместо клетчатых узоров он делает «полосатости».
Необходимое и достаточное количество функций, приятный интерфейс, реализовано с использованием технологии AJAX. Поэтому -- удобно, шустренько, приятно. Рекомендую. Ссылка под катом -- лучше один раз попробовать, чем десять раз прочитать ;).
Этот генератор планирую использовать в одном из следующих примеров.
ActionScript, C/C++, CSS, Diff, HTML (ERB / Rails), HTML / XML, Java, Javascript, Objective C/C++, Pascal, Perl, PHP, Plain text, Python, Ruby, Ruby (on Rails), Shell Script (Bash), SQL, YAML. Вставьте полученный код javascript в ваш блог и подсветка кода готова.
Не так давно я тиснул заметку про Aptana PHP -- подключаемый модуль к оболочке Eclipse. И вот очередная новость из той же серии.
Консорциум Eclipse Foundation, ведущий разработку открытой среды разработки Eclipse, сегодня выпустила вторую версию набора средств для разработки приложений на популярном языке веб-программирования PHP. Новая версия Eclipse PHP Development Tools (PDT 2.0) является совместным продуктом Eclipse и Zend Technologies.
По словам разработчиков Eclipse, с релизом второй версии среды для PHP, этот язык стал таким же основным для Eclipse IDE, как Java или C++.
В обновленной версии PHP-среды появились новшества, которые наверняка будут оценены программистами: полная поддержка объектно-ориентированного программирования, поддержка последних новшеств PHP 5.1, а также общая повышенная производительность набора софта, интегрируемого в Eclipse. Кроме того, в PDT 2.0 появились обучающие материалы для новичков.
Вторая версия несколько изменила интерфейс, что, по словам представителей Zend, повышает удобство создания кода.
Добавлен и новый движок для индексирования кодов и их поиска, движок базируется на Eclipse DLTK (Dynamic Languages Toolkit).
randomNumber.html -- собственно, сама страница с готовой разметкой HTML;randomNumber.css -- «таблица стилей» CSS.
Sphinx -- это движок для полнотекстового поиска. В целом, это автономный поисковый инструмент, предоставляющий быстрые, эффективные и релевантные функции полнотекстового поиска другим приложениям. Sphinx был специально разработан для удобной интеграции с базами данных SQL и скриптовыми языками программирования.
Подключаемый модуль к оболочке Eclipse под названием Aptana PHP позволяет разрабатывать в этой открытой среде программы на PHP с поддержкой вспомогательных продуктов и технологий: AJAX, MySQL, JavaScript и т. д.
Этот JavaScript-компонент предоставляет простой и удобный инструмент для выбора HSV цвета.HEADcolorpicker.css в секции HEAD<script type="text/javascript">
new Control.ColorPicker("colorFieldName");
</script>
new Control.ColorPicker()" пока не закроете все окружающие форму (form) блочные элементы (напр. div). В противном случае это вызовет ошибку IE Operation Aborted в IE 6/7. Вместо этого используйте:Event.observe(window, "load", function() {
new Control.ColorPicker("colorfield4", { "swatch" : "colorbox4" })
});яваскрипт (javascript)
<script type="text/javascript">
//<![CDATA[
function activateColorPicker(){
cp_Label = new Control.ColorPicker("label_color", { "swatch" : "inside_color1" });
}
// first time Run (for IE)
Event.observe(window, "load", function() {
activateColorPicker();
});
//]]>
</script>
ajax_delete_label.rjs : Пример вызова функции для Ruby on Rails.
page.replace_html 'labels_container', :partial => 'custom_labels'
page.call 'activateColorPicker'
Еще один онлайн-генератор. Генерирует трехцветный клетчатый узор-«шотландку». Будет полезно в-первую очередь для сплошных фонов веб-страниц. Клетчатый узор для фона этого блога был добыт на другом ресурсе с последующей обработкой в Photoshop. А тут поди ж ты -- специальный генератор!String.match(pattern)Проверяет совпадение заданной строки (
String) регулярному выражению (pattern). С флагом g возвращает массив совпадений, без флага g возвращает первое совпадение. Если совпадений не найдено, возвращает null.String.replace(pattern, string)Заменяет совпадения заданной строкой и возвращает полученную строку.
Тестер регулярных выражений (RegExp) на JavaScript
. Щелкните этот значок и вас перебросит на RSS-ленту. Скопируйте URL из адресной строки браузера;
![Ruby Brewed [.rb]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_swPB6Yt8ZdNqj55K-4RitT8NiBJOFR5VJoGJaMMgsG-9-Z902B98u-kd2fTBKisiLz9PzYtVG1gcXMF4R5bNNMwB01J3Jd1QMfATDaDpkt4A=s0-d)
