• 10 примеров меню для web страниц

    • Перевод
    image Эти способы не являются ноу-хау или чем-то в этом духе. Тем не менее, они могут помочь начинающим дизайнерам и web технологам в реализации задуманных ими идей. Каждый из предложенных вариантов можно обыграть по-своему.

    Проверял лично и убедился в том, что исправно работает под следующими браузерами:

    IE7+, Opera 10.5+, FF 3.6+, Chrome 12+ (linux), Chrome 13+ (windows), Safari 5+(win) исходя из личного опыта, предполагаю о том, что работать исправно будет во всех свежих версиях Safari, FireFox, Opera и Chrome.

    С помощью CSS можно построить вот такие вот симпатичные варианты:


    Читать дальше →
  • Знакомимся с PayPal API

      На данный момент, PayPal — это самая популярная платформа электронных платежей. Именно то, насколько легко можно открыть счет и начать получать на него средства, по сравнению с традиционными способами получения платежей, и является причиной #1 его запредельной популярности. Второй причиной, многие со мной согласятся, является мощный API, предоставляемый PayPal. В этом топике я по порядку разложу все способы и трюки, связанные с работой PayPal API, чтобы вы избежали проблем с его интеграцией.
      Читать дальше →
    • Вкладки с внешними скруглениями

      • Перевод
      Скругленные уголки на сегодняшний день делаются тривиально с помощью border-radius. Благодаря border-radius мы можем «обрезать» блоки сообразно необходимости, но что делать, если нам нужно скруглить «внешний» угол? Проблему проще пояснить графически:

      На этой картинке показано о чем вообще идет речь
      Верхние уголки сделать не проблема, а вот нижние — посложнее. Под катом поясняем как.
      Читать дальше →
    • Первый взгляд на Xataface — систему построения дата-центрированных приложений на PHP и MySQL

      Приветствую многоуважаемых хабражителей.

      Поиск по Хабру по ключевым словам «dataface» и «xataface» привёл к пустой странице результатов, поэтому считаю своим долгом поделиться с честной публикой своим давним открытием, до сей поры остававшимся в тени.

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

      Подробности под катом.
      Читать дальше →
    • Интерактивная диаграмма на CSS и HTML

      :hover


      В очередной раз просматривая плагины для реализации всплывающих подсказок, наткнулся на замечательный пост.
      Ничего сверхсложного и сверхсекретного в реализации не было, но она мне понравилась своей простотой и отсутствием javascript'a.
      Обмозговав возможное применение, решил что на самой подсказке тоже могут быть подсказки, на подсказках второго уровня, могут быть подсказки 3его уровня и т.д. Можно сделать интерактивную блок-схему!
      image
      Читать дальше →
    • Прием WebMoney без ухода с сайта


        Привет, хабр!

        Хочу рассказать про прием WebMoney без перехода на сайт мерчанта Webmoney (merchant.webmoney.ru). Данный метод приема платежей может использоваться, и используется в оффлайн магазинах, небраузерных играх.

        Интересно? Добро пожаловать под кат. Будет много php кода)
        Читать дальше →
      • Как заставить работать расширения yii-user и rights совместно?

        Предисловие


        Доброе время суток хабравчане.

        Для начала представлюсь. Меня зовут Роман, и я занимаюсь разработкой сайтов (в основном на php-фреймворке «yii», но проскакивают и другие php\python фреймворки\цмс\велосипеды\быдлокоды). В своих проектах на yii всеы нам часто приходится реализовывать тривиальные функции регистрации, авторизации и тд. Плюс ко всему прибавьте к этому ещё и распределние прав доступа для различных пользователей. Готов поспорить, что у каждого толкового разработчика есть хотя бы одна заготовка реализации этого функционали, либо он использует сторонее расширение. Вот и я каждый раз использовал одну и туже реализацию, от пректа к проекту допиливал её, интегрировал с другими частями системы. Но недавно я всё же решил порыть в сторону готовых решений, которые удовлетворяли бы мои потребности и таковые нашлись довольно быстро. 2 самых популярных расширения для yii из оффициального репозитория«yii-user» и «rights».
        Читать дальше →
      • Произносим правильно

          Из знакомых мне айтишников очень немногие стараются правильно произносить английские слова. Конечно, привычнее произносить C++ как «си-плюс-плюс», а не «си-плас-плас» или «опен-бэ-эс-дэ», а не «оупэн-би-эс-ди».
          Но когда «echo $value;» читают как «ечо валуй» — это уже не смешно. Другой человек вас может просто не понять, особенно иностранец.

          В топике представлен небольшой список «сложных» слов, которые часто произносят неправильно.
          Ориентироваться лучше не на мою (весьма приблизительную) транскрипцию, а на аудио.

          ♫ — прослушать произношение в словаре
          ► — прослушать произношение на youtube

          Начнем с названий:
          ABBYY аби
          Adobe эдоуби [əˈdəʋbɪ]
          Apache эпэчи [əˈpætʃiː] от «a-patchy»
          Asus офиц. э́сус
          амер. э́йсус

           
          BenQ бенкью
          Cisco сискоу [ˈsɪskoʊ]
          EBay ибэй
          Eee PC и писи
          Ethernet изэрнэт [ˈiθərˌnɛt]
          Itanium айтэйниум [aɪˈteɪniəm]
          Juniper джу́нэпэр [ˈdʒunəpər]
          LaTeX лэйтех
          лэйтек
          латех
          латек
          [ˈleɪtɛk]
          ['leɪtɛx]
          [ˈlɑːtɛx]
          [ˈlɑːtɛk]
          Linux офиц. линэкс
          вар. линукс
          [ˈlɪnəks]
          [ˈlɪnʊks]

           
          Mac OS X мэк оу-эс тэн
          MySQL офиц. май-эс-кью-эл
          вар. май-сиквел
          как «My Ess Que Ell», см. оф. сайт
          nginx энджин-икс (от engine-x)
          PuTTY пати [ˈpʌtɪ] см. оф. сайт
          Qt кьют [kyut] см.
          TeX тех
          тек
          [ˈtɛx]
          [tɛk]
          не «текс»
          XBox 360 экс-бокс фри сискти
          Xen зен [ˈzɛn]
          Xeon зион
          Xerox зирокс [ˈzɪərɒks]
          Xilinx зайлинкс [ˌzaɪliːŋks]
          ZyXel рус. зайксел
          амер. зайзел
          см.


          Аббревиатуры:
          GNU гну вар. гню
          GWT гвит [ˈɡwɪt]
          ICANN айкэн
          IEEE ай-трипл-и как «I triple E»
          ISO айсо
          PNG пинг [ˈpɪŋ] как «ping», см. спецификацию
          PXE пикси [ˈpɪksi]
          RUP рап
          SCSI скази ['skʌzi]
          SOAP соуп [soʊp]
          SQL эс-кью-эл [ˈɛsˈkjuˈɛl] неофиц. «сикуел»
          SWF свиф [ˈswɪf] см. спецификацию
          WYSIWYG визивиг [ˈwɪziˌwɪg]
          XAML зэмл [ˈzæməl]
          XUL зул [ˈzuːl]
          Yii длинное «и» [ji:]

          Обычно аббревиатуры произносятся по правилам английского языка: API — эй-пи-ай, PCMCIA — пи-си-эм-си-ай-эй, OpenBSD — оупен-би-эс-ди и т.д.

          Обычные слова дальше
        • Избегаем распространенных ошибок в HTML5 разметке

          • Перевод
          HTML5 Уважаемые хабровчане, представляю вам вольный перевод статьи Avoiding common HTML5 mistakes. Здесь мы рассмотрим частые ошибки в HTML5 разметке с точки зрения семантики, и как их избежать.
          Читать дальше →
        • Chosen: сделай выпадающие списки более дружественными

            Плагин Chosen создан для оформления красивых и удобных выпадающих списков с помощью jQuery и Prototype. Для установки плагина достаточно просто скачать файлы и прописать одну строчку:

            $(".chzn-select").chosen()
            (версия для jQuery)

            По умолчанию в Chosen вместо длинного текстового списка предлагается поле, по нажатию на которое появляется список. Поддерживается автодополнение ввода, выбор нескольких пунктов меню, элемент optgroup и др. Выглядит вполне нативно. В общем, лучше один раз увидеть.

            Поскольку Chosen заменяет стандартный элемент HTML, то не нужно беспокоиться, как он работает с браузерами без поддержки JavaScript. Также не нужно ничего менять в бэкенде: формы сабмиттятся как обычно, изменения только в пользовательском интерфейсе.

            Некоторые форки:
            Chosen для MooTools
            Модуль Chosen для Drupal 7