
Игорь Сачивка @juicy
User
Автоматизация работы с изображениями
1 min
10KНедавно мне принесли кучу фотографий для размещения на сайте. Проблема была в том, что все фотографии были разных размеров, а на сайте необходимо, чтобы изображения были вписаны в квадратный блок с размером 300 пикселей. Конечно, существует множество решений, для подгонки фотографий к одному размеру, но я хотел бы поделиться еще одним решением.
Для этого нам потребуется:

Для этого нам потребуется:
- Компьютер с установленной системой Mac OS X
- Программа Automator, которая поставляется вместе с системой

+59
+240
Philosopher — новый бесплатный шрифт
1 min
23KМой знакомый делает бесплатные шрифты для дизайнеров, очень хочу показать вам последний из них:

Автор шрифта продвигает бесплатную типографику от дизайнеров для дизайнеров.
Прочитать подробнее о шрифте и пообщаться с автором можно у него в ЖЖ
Здесь можно бесплатно скачать сам шрифт

Автор шрифта продвигает бесплатную типографику от дизайнеров для дизайнеров.
Прочитать подробнее о шрифте и пообщаться с автором можно у него в ЖЖ
Здесь можно бесплатно скачать сам шрифт
+166
Запуск бюджетной линии серверов за 59 $
1 min
17KДрузья!
Мы учли комментарии и пожелания и расширили свое портфолио спец предложением для хаброжителей:
HP Blade сервер:
CPU: 2 x Intel Xeon CPUs (2 GHz — Quad core)
Память: 8GB RAM
Диски: 2 x 500 GB HDDs

Спец тариф для Хабра — 59 $ в месяц! *
Если при заказе этот пост у Вас в избранном — месяц на один сервер даем бесплатно!
*Предложение действует только для новых клиентов, зарегистрированных с указанием промо кода [5364840AD8]. Один клиент может получить не больше 3х HP blade серверов.
Количество серверов ограничено.
UPDATE: Все серверы предварительно уже разобрали. Регистрируйтесь с промо кодом и пишите запрос pk@serverclub.com — либо кто то не сделает заказ, либо мы сделаем скидку на аналоги под Ваши требования. Отказные серверы будут раздаваться в порядке живой очереди.
Мы учли комментарии и пожелания и расширили свое портфолио спец предложением для хаброжителей:
HP Blade сервер:
CPU: 2 x Intel Xeon CPUs (2 GHz — Quad core)
Память: 8GB RAM
Диски: 2 x 500 GB HDDs

Спец тариф для Хабра — 59 $ в месяц! *
Если при заказе этот пост у Вас в избранном — месяц на один сервер даем бесплатно!
*Предложение действует только для новых клиентов, зарегистрированных с указанием промо кода [5364840AD8]. Один клиент может получить не больше 3х HP blade серверов.
Количество серверов ограничено.
UPDATE: Все серверы предварительно уже разобрали. Регистрируйтесь с промо кодом и пишите запрос pk@serverclub.com — либо кто то не сделает заказ, либо мы сделаем скидку на аналоги под Ваши требования. Отказные серверы будут раздаваться в порядке живой очереди.
+14
Затухающие полоски на CSS3 без изображений
2 min
22KTutorial
Хочу поделиться с вами моим способом создания затухающих полосок без использования изображений. Дальше под катом описан метод создания таких элементов с комментариями и примером.


+73
Morris.js: средство рисования красивых графиков при помощи jQuery и Raphaël
2 min
19KTutorial
В позавчерашнем выпуске «Mozilla Hacks Weekly» увидал гиперссылку «Morris.js», пошёл по ней, почитал, порадовался — а теперь и вам поведаю.
Morris — это легковесный джаваскрипт(всего-то 3052 байта после миниатюризации) с открытым исходным кодом (распространяемым по упрощённой лицензии BSD), который для работы требует jQuery и Raphaël и строит с их помощью графики на простой сетке горизонтальных линий, наподобие такого:
![[график]](https://habrastorage.org/getpro/habr/post_images/2ac/8dd/0ef/2ac8dd0ef355f42b9d8c48ee02360a2b.png)
По оси абсцисс откладывается время, по оси ординат —какие-нибудь зависящие от времени значения. (Morris изначально разрабатывался для сайта, показывающего общее число автомашин той или иной марки в Великобритании, так что для него естественно, что ось абсцисс — это ось времени.)
Графики реагируют на мышь: вспучиваются точки, соответствующие указанному мышью моменту во времени, и подле них появляются подсказки.
Достоинство скрипта — простота API. Приведённый мною пример создаётся вот таким вызовом:
Morris — это легковесный джаваскрипт
![[график]](https://habrastorage.org/getpro/habr/post_images/2ac/8dd/0ef/2ac8dd0ef355f42b9d8c48ee02360a2b.png)
По оси абсцисс откладывается время, по оси ординат —
Графики реагируют на мышь: вспучиваются точки, соответствующие указанному мышью моменту во времени, и подле них появляются подсказки.
Достоинство скрипта — простота API. Приведённый мною пример создаётся вот таким вызовом:
// поквартальные данные, тонкие линии, цвета их заданы в явном виде
Morris.Line({
element: 'quarterly',
data: [
{q: '2009 Q3', a: 100, b: 75},
{q: '2010 Q2', a: 75, b: 50},
{q: '2010 Q3', a: 75, b: 50},
{q: '2011 Q1', a: 50, b: 25},
{q: '2011 Q3', a: 50, b: 25},
{q: '2011 Q4', a: 75, b: 50},
{q: '2012 Q2', a: 100, b: 75}
],
xkey: 'q',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
lineColors: ['#167f39','#044c29'],
lineWidth: 2
});
+44
Работаем с jQuery Templates. Часть третья, jQuery Templates Plus
7 min
7.1KДве недели назад я рассказал об основных возможностях плагина jQuery Templates и обещал на этом не останавливаться. Обещания надо выполнять, поэтому сегодня я расскажу о дополнительных функциях, не вошедших в основной код плагина.
Дополнительные функции плагина включают:
Код дополнительных функций вынесен в файл jquery.tmplPlus.js, поэтому для их использования вы должны добавить ссылку на этот файл:
Дополнительные функции плагина включают:
- Набор команд, существенно упрощающих изменение отрендеренных шаблонов при изменении связанных с ними данных;
- Событие rendered, которое вызывается после того, как отрендеренный шаблон добавляется в структуру документа.
Код дополнительных функций вынесен в файл jquery.tmplPlus.js, поэтому для их использования вы должны добавить ссылку на этот файл:
<script src="Scripts/jquery-1.5.js" type="text/javascript"></script>
<script src="Scripts/jquery.tmpl.js" type="text/javascript"></script>
<script src="Scripts/jquery.tmplPlus.js" type="text/javascript"></script>
+46
Фоторама
4 min
55K
Около полугода назад я написал простой джейкверный плагин для галерей на сайтах. Назвал его Фоторамой и выложил в интернет. По клику кроссфейдом показывалась следующая фотография, клик с шифтом мотал назад — вот и всё.
За эти месяцы Фоторама повзрослела, обзавелась сайтом с логотипом и, думаю, теперь можно написать о ней на Хабре.
+286
CSS-препроцессор LESS и его интеграция с Ruby on Rails
3 min
5.9K
+50
Information
- Rating
- Does not participate
- Location
- Беларусь
- Date of birth
- Registered
- Activity