• Jevix 0.9.5



      Опубликована новая версия Jevix — 0.9.5.

      Основное отличие новой версии в том, что с этих пор Jevix можно использовать как средство для всестороннего контроля и преобразования текстовых данных больших интернет-проектов с «User-Generated» материалом.

      Теперь Jevix умеет не только применять правила типографики, унифицировать HTML/XML разметку, но и контролировать перечень допустимых тегов с возможностью определения списка допустимых атрибутов для каждого тега отдельно. Также предусмотрена возможность предотвращения вероятных XSS-атак, скрытых в HTML-коде.

      Читать дальше →
    • Slide: виджеты стоимостью $500 млн

        Заработав около $34 млн на продаже своего финансового стартапа PayPal, 32-летний киевский эмигрант Макс Левчин, который переехал в Чикаго в 1991 году, продолжает запускать новые успешные проекты. Его очередной стартап Slide, набор мультимедийных виджетов для пользователей социальных сетей, инвесторы уже оценили в полмиллиарда долларов.

        С помощью виджетов Slide пользователи создают слайд-шоу, анимации, красочные обрамления для фотографий, после чего размещают это на своих страничках в социальных сетях Facebook, MySpace, Orkut и т.д. Поддерживается обработка видеороликов с YouTube. Сайт предлагает неограниченный хостинг для мультимедийных файлов.

        Несколько дней назад стало известно, что в четвёртом раунде финансирования Slide получил инвестиции в размере $50 млн, что соответствует общей оценке проекта в $550 млн. Пожалуй, это рекордные инвестиции для стартапа, который специализируется на создании так называемых виджетов, то есть «примочек» для других сайтов — и в этом заключается весь его бизнес.
        Читать дальше →
      • JavaScript: жать или не жать?

          После публикации статьи на тему архивирования JS/CSS-файлов для последующей выдачи клиенту, я задумался на тему, какой же метод минимизации (minify) следует использовать. В докладе на конференции ClientSide'2007 не удалось установить четкого критерия, чем и как лучше всего сжимать JavaScript-файлы. Данная заметка посвящена рассмотрению как раз этой проблемы.

          Задача



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

          • Имеет ли смысл пользоваться каким-либо минимизатором JS-кода?
          • Есть ли среди них универсальное средство, показывающее лучшие результаты в подавляющем большинстве случаев?
          • Если такого средства нет, то каковы критерии использования набора инструментов?


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

          читать дальше на webo.in →
        • Практический JS: оптимизируем CSS expressions

          • Перевод
          Примечание: ниже находится перевод статьи «CSS Expression Optimization», в которой автор немного освещает использование и проблематику динамических свойств в CSS (aka CSS expressions). Также автор предлагает способ их оптимизации (исполнение один-единственный раз вместо постоянного выполнения). Далее приведены несколько тезисов с ClientSide'2007 по заявленной тематике. Мои комментарии даны курсивом.

          CSS expressions были впервые представлены в Internet Explorer 5.0, который позволял назначать JavaScript-выражение в качестве CSS-свойства. Например, следующий код позволит разместить элемент в зависимости от того, какого размера окно браузера.

          #myDiv {
             position:   absolute;
             width:      100px;
             height:     100px;
             left:       expression(document.body.offsetWidth  - 110 + "px");
             top:        expression(document.body.offsetHeight - 110 + "px");
             background: red;
          }
          


          Не самый лучший способ решения поставленной задачи, но в качестве примера его достаточно.

          читать дальше на webo.in →
        • Идеальное комментирование

            Как можно понять из недвусмысленного заголовка выше — речь пойдет о том, чем мы пользуемся в глобальной сети всё больше и больше — комментированием уникальных (и не очень) материалов на разнообразных социальных (и опять же не очень) сервисах, сайтах, блогах, социальных сетях (социальные социальные сети — как звучит! Наверное есть где-то антисоциальные).
            Идеальное комментирование
            Почему так происходит? Потому, что каждый сайт считает своим долгом предоставить возможность пользователю оставлять свое мнение к какому-либо материалу (будь то статьи, программы или что-либо другое). Не могу сказать, что это плохо, или хорошо. Я считаю, что каждый функционал должен создаваться под аудиторию, а не подгонять аудиторию под определенный функционал. Хотя опять же обе ситуации сосуществуют вместе и довольно мирно — зависит от типа пользователя, и его инициативности.
            По всей видимости меня явно не туда понесло, пожалуй закруглюсь с предисловием, скажу только, что дальше в статье пойдет речь о том, что же нужно людям от комментариев, и непосредственно от формы комментирования, с помощью которой мы и имеем возможность оставить свое мнение. Приступим.

            Читать дальше →
          • Хабрахабр виджет отмечен наградой

              Полтора месяца назад мы сообщали о конкурсе виджетов, организованном норвежской компанией Opera Software. А совсем недавно выяснилось, что одним из победителей в данном конкурсе стал Кирилл Путинцев из Екатеринбурга, получивший приз за Хабрахабр-виджет, отображающий в режиме реального времени стостояние кармы, хабрасилы и рейтинга пользователя. В данный момент приз находится в пути из Норвегии в Екатеринбург. Поздравляем победителя и ждём от него подробностей.

              Источник новости
            • Оптимизация JavaScript — делаем билд процесс

                В моем проекте очень много классов взаимодействуют на клиентской части. Каждый класс лежит в отдельном файле для удобства разработки. Хорошей практикой для увеличения скорости загрузки страницы, является уменьшение количества запросов к серверу. Поэтому чем меньше файлов и рисунков включать в страницу тем быстрее она загрузится. В случае с рисунками – СSS спрайты помогут уменьшить количество запросов. А в случае с js и css файлами – это конкатенация файлов и сжатие. Об этом и поговорим.

                Очень удобный инструмент с открытым исходным кодом js-builder

                js-builder

                Отличный инструмент для того чтоб сформировать в правильном порядке конкатенацию файлов. Работает с любыми расширениями, которые задаешь. Также сжимает js.
                В моем проекте я использую библиотеку prototype.js. Билдер при сжатии прототайпа выдает эксепшн. Поэтому я скачал исходники и перебилдил так чтоб билдер занимался только конкатенацией без сжатия. Пересобранную длл, можно скачать тут
                Билдер также содержит консольное приложение. А это то что нужно для билда.
                Далее необходимо сделать компрессию файлов которые сгенерирует билдер.
                Для этой цели я использовал YUI Compressor. Отличная библиотека с высокой степенью сжатия.
                Осталось только как то автоматизировать процесс сборки. Для этого я написал batch файл (я в виндовс работаю).
                Выглядит он (build.bat) примерно так
                set path1=D:\Projects \build\

                %path1%JSBuilder\JSBuildConsole.exe /path=%path1%MyHeritageBuild.jsb

                java -jar %path1%yuicompressor-2.3.1\build\yuicompressor-2.3.1.jar
                %path1%build\output_file_from_js_builder.js -o %path1%target-min.js

                java -jar %path1%yuicompressor-2.3.1\build\yuicompressor-2.3.1.jar
                %path1%build\style-all.css -o %path1%style-all-min.css


                В моем случае джс билдер на выходе дает 2 файла — css и js, а компрессор их сжимает.
                Надеюсь это поможет вам создать удобный процесс сборки файлов.

                Эту статью я взял из своего техноблога на сайте www.kigorw.com
              • Рисуем графику через ж… жаваскрипт

                  Информация в принципе общеизвестная, но новичкам (вроде меня) может быть будет полезно.

                  Возникла тут недавно потребность рисовать чарты яваскриптом. В итоге была найден элемент canvas от WHATWG и его спецификация. Вещь в высшей степени привлекательная. Позволяет рисовать вот такие штуки:
                  штуки
                  Делается примерно так:
                  Читать дальше →
                • Динамический Favicon

                    Небольшое эссе о том, как менять Favicon без перезагрузки страницы.

                    Недавно перед нами стояла задача как динамически менять Favicon без перезагрузки страницы. Решение «в лоб», т.е. замена значения href у favicon link ничего не дала, пришлось крепко задуматься и начать пробовать все возможные альтернативные варианты. Сработал способ пересоздания ноды link в документе. Это удалось заставить работать везде, кроме Internet Explorer. Есть подозрение, что ему не нравится имя файла с иконкой или его формат (PNG).

                    собственно, код
                  • Sun купила MySQL

                      sun with mysql

                      Только сейчас наткнулся на новость о том, что Sun Microsystems купила MySQL AB за 1 миллиард долларов. Наверное это будет серьезным толчком в развитии этой СУБД. А вы как считаете, что за этим последует?
                    • История успеха стартапа eHarmony. Часть I

                        Эта публикация — воспроизведение статьи с моего блога о венчурных инвестициях, венчурных инвесторах и стартапах IdeaBlog.ru. В ней рассказывается об истории успеха сервиса знакомств для людей, ищущих партнеров для серьезных отношений и создания семьи eHarmony.com, который был создан, когда все считали, что рынок уже поделен, но, несмотря на это, очень успешно развился. Оригинал статьи находится здесь.

                        eHarmony.com — это сервис знакомств для людей, желающих создать семью. История успеха этого стартапа примечательна несколькими особенностями. Во-первых, все считали рынок онлайн-знакомств уже окончательно поделенным между двумя крупнейшими игроками на этом рынке — сервисом Match.com и сервисом знакомств на Yahoo. Вам эта ситуация ничего не напоминает? Российский рынок онлайн-знакомств точно также поделен между Мамбой и LovePlanet, и многие считают, что на этом рынке «ловить» уже нечего. Во-вторых, этот стартап нарушил множество кажущихся аксиомами догм — например, что юзеров нельзя отпугивать длительным процессом регистрации (заполнение анкеты новым юзером на eHarmony занимает не менее 40 минут). В третьих, эта история успеха показывает, каким именно образом ориентация на узкую целевую категорию позволяет добиться феноменального успеха. И в-четвертых, эта история показывает, насколько важно досконально знать кто является твоей целевой аудиторией, что этой аудитории нравится и что для нее важно.
                        Читать дальше →
                      • Поговорим о стартапах 2 или снова о дизайне и самое главное — на что же тратить деньги?

                          239.pngПриветствую всех. Не так давно я начал писать о стартапах и поднял спорный вопрос об использовании стандартных (открытых или коммерческих) готовых решений. Ещё мы обещали поднять связанную тему стандартных дизайнов, но даже первая часть материала оказалась достаточно претенциозной и развернула бурное обсуждение в сообществе. Сегодня я решил продолжить тему, затронув наконец и дизайн и ещё один трепетный вопрос — а куда же, собственно, стоит тратить деньги инвестора (если они есть).

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

                          Читать дальше →
                        • Флажки

                            По-моему иконки с флагами двухсот сорока семи государств мега-полезный комплект. И, даже, если вы будете регулярно использовать только одну-две, полезно будет знать где их взять, на всякий случай.
                            иконки-флаги
                            Все иконки проименованы в соответствии с международным стандартом ISO:3166-1, хранятся в двух форматах: png и gif, и могут использоваться в любых целях.
                            Спасибо Марку Джеймсу (Mark James, famfamfam.com).
                            Читать дальше →
                          • Bigthink.com — стартап для интеллектуалов и мыслителей, то чем мог стать top4top

                              Недавно открылся новый американский стартап Bigthink.com, которой позиционируется как сайт для интеллектуалов и мыслителей. Основатель Питер Хопкинс смог найти инвесторов для своей идеи «сделать Youtube для интелектуаллов». Хотя и многие венчурные инвесторы ему говорили: «Все говорят, что американцы тупые». На сайте размещены видеоинтервью с известными интеллектулами с разных областей политики, экономики, бизнеса. Каждый пользователь может включиться в дебаты и добавить свое мнение по любому вопросу. У основателей есть планы по добавлению социальных возможностей на манер Facebook в сайт в будущем.Оригинал новости на techcrunch и статья в Nytimes
                              Мои впечатления о сайте.
                              Читать дальше →
                            • CSS Sprites: все, что вы знали, но боялись спросить

                                Сейчас уже много где написано и упомянуто про технику CSS sprites (aka CSS Image Maps). Я не буду открывать Америку и рассказывать о ней дотошно еще раз, а просто хочу привести несколько примеров и полезных ссылок. И пару советов из собственной практики.

                                Сама техника заключается в том, что мы создаем комбинированное изображение, из которого затем «вырезаем» с помощью свойств background-position нужный нам в данном случае кусок. На текущем уровне поддержки браузерами (я полагаю, что 99,9%) оно является просто must-have для любого уважающего себя интернет-ресурса (ибо позволяет сократить число запросов к серверу, отделить поведение от представления, возложить труд по анимации на CSS-движок браузера, а не на JS-движок, т.е. это будет работать даже с выключенными скриптами, и много-много прочих «вкусностей»). Но обо всем по порядку. Поехали.

                                читать дальше на webo.in →
                              • Syntax Highlighter — подсветка синтаксиса кода на вашей вебстранице

                                • Перевод
                                Syntax Highlighter позволяет легко и красиво подсвечивать синтаксис кода на вашей странице. Написан на Javascript, соответственно работает на клиенте.

                                Поддерживает много языков, в сжатом виде занимает 11 килобайтов. Из минусов — не позволяет клиенту редактировать код на странице, readonly.

                                Вот как оно выглядет в действии

                                Демо: http://code.google.com/p/syntaxhighlighter/
                                Лицензия: LGPL
                              • Онлайн Банкинг

                                  Порой очень интересно знать кто и за сколько денег делает Онлайн-Банкинг системы, ибо у лидирующих европейских банков это такой нереальный ацтой, что конечного доверия к ним, увы, немного. В первую очередь пугают не столько ужасные и мало-интуитивные интерфейсы, сколько отталкивает совершенно убогая система безопасноти доступа к данным и логика действия приложения.
                                  Мне, признаться, не понятно кто дал добро лохам разрабатывать такие сложные системы. Конечно, я понимаю, что всем надо с чего-то кормиться, а потому делать «banana-software» на порядок выгоднее, чем поставлять сразу отменный и рабочий продукт, на поддержку которого у заказчика уйдёт минимум времени и ресурсов. Но, это же большие, международные банки и имидж для них должен быть всем!!!
                                  Ладно, дабы не мутить воду вилами на пустом месте — проиллюстрирую мой тезис парой живых примеров. Для начала рассмотрим онлайн-сервисы одного из самый больших банков мира — HSBC.
                                  Читать дальше →
                                • Автоматическое определение языка произвольного текста на РНР — библиотека PHPLangautodetect

                                    Знаете, работа с стартапе, который пытается создать что-то новое и уникальное на рынке очень захватывает. И не только открывающимися возможностями, но и часто нетривиальными задачами и вопросами, которые ставятся перед создателями и которые раньше никто не решал. Вот один из таких вопросов как раз вчера появился передо мной: дано нам произвольную строку текста, заведомо известно, что она может быть двух, а в некоторых случаях и трехъязычной, то есть там смешанный текст из нескольких языков. Необходимо прозрачно для пользователя определить язык, на котором написан текст.

                                    На самом деле задача не такая и редкая — подобная функциональность есть и в текстовых редакторах, и в переключателе клавиатуры PuntoSwitcher, да и в системах машинного перевода такой функционал востребован, не говоря уже про системы поиска информации. Кстати, именно в контексте создания специализированного поисковика и классификатора текстов и появилась такая проблема. Необходимо было получить такую возможность в собственной программе на платформе РНР и при этом не задействовать сторонние сервисы — подобная возможность в виде веб-сервиса присутствует в Google Language API (в своём блоге я уже исследовал этот сервис), однако она выполняется удалённо и имеет некоторые существенные для нас ограничения, в частности, процедура опознания языка выполняется с существенной задержкой и асинхронна по своей природе. Кроме этого очень хотелось иметь полный контроль над процессом и иметь возможность его гибко настраивать, чего, увы, нет в сторонних сервисах. Поэтому пришлось подумать и попробовать реализовать собственными силами, результат же представляем вашему вниманию.
                                    Читать дальше →
                                  • 18 сайтов, которые хотят увидеть ваш дизайн


                                      Вы сделали (ре-)дизайн сайта и хотите похвастаться своим достижением? Не надо спамить социалки — редкий юзер оценит Ваши труды. Для этих целей есть множество подходящих сайтов, и о них далее...
                                      Читать дальше →
                                    • Поисковые системы, что-то новенькое

                                        Представляю вашему вниманию мини обзор по найденным мною на этой неделе поисковым системам. Наиболее интересные и полезные с моей точки зрения (но я могу ошибаться) поисковики попали в этот список.


                                        Поисковик по вину. Поисковик предлагает жителям америки здесь же на сайте и купить коллекционное вино. Интерес для меня: посмотреть на рекомендации, почитать, узнать сколько гипотетически бутылка того или иного вина может стоить, что стоит пить, а что нет :) Иногда эти знания важны особенно на томных аристократически интеллектуальных вечерах www.snooth.com

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