Articles / Bookmarks / Profile of Galkoff / Habr

How to become an author

Денис Галков @Galkoff

User

ProfileArticlesPostsNewsComments136

G0ran Jun 2 2010 at 23:00

AeroWindow плагин для jQuery. Создание окон в стиле Windows Aero

2 min

5.1K

Translation

Хочу представить вашему вниманию интересный плагин для jQuery — AeroWindow, позволяющий создать ваш сайт в стиле Windows Aero. Он создает появляющиеся окна в стиле Window 7 Aero, которые предлагают обычные опции и полную функциональность похожую на окна Windows.

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

+111

lessio May 28 2010 at 08:59

Визуальный редактор на jQuery

2 min

14K

Website development*

Визуальный редактор

В мире визуальных редакторов есть CKeditor, есть tinyMCE — монстрообразные, не гибкие, их сложно изменять под задачи сайтов и интерфейсов. Есть небольшие, простые, они часто с ужасным дизайном, не развиваются, не поддерживаются. Как настоящий разработчик, несколько лет назад я решил написать свой редактор и в течение этого времени постоянно развивал его и упрощал. Суть редактора постепенно свелась к простым требованиям:

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

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

+194

aishek May 25 2010 at 10:01

ModularGrid — модульная сетка в браузере (и не только сетка)

1 min

10K

Website development*

ModularGrid — это небольшая программка на javascript (около 30 КБ), которая облегчает труд HTML-верстальщика.

Основные возможности ModularGrid

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

подробности

+96

Margaritka May 19 2010 at 22:04

Google представил API для кроссбраузерного подключения шрифтов

1 min

11K

Website development*

Google Font API — API для подключеня нестандартных шрифтов.

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="_http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

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

+137

Webmetric May 18 2010 at 09:34

10 хитростей Google Analytics

4 min

37K

iConText corporate blog

Казалось бы, установка и настройка счетчика Google Analytics — задачи простые. На деле, эта «простота» скрывает за собой множество подводных камней. Мы постоянно сталкиваемся с тонкостями, неочевидными особенностями подсчета и глубоко спрятавшимися ошибками (конечно, обычно виноваты мы сами:).

На базе нашего опыта я сформулировал 10 советов, которые пригодятся большинству пользователей Analytics – когда-то это были и наши грабли! Некоторые темы заслуживают отдельных статей, но пока расскажу о более-менее очевидных и простых технических хитростях.

Проверка регулярных выражений при установке целей

Достаточно часто при указании адреса цели приходится использовать регулярные выражения: например, если искомый фрагмент адреса окружен другими частями. Регулярные выражения – тонкая материя, а ждать обновления данных для проверки правильности написания не хочется. Проверить правильность выражения можно мгновенно, перейдя в раздел «Содержание – Самое популярное содержание» и введя в поле фильтра выражение. Содержимое сразу же отфильтруется, а вы сможете убедиться в корректности кода.

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

+43

tenshi May 5 2010 at 23:38

XML + CSS = счастье

4 min

13K

Возрадуйтесь, дети мои, ибо пришёл я к вам с миром и богатыми дарами. Нет, я не принёс вам того, чего вы не видели. И даже не принёс того, чего вы не имели. От чистого сердца вручаю вам то, что всегда лежало у вас под ногами, но вы не замечали того, брезгливо перешагивая, пробегая мимо по своим, несомненно самым важным, делам.

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

Примеси! Я же знаю, вы так устали без наследования. Приходится внедрять лишние классы в элементы или даже, переходить на тёмную сторону силы — копипастить по чёрному.

Отныне! Ваша душа будет чиста как у младенца. Руки в золоте как у царевичей. Дети послушными и приветливыми.

а теперь приступим к съёмкам порева

+68

promotechart May 5 2010 at 05:26

Google Analytics: Определение позиции сайта по ключевому слову в поисковой системе Google

3 min

46K

Маркетинговая группа TechArt corporate blog

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

К сожалению, большинство поисковых систем не предоставляют возможности отследить, с какой позиции поисковой выдачи был осуществлен переход на сайт. Однако такую возможность предоставляет поисковая система Google. Единственное условие — возможность определить позиции можно только у тех пользователей, которые были авторизованны в Google.

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

+62

Dmitry_Makarov Apr 20 2010 at 09:28

Сажаем деревья с jqGrid

9 min

16K

Недавно впервые довелось «пощупать» такой плагин для jQuery как jqGrid. Многим этот плагин, думаю, знаком. Но в рунете не так много материалов по его использованию. Чтож… будем это исправлять!

Итак, jqGrid — довольно мощный плагин для создания различного рода таблиц в своих веб-приложениях. Он позволяет создавать не только обычные двумерные таблицы, но и таблицы с вложенными таблицами (нечто вроде экселевского pivot table), а также деревья (tree). Но обо всем по порядку и в данной статье рассмотрим основные свойства grid'ов и процесс «посадки деревьев».

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

+36

tenshi Apr 20 2010 at 08:47

Кроссбраузерный text-overflow \(^_^)/

5 min

27K

В случае, когда текст не влезает в ширину блока, есть несколько вариантов его визуализации:

Разрешить ему вылезать за пределы блока. В большинстве случаев смотрится весьма косячно.
Обрезать текст по границе блока. То же смотрится некузяво.
Обрезать и нарисовать скроллинг. Это вообще жуть какая-то.
Обрезать и сделать плавное затухание к краю так чтобы места обрезания букв не было видно. Сложно применять в случае неоднородного фона. Приходится вручную прятать затухание, когда текст имеет ширину меньше или равную ширине блока.
Укорачивать текст, вставляя вконце многоточие.

О реализации последней стратегии и пойдёт далее речь...

А теперь долгожданное порево

+38

AmoN Mar 15 2010 at 18:47

uTorrent на страже online просмотра

2 min

96K

Decentralized networks*

Порой есть необходимость узнать качество видеоматериала, еще до его скачивания(сэмплы есть не всегда, да и скриншот не дает реальной картины) или просто быстро начать просмотр серии сериала, фильма, которые вдруг захотелось посмотреть в данный момент. В любимом клиенте utorrent, функция stream добавленная в alpha версии работает отвратительно. Для TorrentStream необходимо устанавливать специальный софт и смотреть в браузере. А как быть тем, кто любит «маленький» utorrent, хочет начать смотреть видео уже в момент его скачивания, не хочет загружать ничего лишнего и сторонник просмотра в полноценном видеоплеере?

Выход есть...

+89

bolk Dec 24 2009 at 23:19

Opera 10.50 и CSS-хаки

2 min

3.3K

Opera 10.50 стала поддерживать border-radius и много других интересных вещей, в этой связи встал вопрос — как отличить Opera 10.50 от более ранних версий в CSS?

Например, у меня на сайте скруглённые уголки для «Оперы», начиная с версии 9.50 делаются при помощи SVG, 10.50 вполне могла бы нарисовать их без этого «изыска». Помучался-помучался и придумал несколько CSS-хаков, собственного изобретения.

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

+25

kostos Mar 2 2010 at 06:58

Тонкости использования селекторов аттрибутов в CSS

4 min

35K

Translation

CSS может связываться с HTML элементами используя любые из его атрибутов. Вы наверняка знаете о классах и ID. Проверим это в HTML:

<h2 id="first-title" class="magical" rel="friend">David Walsh</h2>

Этот один элемент имеет три аттрибута: ID, class и rel. Для выбора элемента в CSS вы можете использовать селектор ID (#first-title) и селектор class (.magical). Но знаете ли вы, что можно использовать для выбора атрибут rel? Это так называемый селектор атрибута:

h2[rel=friend] { /* woohoo! */ }

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

+115

Ar2r Feb 10 2010 at 08:47

My Yandex.Fotki Uploader (Myf) — начало открытого тестирования

5 min

1.5K

Здравствуй %USERNAME%. Прошло 10 суток с тех пор, как была опубликована статья про плагин, который загружает фотографии путем drag&drop на textarea графических файлов.

Описание для тех, кто не в курсе предыдущего поста:
Представим ситуацию — необходимо в ЖЖ (LiveJournal) или на форум разместить десяток фотографий. Если Вы используете Яндекс.Фотки для размещения фотографий в сети, то этот плагин Вам очень поможет. Перетащите на текстовое поле, где пишете сообщение, фотографии и дождитесь загрузки и появления html/bbcode тегов со ссылками на фотографии.

Интересности и сложности

+33

AVR Jan 24 2010 at 14:47

Обновление «странички для счастливых обладателей IE6»

1 min

7.1K

Internet Explorer

Публикуется по просьбе mdss, который доработал мою версию заглушки для IE6.
Все благодарности лично ему.

IE6 Notice

IE6 Notice

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

+90

shket42 Jan 19 2010 at 22:22

Склад бесплатных иконок

1 min

164K

Working with icons*

Прошелся по закладкам и образовалась такая толстенькая подборочка ресурсов с бесплатными и качественными иконками, с которой спешу поделиться с тобой %username%!

Iconfinder

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

+134

AVR Jan 9 2010 at 13:09

Страничка для счастливых обладателей IE6

1 min

6.1K

Internet Explorer

Наконец-то и я решился… Все новые проекты отныне будут иметь спец-страницу для Internet Explorer 6.

Изучив аналогичные решения в Интернете, решил создать свою страничку. Русский текст наскреб понемногу с разных проектов и отредактировал на свой вкус. Дизайн осознанно и намерено использовал майкрософтовский, чтобы хоть как-то повысить планку доверия для тех несчастных, что до сих пор сидят на IE6. Надеюсь, меня за это не осудят, тем более сделано это исключительно для многострадальных клиентов Майкрософта.

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

+125

akzhan Dec 23 2009 at 12:43

Обновлённый jQuery Wysiwyg 0.6

1 min

6.6K

Website development*

Рад сообщить, что обновлённый jQuery Wysiwyg 0.6 вышел в свет.

Скриншот

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

+54

ITdirector Dec 21 2009 at 12:26

Исполнитель желаний

3 min

5.3K

Захотелось мне поделиться историей своего первого успешного проекта.

Предыстория

Не я первый, не я последний. Сама концепция айтишных бубнов стара, как Windows 98. Идея, которая легла в основу бубна — использование дисков и дискет — лежит на поверхности. Уже после того, как я выпустил свою первую версию, мне показывали фотки похожих бубнов, которые были сделаны задолго до моих, поэтому я считаю оригинальную идею народной.

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

+66

habratchanka Jul 11 2009 at 10:51

4 способа как создать блоки одинаковой высоты

5 min

232K

Translation

fourmethodsbanner

Раньше, когда все верстали с использованием таблиц, создать колонки одинаковой высоты было очень просто. Достаточно создать таблицу, например, с 3мя колонками и все они автоматически будут иметь одинаковую высоту. Но в блочной верстке не все так просто.
В этой статье я расскажу вам о некоторых способах создания колонок равной высоты и о совместимости этих методов с браузерами (включая IE6). Все эти способы описывают создание 3х колоночного макета.

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

+54

dug Dec 16 2009 at 11:26

Работа с большими объёмами данных и хабраэффект

5 min

1.9K

Google App Engine*

Одной из целей создания bullshitbingo.ru было посмотреть как ведёт себя google application engine (GAE) в более-менее реальных условиях. Особенно меня интересовала возможность получения собственной статистики, потому что то, что дают GAE и google analitics меня не устраивает по причинам, которые я приведу ниже. На сам пост особой реакции не было, но на главную он вышел и за день сайт получил примерно 15 тысяч загрузок, чего было вполне достаточно. Пик нагрузки составил 3-4 запроса в секунду, в итоге отведённый GAE лимит бесплатных ресурсов превышен не был.

Дальше описание особенностей работы со статистикой в GAE и во второй части графики про полученную нагрузку: собственные и те, которые формирует google. Постарался написать так, чтобы было понятно и тем, кто с GAE вообще не сталкивался.

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

+45

5