четверг, 7 мая 2009 г.

Шаблон Craftwork

Craftwork Blogger templateКрайнее время особенно привлекают меня дизайны в стиле hand-drawn и hand-made. Из недавних находок понравился

шаблон для Blogger “Craftwork”

. Думаю, отлично подойдет для блогов о скрапбукинге и всевозможном рукоделии

.

Устанавливается в несколько шагов. Сначала устанавливается сам шаблон, затем вручную добавляются коды для RSS, navigation и для формы поиска (Search form).


Посмотреть пример шаблона


Читать дальше »

среда, 11 марта 2009 г.

Необычное использование обычных вещей

ПользаПорой совершенно, на первый взгляд (да и на второй тоже), бесполезные вещи можно использовать с пользой. Как бы «каламбурно» это ни звучало. Вот, например, что пивную бутылку можно открыть 8-килограммовой гантелей с круглыми навершиями, я убедился несколько лет назад. К слову, пиво можно открыть практически любым предметом, ну да сейчас не об этом. А вот знаешь ли ты, что даже в самом простом швейцарском армейском ноже есть инструмент «фигурная отвертка»? Он есть! ..И опять-таки не об этом.


Wordle: dotRBНедавно натолкнулся на сервис Wordle. Вроде с виду обычная игрушка, способная убить около полутора часа твоего свободного времени. А вот если ее так бочком-бочком... ты возьми и примени ее для анализа собственных текстов, или даже собственного блога. Сразу отловятся и слова-паразиты и лишние термины в выдаче RSS. Анализируй, камрад блоггер! Тулза тебе и совет от «городского сумасшедшего» в помощь.

Читать дальше »

суббота, 28 февраля 2009 г.

Год молодежи раз два

А вы в курсе, что 2009 год объявлен в России Годом молодежи? Смотрим ролик, ловим 25-й кадр, а дальше мои размышления отнюдь не претендующие на истину в последней... в последней.



И вроде все правильно, красиво и ёмко... Так что же не так? Вроде впору кричать «эта прарыфф!» и обливаясь горючими слезами в приступе самобичевания «восклицать каг я мог так раньше жыть?!!» Идея, бля, гениальна. И все чаще в интернете зришь вопросы типа

Как появилась идея объявить 2009 год Годом молодежи?


А потому что самое время! Кризис, нах! Что значит Год молодежи? Что тебе дадут квартиру? льготную ипотеку? подберут работу по твоему складу характера или ума? обеспечат лечение/обследование в больнице, чтобы у тебя были здоровые дети? ах, есть дети... твоих детей устроят в садик? Авотхуй! Это просто твой год! Тебе решать, как выгребаться из этой жопы, «ты ж молодой!» Это следовало бы назвать год сперматозоида – выживает сильнейший. Забудь свои стремления и мечты у тебя есть выбор – либо ты выжил, либо нет.


А вот и ролик-ответ от sostav.ru (если не отображается – ходи по ссылке):


P.S. Повторяю, что все буквы в тексте отражают лишь мое сугубо личное мнение. Любители помахать флагом оптимизма и повыкрикивать лозунги будут попрошены высказаться конкретными примерами или попрошены нахуй.


Читать дальше »

четверг, 19 февраля 2009 г.

Инструмент Stripe Generator

Онлайн генератор полосатого узора


Очередной полезный инструмент для веб-мастеров. На самом деле, это брат-близнец генератора узора «шотландки». С одним лишь отличием... Да, вы угадали -- вместо клетчатых узоров он делает «полосатости».


Stripe Generator 2.0

Необходимое и достаточное количество функций, приятный интерфейс, реализовано с использованием технологии AJAX. Поэтому -- удобно, шустренько, приятно. Рекомендую. Ссылка под катом -- лучше один раз попробовать, чем десять раз прочитать ;).


Этот генератор планирую использовать в одном из следующих примеров.



Читать дальше »

среда, 11 февраля 2009 г.

Pastie подсветка синтаксиса

Самый первый пост, опубликованный мной с тегом JavaScript освещал такую интересную для любого «кодоблоггера» тему, как Динамическая подсветка синтаксиса с помощью javascript.

Если же по каким-то причинам вам лень добавлять javascript к вашему шаблону, вы можете воспользоваться сервисом Pastie.

Pastie код
Pastie «умеет» подсвечивать код 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 в ваш блог и подсветка кода готова.

Код Pastie в блоге
Второй, неявный способ применения Pastie -- обмен фрагментами кода. Удобно при удаленной разработке в команде.

P.S. Pastie написан на Ruby on Rails.


Читать дальше »

суббота, 31 января 2009 г.

Черный ящик блогуна

Вот нет-нет да и попадаются вещи недоступные моему пониманию. В данном случае одна из них -- как сервис Блогун.руБлогун - монетизируем блоги перечисляет деньги блоггерам? Нет, я таки нашел. Но! Чтобы найти ответ на этот, казалось бы вполне предсказуемый вопрос, пришлось сделать целых ДВА клика! И это еще при том “know how”. Простыми буквами -- надо еще знать где ткнуть. И это в сервисе исключительно ориентированном на получение финансовой прибыли. По моему сугубо личному мнению отнюдь не претендующему на абсолютную истину, это должно сиять неоновыми буквами хотябы просто потому, что на такие сервисы люди приходят не ради «тусовки», а с конкретными вопросами:
  • Блогер: как я получу свои деньги?
  • Рекламодатель: как мне оплачивать услуги?
Читать дальше »

воскресенье, 18 января 2009 г.

CSS Zen Garden

На этом сайте вы можете лишний раз убедиться в силе CSS. Никакой магии, только один файл HTML и около 800 файлов CSS.
Из серии «пища для глаз», рекомендуется для просмотра. Особенно полезно при творческом запоре застое.

CSS Zen Garden

Читать дальше »

Онлайн генератор разметки страницы CSS

И снова в копилку полезных ресурсов. Он-лайн генератор разметки страницы с использованием CSS (для ленивых). По завершении операции выдаст ссылки на два файла:
  • randomNumber.html -- собственно, сама страница с готовой разметкой HTML;
  • randomNumber.css -- «таблица стилей» CSS.

CSS Layout Generator

Читать дальше »

понедельник, 5 января 2009 г.

Год бесплатного хостинга для разработчиков web-приложений Bebo

BeboSun Microsystems, совместно с провайдером Joyent предоставляют разработчикам Web-приложений для Bebo один год бесплатного хостинга. Это предложение будет основываться в бесплатном размещении их приложений для социальной медийной сети с поставляемым пользователями наполнением. Кроме того, разработчикам будут доступны инструменты Java, PHP, Ruby on Rails, а также Sun Web 2.0 Scalable Performance Toolkit и Apache Olio, находящиеся на стадии разработки, с помощью которых разработчики смогут создавать, отлаживать и развертывать социальные Bebo-приложения.

Разрабатываемый инструмент Sun Web 2.0 Scalable Performance Toolkit призван отвечать за генерирование рабочей нагрузки, а Apache Olio - за оценку пригодности, функциональности и производительности размещаемых Web-приложений.

Кроме того, разработчикам будет доступен набор инструментов от самой Bebo. В него войдет анализ всего времени, которое было затрачено на создание приложения. Следовательно, пользователи смогут в точности до секунд рассчитывать и распределять свое время при создании Web-приложений для социальной медийной сети Bebo.
Читать дальше »

суббота, 13 декабря 2008 г.

Новогодние иконки RSS и не только

Украшаем блог к Новому году! Создаем праздничное настроение себе и своим посетителям.

Набор праздничных feed-icons от SmashingMagazine.
Новогодние feed-иконки

Новогодние RSS-иконки от Ajaxpath
Новогодние иконки RSS

Новогодние иконки для 17 сервисов социальных закладок в IconArchive.

Коллекция из 17 иконок наиболее известных сервисов социальных закладок в колпаке Деда Мороза : Blinklist, BlogMarks, Delicious, Digg, Facebook, Feeds, Flickr, Furl, Magnolia, Mister-Wong, Netvibes, Newsvine, Reddit, Stumbleupon, Ta-Da List, Technorati и You Tube.
Иконки в форматах .ico и PNG: 256x256px и 48x48px.
Автор: Fast Icon.
Новогодние иконки для социальных закладок
Эти иконки я использую в одном из следующих примеров.

iPod новогодние иконки в IconArchive. Иконки в форматах .ico и PNG: 256x256px и 48x48px. Автор: Fast Icon.
Кстати, советую покопаться у автора в разделе бесплатные иконки -- найдете много интересного не только на новогоднюю тему.
iPod новогодний

Иконки с Сантой (или Дедом Морозом) от Iconka.
Иконки с Сантой

Еще подборки на новогоднюю тематику:

Читать дальше »

понедельник, 8 декабря 2008 г.

AJAX-индикаторы бесплатно и быстро

При разработке AJAX-приложений порой не лишне дать пользователю знать, что выполняется ajax-запрос, а не просто «оно чего-то затупило...». Для этого часто используется анимированное изображение GIF, так называемый “ajax-loader”. Появление такого индикатора оказывает на душевное состояние пользователя прямо-таки благотворное воздействие. Он видит – что-то происходит, его запрос выполняется, его здесь любят и ценят :). К показателю «дружественности» интерфейса +1.

Ajaxload
Читать дальше »

среда, 3 декабря 2008 г.

Генератор веб-кнопок

Еще один полезный веб-инструмент -- генератор кнопок. Несколько наборов шаблонов кнопок, возможность задавать текст кнопки, порядка 15+ шрифтов, возможность изменять цвета текста и кнопки, использовать эффекты -- «тень» (Drop Shadow), «свечение» (Outer Glow) и пр. То же самое и для rollover-кнопки.
Генератор веб-кнопок


Читать дальше »

понедельник, 1 декабря 2008 г.

Генератор узора-«шотландки»

Генератор узора-«шотландки»Еще один онлайн-генератор. Генерирует трехцветный клетчатый узор-«шотландку». Будет полезно в-первую очередь для сплошных фонов веб-страниц. Клетчатый узор для фона этого блога был добыт на другом ресурсе с последующей обработкой в Photoshop. А тут поди ж ты -- специальный генератор!

# Tartan Maker
Читать дальше »

пятница, 28 ноября 2008 г.

110+ бесплатных RSS-иконок

Еще один ресурс со ссылками на более 110 бесплатных иконок для RSS.
110+ иконок для RSS
Кстати, свою RSS-иконку взял именно оттуда. Да, многие иконки в формате PNG, так что статья про PNG в Internet Explorer будет кстати.
Pro Blog Design
Читать дальше »

среда, 26 ноября 2008 г.

Тестер RegExp - регулярных выражений

Нашел полезный инструмент для тестирования регулярных выражений (RegExp) JavaScript. Нужно ввести шаблон (регулярное выражение) и проверяемый объект. Тестер выполняет операции:
String.match(pattern)
Проверяет совпадение заданной строки (String) регулярному выражению (pattern). С флагом g возвращает массив совпадений, без флага g возвращает первое совпадение. Если совпадений не найдено, возвращает null.
String.replace(pattern, string)
Заменяет совпадения заданной строкой и возвращает полученную строку.

Тестер регулярных выражений (RegExp) на JavaScript


RegExp:

Subject string:

Replacement text:

Result:



Ссылка: Online Regular Expression Tester
Читать дальше »

воскресенье, 23 ноября 2008 г.

Баннер для вашего блога

Нужен баннер для вашего блога? Нет ничего проще! Предлагаю анимированный баннер, который показывает по очереди пять самых последних записей из вашего фида. Это циклический баннер для вашей рекламы!

Ruby Brewed [.rb]

↑ Grab this Headline Animator


Как сделать такой?

1. Регистрируйтесь на Feedburner;

2. После успешной регистрации вы попадёте на страницу Мои фиды. Введите URL вашего фида в поле "Зажигай" фид прямо сейчас;

Зажигай фид прямо сейчас

3. Не знаете, как найти фид (feed, RSS) вашего блога?
У каждого блога есть RSS-лента. Всё, что вам нужно, это отыскать такой значок на главной странице вашего дневника rss. Щелкните этот значок и вас перебросит на RSS-ленту. Скопируйте URL из адресной строки браузера;

4. После того как «прожжете» фид, заходите в настройки вашего фида. И оттуда -- на вкладку «Публикуй» - «Аниматор заголовков»;

5. Выберите шаблон для вашего баннера (или загрузите собственный), подберите шрифты и цвета. Когда всё будет готово, жмите кнопку «Активировать»;

6. Получите код вашего баннера. В списке предлагается несколько платформ:
MySpace page, TypePad blog, TypePad JP blog, Blogger blog, WordPress.com blog и Email signature (подпись к email)
Если вы не обнаружили движка вашего блога в списке, выбирайте последний пункт: Other (just gimme the code) -- Другой (просто дай мне код);

Получить код баннера

7. Полученный код разместите у себя в блоге.

© 2008 Ruby Brewed.
Читать дальше »

Иконка favicon для блога

Как добавить иконку (favicon) для вашего блога? Чтобы в адресной строке и в закладках пользователей URL вашего сайта отображался примерно так:
Иконка в адресной строке
1. Создать иконку
Вы можете создать иконку самостоятельно с помощью специальных програм (я использовал Axialis IconWorkshop) или плагина для Photoshop. Используйте
размер 16x16 пикселей или двойной: (16x16 и 32x32). Или вы можете выбрать готовую иконку, например, на следующих ресурсах.

2. Загрузить иконку
Теперь вам нужно загрузить иконку "в мир". Для этого вы можете использовать: сервисы файл-хостинга (требуется регистрация) или Сайты Google

3. Добавить иконку в шаблон
В редакторе шаблонов вставьте следующий код (только измените пути к вашей иконке) где-либо между тегами <head> и </head>:
<link href='http://imagehost.com/yourfavicon.ico' rel='shortcut icon'/>
<link href='http://imagehost.com/yourfavicon.ico' rel='icon'/>

Сохраните шаблон

Приложения

П1. Ресурсы иконок




П2. Файл-хостинги для иконок



Читать дальше »

пятница, 21 ноября 2008 г.

Обдираем обои на веб-страницы

Нашел еще один ресурс, откуда можно надёргать бэкграундов (фонов). Ресурс этот не совсем обычный для веб-дизайна. Дело в том, что это магазин обоев. Тех самых, которые клеятся на стену, а не на ваш рабочий стол :). С сопутствующим замешиванием клея «Метилана», «Момента» или еще чего-нибудь в этом духе.

Настенные обои

И как же может нам пригодиться этот ресурс с бумажными обоями? А всё просто! Что характерно для обоев? -- Правильно! -- повторяемость рисунка. И при наличии нехитрых навыков можно нарезать бесшовных текстур из более 200 образцов, вывешенных на сайте.

А вот и ссылка: vintage wallpapers and wallcovering. Читать дальше »

воскресенье, 16 ноября 2008 г.

Черепичные фоны для веб

Небольшой ресурс с набором из черепичных (бесшовных) фонов для web: Squidfingers / Patterns. Можно бесплатно скачать и использовать как фоны собственных веб-страниц.
набор черепичных веб-фонов
Читать дальше »