Как стать автором
Обновить
41
0
Резник Артем @DarthRaven

Пользователь

Отправить сообщение

Оформление скроллбара (кроссбраузерно)

Время на прочтение3 мин
Количество просмотров2.4K
Не нашел подобную статью на хабре, а тут как раз пришлось столкнуться с данной проблемкой.

Рассмотрим два решения этой проблемы, на разных фреймворках — jQuery (jScrollPane) и MooTools (MooTools ScrollContro).

Читать дальше →
Всего голосов 9: ↑7 и ↓2+5
Комментарии20

Используем Text To Speech от Google

Время на прочтение1 мин
Количество просмотров3.9K
Набираем в браузере:
translate.google.com/translate_tts?tl=en&q=some short english text

или пишем скрипт google-tts.sh:
#!/bin/sh
text=`echo $@|tr ' ' '+'`
file=`echo $@|tr ' ' '-'`.mp3
wget -U Opera "http://translate.google.com/translate_tts?tl=en&q=$text" -O "$file"

использовать так: ./google-tts.sh some short english text
Всего голосов 25: ↑21 и ↓4+17
Комментарии14

Как достичь профессионального вида с помощью цвета

Время на прочтение9 мин
Количество просмотров11K
image

Что заставляет дизайн выглядеть скоординированным, спланированным и профессиональным? Ответ: 'цвет'.

Далеко не каждый проект нуждается в использовании мягкого корпоративного синего цвета для того, чтобы выглядеть профессионально. Планирование цвета означает создание структуры, которая бы описывала, какие использовать цвета и как их использовать. Цвет — самый неподдающийся элемент дизайна. «Хороший» цвет жестко связан с такими неуловимыми вещами как личный вкус и интуиция, и, в то же время, с технической позиции с калибровкой монитора и контрастом.

Но цвет просто необходим для контента. Если Вы уделите вебсайту достаточно времени для его совершенства, то читатели вероятно уделят достаточно времени его просмотру. Хороший выбор цвета сделает это возможным.

В этой статье мы будем делать обзор некоторых методик, чтобы достигнуть красивого сочетания цвета для Ваших проектов в сети.
Читать дальше →
Всего голосов 194: ↑167 и ↓27+140
Комментарии38

jsTree — Правильное дерево

Время на прочтение3 мин
Количество просмотров4.3K
Привет всем хабралюдям. Хочу рассказать вам о замечательной штуке, которая позволяет нарисовать красивую древовидную структуру. На хабре о JsTree, речь шла не один раз, но в основном это были краткие обзоры. Я же хочу рассказать, о нем немного подробнее, потому что этот плагин для jQuery выполняет практически любые задачи, которые можно ассоциировать с деревом.

Читать дальше →
Всего голосов 18: ↑15 и ↓3+12
Комментарии6

JS стратегия, в которую можно играть по сети

Время на прочтение1 мин
Количество просмотров479
Немного об игре

Сделана она на чистом javascript, без библиотек и флэша. Работает в опере 9 и выше, фф 3. Для IE7 пока есть проблемы
Это конечно бета, писал я ее один и буду рад, если кто-то заинтересуется продолжить начатое.

http://yarax.ru/lab/evol2/create.php

После того как кто-то создаст сервер, а кто-то к нему присоединится оба игрока оказываются на игровом поле в разных рандомных местах. В наличии есть один крестьян, действия которого можно посмотреть если кликнуть по нему. У каждого игрока враг всегда темно-оранжевый. С новыми постройками появляются новые возможности.

image

Задача как и везде развиться быстрее, создать войско и разгромить соперника =)
Совет: используйте ctrl+колёсико для работы с масштабом, изначально он максимально крупный. А также F11 для игры в полноэкранном режиме.

Здания в порядке доступности:
Поселение
мельница
железная шахта
золотая шахта
кузница
военный лагерь
академия
Юниты:
крестьяне (рождаются из поселения)
воины (из военного лагеря)

Есть косяки (возможно и прочие) при масштабных сражениях из-за недостатков синхронизации. Буду рад услышать идеи насчет их устранения. А также помощи в гиф клипартах.
Всего голосов 20: ↑16 и ↓4+12
Комментарии15

7 самых необычных и удивительных приложений для Nokia 5800

Время на прочтение3 мин
Количество просмотров13K
Я хочу познакомить вас с самыми необычными, на мой взгляд, приложениями для первого сенсорного смартфона Nokia 5800, которые удивили меня при первом знакомстве. Некоторые из них вам могут очень пригодиться в повседневной жизни, а другие покажутся просто забавными. Я не буду рассказывать о таких банальных программах как GPS-навигатор, диктофон или IP-телефон. Они действительно интересны и необходимы, но они доступны во многих других современных коммуникаторах и обсуждались уже много раз.
Читать дальше →
Всего голосов 44: ↑34 и ↓10+24
Комментарии45

Электронное правительство или как казаки загранпаспорт получали

Время на прочтение4 мин
Количество просмотров3.6K
imageВсем известны старые советские мультики из серии «Как казаки (что-то там делали)», однако, моя история вовсе не из советского прошлого, а из совсем недавнего, настоящего, современного.
Данная история была навеяна топиком про уязвимость в системе госуслуги.рф, и хотя к безопасности данный рассказ никакого отношения не имеет, но зато он изнутри вскрывает все те проблемы, с которыми мне пришлось столкнуться при попытке оформления загранпаспорта через небезызвестный портал. Возможно, кому-то это поможет сэкономить уйму времени и нервов.
Читать дальше →
Всего голосов 29: ↑20 и ↓9+11
Комментарии38

Обзор Android коммуникатора за $210, DualSIM, 5Mp, WiFi

Время на прочтение5 мин
Количество просмотров3.7K
image

Если говорить о рынке китайских телефонов, то сразу приходят в голову аляповатые Nokla с сенсорными экранами, двумя SIM-картами, ТВ и смешным переводом. Но в Китае делают не только подделки и копии известных телефонов. Если посмотреть сайты производителей телефонов, то можно найти достаточно много интересных моделей в плане дизайна и возможностей.
Далее фотографии = трафик!

Читать дальше →
Всего голосов 217: ↑208 и ↓9+199
Комментарии245

intro.js — пошаговое руководство для веб-страницы

Время на прочтение1 мин
Количество просмотров51K


Эта маленькая библиотека позволяет очень просто создать пошаговое введение для сайта или приложения. Достаточно добавить атрибуты data-intro и data-step с описанием и номером шага соответственно к нужным элементам страницы. Вот так:

<a href='http://google.com/' data-intro='Hello step one!' data-step='1'></a>
Читать дальше →
Всего голосов 139: ↑134 и ↓5+129
Комментарии24

Чёртова дюжина советов начинающим верстальщикам. Часть первая

Время на прочтение6 мин
Количество просмотров32K
Доброго времени суток!

Введение


Я являюсь фрилансером. Раньше я не особо задумывался над тем, как и что делают верстальщики. Я делал серверную часть, а мой друг верстал и набивал контент. Совсем недавно мне захотелось попробовать «что и как». Пару дней назад мне на глаза попался материал, который мне очень понравился. Он наглядно обЪяснял, что и как нужно писать. К сожалению, сылку дать не могу, так как я не запаомнил, где располагался сей мануал, но… Казалось бы, можно это и запомнить, но я пошёл ещё одним путём — законспектировал это дело. Собственно, добро пожаловать в мою записку.
Читать дальше →
Всего голосов 233: ↑192 и ↓41+151
Комментарии186

LESS: программируемый язык стилей

Время на прочтение13 мин
Количество просмотров430K
Я не люблю CSS. Он простой и понятный. Это движущая сила Интернета, но он слишком ограниченный и им трудно управлять. Пришло время привести этот язык в порядок и сделать его более полезным, используя динамический CSS при помощи LESS.
Объясню свою позицию на примере. Почему бы вместо использования #FF9F94 для получения темно-персикового цвета просто не хранить значение этого цвета в переменной для её последующего использования? Что бы перекрасить сайт достаточно будет изменить значение переменной всего в одном месте и всё.
Другими словами: это будет очень изящно, если мы будем использовать немного программирования и логики в CSS, что бы сделать его более мощным инструментом. Хорошо, что это всё возможно с использованием LESS.
Так что же такое LESS?
Всего голосов 161: ↑147 и ↓14+133
Комментарии136

Топ-5 самых впечатляющих книг, которые должен прочесть каждый разработчик ПО

Время на прочтение3 мин
Количество просмотров380K
Не так давно промелькнула ссылка на достаточно свежее (осень 2011) англоязычное голосование со скромным названием "самая впечатляющая книга, которую должен прочесть каждый разработчик программного обеспечения" и описанием:

Если бы вы могли вернуться в прошлое, к самому началу своей карьеры разработчика и сказать самому себе: «прочитай именно эту книгу», в самой начале своей карьеры разработчика, какую бы книгу вы рекомендовали?

Тема перевода зарубежной профессиональной IT-литературы стоит достаточно остро, многие любят читать книги в оригинале по различным причинам, таким так время выхода русского перевода с запозданием на годы, недостаточный профессионализм переводчика и соответствующая потеря тонкостей и авторского стиля и т.д.

Однако в данном небольшом посте я возьму на себя смелость перечислить ТОП-5 тех самых книг, победивших в голосовании, переведенных на русский язык. И дать небольшие комментарии, ведь книги действительно этого достойны. Да, лично я бы поменял некоторые места, однако положимся на «мнение зала» ресурса Stack Overflow.
Читать дальше →
Всего голосов 236: ↑219 и ↓17+202
Комментарии182

Что такое этот новый jQuery.Callbacks Object

Время на прочтение10 мин
Количество просмотров16K
В не столь давно вышедшей версии jQuery 1.7 появился новый объект Callbacks, о котором сегодня и пойдёт речь.
В официальной документации jQuery.Callbacks описан, как многоцелевой объект, представляющий собой список функций обратного вызова (callbacks — далее просто колбэков) и мощные инструменты по управлению этим списком.

Я просматривал возможности этого объекта, когда он был ещё только в разработке, и надо сказать, что возможностей у него изначально было немного больше, чем осталось в релизной версии. Например, сейчас отсутствует возможность создания очереди (queue) колбэков, которые вызываются по одному на каждый вызов fire(). Видимо, команда jQuery, решила немного подсократить код, убрав «ненужные/редкоиспользуемые» возможности, чтобы сэкономить в весе библиотеки. Это маленький экскурс в историю Callbacks, но далее я буду описывать только доступные сейчас функции и в конце напишу небольшое возможное улучшение этого объекта.
Кому интересно, прошу под кат
Всего голосов 73: ↑73 и ↓0+73
Комментарии24

Плагин на jQuery для вывода рейтинга в виде звезд

Время на прочтение5 мин
Количество просмотров53K
Все началось с того, что я решил изменить рейтинг для заметок на своем блоге.

Основной причиной смены рейтинга послужило то, что рейтинг выводился «целочисленными» звездами, ну максимум можно было вывести и половину звезды. Т. е. если рейтинг для статьи был 4.75, то надо было выводить либо 4.5 звезды либо 5, что меня не очень устраивало.

Поэтому было принято решение написать свой собственный плагин на jQuery для формирования рейтинга в виде звезд.

Основные требования к плагину:
  • Рейтинг должен был выводиться корректно, т. е. если у меня рейтинг был равен 4.78, то и количество закрашенных звезд должно быть соответствующим.
  • Возможность выбора эффекта при наведении курсора мыши на звезду. Это имеется ввиду то, какую оценку пользователь сможет выставлять. т. е. при наведение указателя мыши на звезды они должны были закрашиваться либо целыми звездами, либо по пол звезды, либо в абсолютных значениях следуя за указателем мыши
  • Возможность задания своих звезд
  • Возможность указать URL на который будет отправлен результат голосования
  • Возможность указать количество звезд выводимых в рейтинге
  • Автоматическое склонение результатов голосования. (Например: 1 голос, 2 голоса, 5 голосов)
  • Возможность задать свои существительные для результатов голосования
  • Возможность задавать минимальное значение рейтинга, ниже которого пользователь не сможет проголосовать
  • Возможность выполнить пользовательскую функцию, при клике на звезду


После того, как требования к плагину были разработаны, я приступил к программингу. В результате у меня получился довольно неплохой, как мне кажется, плагин на jQuery для рейтинга заметок в виде звезд, которым я с радостью поделюсь с Вами.
Читать дальше →
Всего голосов 85: ↑70 и ↓15+55
Комментарии63

Прозрачное кэширование в nginx для всех и каждого

Время на прочтение2 мин
Количество просмотров115K
Представим, что у нас есть сайт, на который регулярно дают ссылки с хабра.
Нам нужно подготовить его к резким всплескам посещаемости. Как это сделать?

С версии 0.8.46 в nginx появились опции, позволяющие легко и просто настроить прозрачное кэширование для анонимных пользователей.

Для работы этой схемы от сайта требуется очень мало: достаточно лишь не начинать сессию, то есть не отправлять сессионную куку, без явной на то необходимости. Редкий сайт нельзя довести до такого состояния, а значит большинство сайтов можно защитить от резких всплесков посещаемости с помощью nginx с минимальными затратами сил и времени.

Читать дальше →
Всего голосов 100: ↑97 и ↓3+94
Комментарии65

Создание ознакомительного поискового движка на Sphinx + php

Время на прочтение5 мин
Количество просмотров104K

Предыстория


Раньше для поиска по сайту мы использовали обычный fulltext поиск. Но в определенный момент он перестал нас устраивать и мы решили опробовать альтернативную технологию поиска: Sphinx. К сожалению, у сфинкса совсем нет русской документации, поэтому эта статья — аналог статьи Build a custom search engine with PHP, только на русском языке и для моего локального окружения (windows 7, mysql/php)
Статья состоит из 4 частей:
  1. Краткий рассказ про подготовку базы для поиска.
  2. Рассказ про первоначальную установку и настройку сфинкса
  3. Индексирование базы и тестовый поиск из командной строки
  4. Тестовый поиск из php

Читать дальше →
Всего голосов 82: ↑73 и ↓9+64
Комментарии59

Range, TextRange и Selection

Время на прочтение13 мин
Количество просмотров78K
Многим JavaScript-разработчикам приходилось сталкиваться с объектами, перечисленными в заголовке, например, при решении следующих задач:
— создание визуальных редакторов (wysiwyg),
— поиск в окне браузера,
— выставление BB-кода,
и т.д.

В этой статье автором предпринята попытка собрать перевод документации об этих объектах в одном месте + написать небольшие сопроводительные примеры. Перевод вольный, не дословный, так что если встретите неточность или корявую формулировку — пишите в комментариях.

В целом пост носит справочный характер, и, надеюсь, кому-то упростит разработку.

Читать дальше →
Всего голосов 96: ↑96 и ↓0+96
Комментарии28

Разработка мультитач веб-приложений

Время на прочтение6 мин
Количество просмотров59K
Мобильные устройства такие как сматрфоны или планшеты обычно имеют емкостный экран, чувствительный к прикосновениям для расширенного взаимодействия с пользователем.

С каждым днем мобильные приложения становятся все сложнее и сложнее. Веб-разработчикам тоже нужен API для использования всех возможностей тачскрина. Например, какой-нибудь аркаде или файтингу нужна необходимость нажатья нескольких кнопок, эту возможность может предоставить экран с поддержкой мультитач.

Apple ввел свое touch events API в iOS 2.0, вскоре устройства на Android тоже получили такую возможность и touch events API стал стандартом де-факто. Недавно была собрана рабочая группа W3C для работы над touch events specification.
В этой статье я рассмотрю touch events API, которое нам предоставляют устройства на iOS и Android, мы изучим какие приложения можно создавать, используя touch events API. В статье куча полезных примеров и техник, которые позволяют упростить написание приложений с touch events API.
Читать дальше →
Всего голосов 51: ↑47 и ↓4+43
Комментарии14

Магия JavaScript: arguments

Время на прочтение3 мин
Количество просмотров68K
arguments — очень специфическая штука, о которой новички и даже любители знают только то, что это «вроде массив, но какой-то неправильный». На самом деле, у него есть ряд интересных особенностей. Предлагаю в топике пофантазировать на тему TypeHinting, аргументов по-умолчанию и всякого другого.
(function (foo, bar) {
	console.log(typeof arguments); // ?
	
	arguments[0] = 42;
	console.log(foo); // ?
})(10, 20);


А также покажу интересную идею-библиотеку
function test (foo, bar) {
    Args(arguments).defaults(100, 100);

    return [foo, bar];
};

test(      ); // 100, 100
test(15    ); //  15, 100
test(21, 42); //  21,  42

Читать дальше →
Всего голосов 99: ↑93 и ↓6+87
Комментарии37

Делаем консоль чуточку удобнее

Время на прочтение4 мин
Количество просмотров7.2K
Практически все Javascript-программисты пользуются консолью в браузерах. Консоль встроена в Хром, Оперу, IE и устанавливается с Firebug в Фоксе.
Но у неё есть пару неудобств, которые можно очень легко исправить. Это:
  • Ошибки, когда консоль не определена
  • Невозможность использовать вне контекста
  • Невозможность отключить во время production
  • некроссбраузерность

Исправим эти проблемы легко и быстро!

Читать дальше →
Всего голосов 97: ↑92 и ↓5+87
Комментарии35

Информация

В рейтинге
Не участвует
Откуда
Новокузнецк, Кемеровская обл., Россия
Дата рождения
Зарегистрирован
Активность