После прочтения топика о наглой лжи некоторых сайтов. Решил сделать простенький сервис.
Алексей @leliks
Системное администрирование
Фоновый .png и IE 6 — принуждаем к миру.
2 min
2.2KИзвестен следующий баг «народного» браузера — картинки в формате .png, содержащие участки с альфа-прозрачностью отображаются неправильно. А именно — область этих участков заливается серым цветом (спасибо dreamhelg за лаконичное описание сути происходящего в данном случае).
Сегодня в в своей RSS-ленте обнаружил ссылку на очередную статью о конфронтации .png и IE. Воспринял ее, пожалуй, как и бóльшая половина удививших заголовок выше — с предубеждением (мол, опять двадцать пять). Тем не менее, выяснилось много интересного. Например, теперь фоновые .png отлично подчиняются свойствам
Сегодня в в своей RSS-ленте обнаружил ссылку на очередную статью о конфронтации .png и IE. Воспринял ее, пожалуй, как и бóльшая половина удививших заголовок выше — с предубеждением (мол, опять двадцать пять). Тем не менее, выяснилось много интересного. Например, теперь фоновые .png отлично подчиняются свойствам
background-position
и background-repeat
.+68
Безопасность (шифрование) трафика
5 min
100KПараллельно с развитием технологий защиты интернет-трафика от несанкционированного доступа развиваются и технологии перехвата защищенного трафика. Перехватить и изучить незашифрованный трафик пользователя уже давно не составляет труда даже для рядового юзера. Практически каждому известно слово «сниффер». Теоретически, защищенные SSL/TSL-соединения перехватить обычными средствами невозможно. Но так ли это?
+45
Быстрая перекраска вещей на сайте
2 min
2KСуществуют моменты когда необходимо предоставить пользователям выбор цвета какой либо вещи. Есть несколько способов выхода из этой ситуации.
Здесь я покажу очень простой и незамысловатый способ быстрой перекраски, на примере iPod Shuffle.
+142
Веб-формы «Светофор». Вариант реализации
1 min
2.5KНе так давно Gunger представил вариант раскрашивания элементов ввода текста на форме. Мне этот вариант, несмотря на критику некоторых юзеров, очень понравился и я решил что со временем сделаю свою реализацию.
Время пришло и я рад представить свой вариант реализации написанный в виде JQuery-плагина. Я назвал плагин semaphore, по моему вполне удачное название. Плагин работает с регулярными выражениями для проверки валидности ввода.
Время пришло и я рад представить свой вариант реализации написанный в виде JQuery-плагина. Я назвал плагин semaphore, по моему вполне удачное название. Плагин работает с регулярными выражениями для проверки валидности ввода.
+60
Пишем аккордеон-плагин в 618 байт
5 min
5.3KОчень часто приходится видеть варианты элемента управления «аккордеон» на различных сайтах. В этой заметке я хотел бы предложить свой вариант, который кроме того, что обладает некоторыми оригинальными свойствами, еще и весит в minified-виде всего 618 байт. Заодно, я покажу как быстро написать простейший плагин для jQuery.
Забегая в перед скажу, что плагин тестировался в Firefox 3.0.3, Internet Explorer 7 и 8b2, Opera 9.52 и Chrome 0.3.154.9. Во всех других браузерах работоспособность гарантируется настолько насколько в них работает jQuery.
Для любопытных приведу пример того, что будет в итоге (ссылки и кнопки в примере не работают).
Забегая в перед скажу, что плагин тестировался в Firefox 3.0.3, Internet Explorer 7 и 8b2, Opera 9.52 и Chrome 0.3.154.9. Во всех других браузерах работоспособность гарантируется настолько насколько в них работает jQuery.
Для любопытных приведу пример того, что будет в итоге (ссылки и кнопки в примере не работают).
+48
Как сайт может отправлять события…
6 min
1.5KДавным-давно (я уже не помню когда, но давно) я собрался и запустил для себя сайт. Сначала он использовался просто как склад того, что нужно кому-то передать. Потом совершенно случайно образовалось свободное время и получилось заполнить сайт чем-то осмысленным и (надеюсь) полезным. И очень захотелось быть в курсе событий, происходящих на сайте. Самое простое решение — отсылать письма, что и было сделано. Однако через некоторое время появилось желание избавиться от писем с сайта так как поток служебной почты в течении дня превышает разумные пределы.
+87
Делаем вебдванольные превьюшки с ImageMagick
2 min
15KНедавно, у меня случилась проблема с GD на сервере — он перестал понимать png, после получаса мытарств, решил посмотреть на ImageMagick и его PHP интерфейс IMagick
После недолгого гугления нашел замечательный блог посвященный Imagick. Там же нашел способ делать красивые превьюшки. Однако, способ, предложенный там, правильно отрабатывал только с png картинками. Я немного поковырялся и сделал свой.
После недолгого гугления нашел замечательный блог посвященный Imagick. Там же нашел способ делать красивые превьюшки. Однако, способ, предложенный там, правильно отрабатывал только с png картинками. Я немного поковырялся и сделал свой.
+45
Делаем вращательный регулятор.
11 min
12KЭтим топиком я продолжаю цикл статей о написании всяких вкусностей для MooTools. Сегодня мы на чистом JavaScript сделаем вращательный регулятор — контрол, который часто используют в работающих со звуком программах для регулировки громкости или баланса. Вот примерно такой:
+94
Lightwindow — функциональный клон Lightbox
1 min
2.2KОсновное отличие от оригинала в том, что Lightwindow позволяет просматривать не толко картинки, но и практически все что угодно:
- Media: Movies, Flash (с «подгонкой» под размер окна), PDF..
- Веб страниц (включая, по внешней ссылке)
- Формы
- … любой веб-контент
+7
Как найти нужный шрифт, не зная его названия?
3 min
409KЯ уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
+123
Еще один способ генерации PDF
8 min
20KГде это может пригодиться? При необходимости генерации готовых к печати файлов в web-приложении по уже имеющемуся произвольному жесткому шаблону: сертификаты, бейджи, пропуски и прочее.
Почему PDF? Формат PDF позволяет создавать документы с целым рядом неоспоримых преимуществ: открытость, кроссплатформеность, распространенность и, что очень важно, точностью и неизменностью передачи данных по цепочке создание, просмотр и печать.
В чем соль? В использовании SVG файлов как шаблонов с возможностью подстановки необходимых полей с последующим преобразованием в PDF.
Какие преимущества? Возможность создания и быстрого редактирования очень сложных шаблонов в привычных векторных редакторах, таких как Adobe Illustrator, Corel Draw или Inkscape. Простота программирования и использование только бесплатных программных средств. Еще одним важным преимуществом является возможность прозрачно использовать UTF-8 для вставляемых текстов.
Что для этого надо? Для использования данного метода нужен выделенный сервер с возможностью установки своих приложений (Inkscape и GhostScript) и выполнением system-команд. При этом всё будет работать как на Windows платформе, так и на Linux.
Почему PDF? Формат PDF позволяет создавать документы с целым рядом неоспоримых преимуществ: открытость, кроссплатформеность, распространенность и, что очень важно, точностью и неизменностью передачи данных по цепочке создание, просмотр и печать.
В чем соль? В использовании SVG файлов как шаблонов с возможностью подстановки необходимых полей с последующим преобразованием в PDF.
Какие преимущества? Возможность создания и быстрого редактирования очень сложных шаблонов в привычных векторных редакторах, таких как Adobe Illustrator, Corel Draw или Inkscape. Простота программирования и использование только бесплатных программных средств. Еще одним важным преимуществом является возможность прозрачно использовать UTF-8 для вставляемых текстов.
Что для этого надо? Для использования данного метода нужен выделенный сервер с возможностью установки своих приложений (Inkscape и GhostScript) и выполнением system-команд. При этом всё будет работать как на Windows платформе, так и на Linux.
+28
Лучшие стартапы августа
6 min
798Кросспост из блога про стартапы
Предлагаю вашему вниманию 10 самых интересных стартапов Августа, по моему мнению. Постараюсь делать такие подборки ежемесячно.
10 Место
Tuddu.ru
Сервис, позволяющий без регистрации вести собственный список задач. Сервис сделан удобно, причем как мне показалось им удобнее управлять с клавиатуры(с помощью хоткеев), нежели с помощью мышки. Помимо своего функционала проект примечателен отсуствием регистрации. Сейчас многие стараются минимизировать процедурур регистрации. Создатели этого проекта довели эту идею до абсолюта.
Илья Васильев (Разработчик): «Несмотря на свою betta-версию, в tuddu воплощены некоторые штуки, которых мне так нехватало в других сервисах:
— Регистрация на сайтах приелась уже, в tuddu ее просто нет
— В tuddu, чтобы добавить задачу в список, не надо 10 минут выбирать приоритет, прописывать теги и выбирать даты. Дела могут быть срочными и несрочными.
— Настоящий русский интерфейс, наконец-то!»
Предлагаю вашему вниманию 10 самых интересных стартапов Августа, по моему мнению. Постараюсь делать такие подборки ежемесячно.
10 Место
Tuddu.ru
Сервис, позволяющий без регистрации вести собственный список задач. Сервис сделан удобно, причем как мне показалось им удобнее управлять с клавиатуры(с помощью хоткеев), нежели с помощью мышки. Помимо своего функционала проект примечателен отсуствием регистрации. Сейчас многие стараются минимизировать процедурур регистрации. Создатели этого проекта довели эту идею до абсолюта.
Илья Васильев (Разработчик): «Несмотря на свою betta-версию, в tuddu воплощены некоторые штуки, которых мне так нехватало в других сервисах:
— Регистрация на сайтах приелась уже, в tuddu ее просто нет
— В tuddu, чтобы добавить задачу в список, не надо 10 минут выбирать приоритет, прописывать теги и выбирать даты. Дела могут быть срочными и несрочными.
— Настоящий русский интерфейс, наконец-то!»
+69
Конвертируем html в pdf
1 min
17KDompdf — класс написанный на PHP 5 для преобразования HTML в PDF.
Проблема конвертации html в pdf встречается не так часто, но все же возникает у некоторых веб-мастеров.
+45
Главные стартапы 2008 года
8 min
1.7KКраткий обзор главных стартапов Рунета за 2008 год (именно те, кто стартовал в этом году). Все сайты разделены на 2 группы: в первой находятся «тяжеловесы» — большие сервисы, порталы, социальные сети, в которые вкладывали зачастую немалые бюджеты; вторая группа – «одуванчики» — небольшие проекты, реализованные силами энтузиастов или небольшими компаниями.
«Тяжеловесы»:
moskva.ru — Moskva.ru
Социальная сеть. Есть все, что необходимо иметь прогрессивной социальной сети, от групп до загрузки видео. Стартовала совсем недавно – 1 июля.
Перспективы: Может стать социальной сетью №3 после Одноклассников и Вконтакте. Проектом занимаются очень серьезно. Об этом говорят как домен (куплен, видимо, не за одну сотню тысяч долларов), список сервисов уже к моменту старта, сильная команда разработчиков.
Думаю, можно смело предположить, что за Москвой стоит какой-то серьезный инвестор. При должной рекламной политике сайт может стать социальной сетью №3 в России. С другой стороны, хотя разработчики и говорят, что Москва.Ру проект не только для жителей столицы, но домен может оттолкнуть пользователей из регионов.
«Тяжеловесы»:
moskva.ru — Moskva.ru
Социальная сеть. Есть все, что необходимо иметь прогрессивной социальной сети, от групп до загрузки видео. Стартовала совсем недавно – 1 июля.
Перспективы: Может стать социальной сетью №3 после Одноклассников и Вконтакте. Проектом занимаются очень серьезно. Об этом говорят как домен (куплен, видимо, не за одну сотню тысяч долларов), список сервисов уже к моменту старта, сильная команда разработчиков.
Думаю, можно смело предположить, что за Москвой стоит какой-то серьезный инвестор. При должной рекламной политике сайт может стать социальной сетью №3 в России. С другой стороны, хотя разработчики и говорят, что Москва.Ру проект не только для жителей столицы, но домен может оттолкнуть пользователей из регионов.
+92
Города России в именительном, предложном (местном) и родительном падеже.
1 min
8.7KПриняв во внимание все замечания из предыдущего поста с базой городов, мы обновили ее и добавили еще родительный падеж. Теперь база отвечает на вопрос «Откуда?». Например: Вася из Ярославля.
Скачать:
Автоматическая обработка: Jetfish
Вычитка и ручная корректировка Sofrus
Как и в прошлый раз, при желании, выражайте респект и уважуху им, а не мне. Я просто их прикрываю.
Скачать:
Автоматическая обработка: Jetfish
Вычитка и ручная корректировка Sofrus
Как и в прошлый раз, при желании, выражайте респект и уважуху им, а не мне. Я просто их прикрываю.
+95
Секреты оптимизатора
2 min
7.9KПоскольку я этим не занимаюсь, а лишь готовлю почву для их работы, пишу то, что некоторым известно, а многим интересно.
1) Заголовки Last-Modified и If-Modified-Since
1) Заголовки Last-Modified и If-Modified-Since
+2
Кэширование js сжатием gzip
2 min
4.1KCache — временные данные или устройство по их хранению, созданные для ускорения чтения/записи. Все программисты это знают. Ускорение загрузки web-сайтов тема обширная, начинающаяся с сервера и заканчивающаяся клиентом. К сожалению я не нашёл более-менее подходящих решений по объединению и кэшированию js-кода, поэтому к своему блогу я написал свою схему, о которой вкратце и расскажу..
Существует сжатие «packer», которое убирает все символы форматирования и переименовывает имена функций и переменных в js и предоставляет т.н. minified-версию скрипта. Все с этим прекрасно знакомы на примере больших библиотек jQuery, TinyMCE, prototype. Кроме того что код становится совершенно не читаемым, это может вызвать неработоспособность кода, когда имена переменных динамические.
Моя идея простая — разделять js/css по файлам разработчикам надо для поддержания модульной структуры. Обычно я в контроллере создаю список файлов которые надо присоединить к данному документу, вместо того что-бы прописывать это вручную в темплейте. Но теперь надо сделать так, что-бы до показа темплейта вызывалась функция кэширования, которая проходилась бы по списку, проверяла из них локальные файлы на время изменения, объединяла в один файл и создавала или перезаписывала gz-файл с именем, сформированным из md5-хэша имён входящих файлов.
Всё просто и в сумме заняло часа 4 на раздумье. Привожу метод cache_js из класса Controller.
Существует сжатие «packer», которое убирает все символы форматирования и переименовывает имена функций и переменных в js и предоставляет т.н. minified-версию скрипта. Все с этим прекрасно знакомы на примере больших библиотек jQuery, TinyMCE, prototype. Кроме того что код становится совершенно не читаемым, это может вызвать неработоспособность кода, когда имена переменных динамические.
Моя идея простая — разделять js/css по файлам разработчикам надо для поддержания модульной структуры. Обычно я в контроллере создаю список файлов которые надо присоединить к данному документу, вместо того что-бы прописывать это вручную в темплейте. Но теперь надо сделать так, что-бы до показа темплейта вызывалась функция кэширования, которая проходилась бы по списку, проверяла из них локальные файлы на время изменения, объединяла в один файл и создавала или перезаписывала gz-файл с именем, сформированным из md5-хэша имён входящих файлов.
Всё просто и в сумме заняло часа 4 на раздумье. Привожу метод cache_js из класса Controller.
+20
Динамический css
2 min
3.5KПри подгонке сайтов до единого вида во всех браузерах, верстальщик использует не один css хак.
Но зачем обычному пользователю с IE получать избыток кода для других браузеров firefox, opera, safari?!
Это проблема легко решается с помощью динамического css.
+43
+1
Information
- Rating
- Does not participate
- Location
- Санкт-Петербург, Санкт-Петербург и область, Россия
- Date of birth
- Registered
- Activity