• Грабли при верстке HTML писем

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

      Ниже список встретившихся нам особенностей и способы их разрешения (как то упорядочить их мне не удалось, поэтому всё идет единым списком)
      Читать дальше →
      • +264
      • 95.7k
      • 77
    • MySQL шпаргалки

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

        Сегодня я решил опубликовать свои шпаргалки, на самые часто встречающиеся ошибки при работе с MySQL.

        Читать дальше →
      • Еще несколько полезных плагинов

          За последний месяц, я написал уже два поста с обзорами плагинов jQuery (1 и 2). Надо сказать, что подобные статьи на английском языке появляются все чаще и чаще. Однако их содержание довольно быстро приедается. Галереи картинок, слайдеры, опять галереи картинок, многочисленные динамические меню и опять слайдеры. Мне не хочется описывать очередную порцию подобных плагинов. Поэтому сегодня я расскажу не о двадцати-тридцати как обычно, а только о семи важных на мой взгляд плагинах, о которых очень хотелось рассказать. Лучше меньше, да лучше.
          Читать дальше →
        • jQuickForm = генератор форм на PHP (большое обновление)

            пример демотиватора
            Прошло несколько дней с публикации анонса о появлении на свет jQuickForm (если в двух словах, то jQuickForm это сборка jQuery + HTML_QuickForm2).
            Была получено масса положительных отзывов, в т.ч. в личку, много посетителей сайта проекта сказали «LikeIt», а это говорит о том, работа нужная и своевременная.
            Итак, сегодня я хочу сказать о том, что на данный момент практически все явные и потайные возможности jQuickForm описаны, а это ни много, ни мало:

            Элементы


            InputText, InputPassword, Date (выбор даты, состоящий из нескольких элементов типа select), DatePicker (jQueryUI), Slider (jQueryUI — «ползунок»), SliderRange (jQueryUI — диапазон значений), Select, Buttons, Textarea, Page (элемент для построения многостраничного мастера), Static (элемент формы для вставки произвольного HTML), jWysiwyg (простейший редактор), Autocomplete One Array (автокомплит с единственным значением и инициализацией при помощи передачи массива), Autocomplete One Remote (то же самое, но источник — аякс-скрипт), Autocomplete Multiple Array (автокомплит с множеством значений через запятую, используется, например, для формирования списка веб2.0 меток, источник — массив), Autocomplete Multiple Remote (тоже самое с удаленным источником), File Upload (обычный элемент загрузки файлов), и, по заявкам телезрителей — File MultiUpload

            и это далеко не все, под катом еще много вкусного и пример интеграции в ваше приложение
          • Создание ознакомительного поискового движка на Sphinx + php

            • Tutorial

            Предыстория


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

            Читать дальше →
          • HTML5 Video — от А до Я

            • Translation
            Да, да, это очередная статья про html5 и тэг < video >. Но главным ее отличием будет то, что здесь будут рассмотрены самые базовые понятия и теории. Так что приготовились внимательно читать и записывать, let html5 rocks!
            Читать дальше →
          • HTML5 для веб-дизайнеров. Часть 4: Формы 2.0

            • Translation
            HTML5 для веб-дизайнеров

            1. Краткая история языка разметки
            2. Модель HTML5
            3. Мультимедиа
            4. Формы 2.0
            5. Семантика
            6. HTML5 и современные условия


            Когда браузеры стали поддерживать JavaScript, за ним быстро закрепились две основные задачи: эффекты при наведении мышью и улучшения для веб-форм. Потом в CSS появился псевдо-класс :hover и необходимость в скриптах для многих ситуаций первого плана отпала.

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

            Говоря о формах, тут возможности CSS довольно ограничены. И теперь на сцену снова выходит HTML5. Следуя тому же принципу, он вводит новые функции, которые на самом деле вовсе не новые, но сделаны проще и удобнее.

            Нетрудно догадаться, что прежде они были частью отдельной спецификации WHATWG под названием Web Forms 2.0.
            Читать дальше →
          • Дешевые SMS для интересных проектов и хороших людей

              Представляю вашему вниманию сервис для отправки SMS через HTTP/HTTPS API.

              LittleSMS.ru

              Для кого предназначен сервис?

              • Интернет-магазинам (уведомление о новом заказе).
              • Небольшим проектам с системой уведомлений по SMS.
              • Сисадминам (уведомления о состоянии сервисов, оборудования и т.п.).
              • Вам? Напишите, обсудим.
              Читать дальше →
            • Прикручиваем клевые шрифты с помощью @font-face

              • Translation
              Недавно столкнулся с задачей прикручивания достаточно необычного шрифта для мобильного веб клиента. Так как работа была под айфон, то я решил, что в этой задаче мне поможет css 3 и такая штука как @font-face. Пользу от такого способа решения задачи, я думаю, видят все, потому что:
              • сохраняется поиск по тексту, потому что это текст, а не картинка;
              • появляется возможность использовать онлайн-переводчики и разные фишки связанные с текстом;
              • никто не отменяет для нас использование line-height, letter-spacing, text-shadow,text-align, и селекторов вида ::first-letter и ::first-line

              Читать дальше →
            • «Скрытые» полезности С#

                Предлагаю мой вольный перевод вопроса с stackoverflow, который мне показался полезным и сидит в фаворитах. Что-то я взял с MSDN (в основном вырезки из русской редакции), что-то -с блогов.
                Все мы, С# разработчики, знаем базовые комманды C#. Я имею ввиду объявления, условия, циклы, операторы и т.д.
                Некоторые из нас знают даже про Generics, anonymous types, lambdas, linq,…

                Но, каковы реально скрытные возможности и трюки C#, про которые даже фанаты и эксперты не всегда знают?
                Составим список некоторых из них:
              • CloudUSB: компьютер в кармане

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

                  Система CloudUSB представляет собой USB-флэшку с операционной системой Ubuntu 10.04 LTS и всеми пользовательскими настройками, папку Dropbox для файлов плюс программу для автоматического бэкапа с двойной парольной защитой.

                  Данные шифруются модулем EncFS, так что они хранятся в зашифрованном виде и на флэшке, и в Dropbox.

                  Вставляете флэшку в любой компьютер — и получаете родное окружение со всеми файлами. Рекомендуется накопитель на 4+ ГБ, хотя всё будет работать даже на двух. Хостинг Dropbox бесплатен до лимита в 2 ГБ.

                  На этой странице можно скачать ISO-образ (около 1 ГБ), скрипт для его копирования на флэшку, а также скрипт для создания своего собственного CloudUSB ISO с нуля. Логин и пароль по умолчанию cloudusb.
                • OpenSource Система электронных дневников: год спустя

                    Год назад на Хабре начался путь моей системы, призванной обеспечить лёгкий старт информатизации в школах. Для тех кому лень переходить по ссылке и читать: написанная на Django, аскетичная OpenSource система электронных дневников для школ. С момента этой публикации многое изменилось.
                    Я попытался разделить кучу приятных и не очень произошедших за это время событий, на категории.
                    Читать дальше →
                  • Пишем свой Windows service

                      Многие из нас сталкиваются с такой задачей, когда нужно запускать своё приложение при запуске компьютера. Конечно можно поместить ярлык в автозагрузку, но как-то это неправильно. Да к тому же если комп перегрузился, а пользователь не залогинелся, то и ваше приложение тоже не запустится.

                      Самым верным решением в данной ситуации является написание Windows сервиса.

                      Пример создания сервиса в Studio 2010, .Net C# под катом
                      Читать дальше →
                    • Форматирование телефонных номеров на PHP

                        Возникла задача автоматического форматирования телефонных номеров в виде страна (город) номер, и первым делом я обратился к существующим решениям.
                        К сожалению, оказалось, что все найденные решения основываются на обычном подгоне строки под пользовательский формат, имея ограниченную область применения и ошибки при выходе за ее пределы.
                        Читать дальше →
                      • Трейлер сайта yatv.ru

                          Сделали трейлер сайта yatv.ru. Сейчас уже видим куда расти дальше и что учитывать на будущее. В частности динамика должна быть всё же чуть меньше, ну да какие наши годы: )

                          Приятно просмотра:
                          (пока грузится можно почитать обновлённый раздел о создании трейлеров, теперь понятно какие именно работы мы вполняем)



                          Слово авторам портала:
                          Читать дальше →
                        • Системы управления проектами. Ищем альтернативы Basecamp

                            imageНа написание поста меня сподвигла найденная на просторах хабра ссылочка на сайт с альтернативами Basecamp. Уверен многие уже заходили и смотрели предлагаемые альтернативы. Я же решил просмотреть их все. По результатам просмотра было выбрано 4 (+ 1 бонусная) системы управления проектами, которые можно назвать реальными альтернативами Basecamp. Из них три являются чуть менее, чем полностью неизвестными на просторах хабра (поиск дает практически нулевой результат), что дает мне надежду на то, что данный топик сообщит вам что-то новое. Критерии выбора и краткий обзор систем под катом (осторожно скриншотный трафик ~0.5 Mb).

                            Читать дальше →
                          • Myna — онлайн аудио редактор

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

                              image Myna — это онлайн аудио редактор, который позволяет легко и просто загружать, записывать и компоновать (миксовать) аудио файлы в сети, то есть непосредственно в браузере. + сервис включат в себя набор бесплатных эффектов и сэмплов (для некоммерческих целей).

                              Помимо этого весьма приятный интерфейс и на данный момент отсутствие аналогов в сети. Однако я бы хотел рассмотреть этот сервис подробнее, чтобы выяснить, что может заставить меня им пользоваться, а что наоборот.
                              Читать дальше →
                            • jQuery плагин для добавления ссылок в буфер обмена

                                У многих из нас есть блоги, интернет-магазины, новостные сайты etc… Понятное дело стараемся опубликовывать оригинальный контент, но что же происходит после появления контента в интернетах, его конечно же просматривают и если он интересный, пользователи иногда обмениваются ссылкой на страничку с контентом. Новые переходы на нужную страницу и нам очень хорошо, а что если наш отличный текст просто взяли скопировали и скинули в аську\скайпик\почту — наш текст ушел, а перехода нету :(.

                                addtocopy plugin

                                Запретить копирование, это очень неправильно, весело и смешно ©, но мы ведь можем при копировании добавить в буфер обмена ссылку на наш сайтик. Рассмотрим как же нам это лучше сделать:

                                Читать дальше →
                              • Иконки типов файлов

                                  По просьбе гражданина dio нарисованы 25 иконок типов файлов в размерах 64х64, 48х48, 32х32 и 16х16. Иконки распространяются на условиях лицензии CC BY-ND.
                                  Этот сет является дополнением к первому и второму бесплатным наборам.
                                  Скачать иконки можно здесь

                                  image