• Кроссбраузерное подчеркивание: трудности отрисовки

    • Перевод
    Примечание: ниже дан перевод статьи «Cross-browser underlining / the difficulty of drawing a line», в которой обращается внимание на подчеркивание ссылок в различных браузерах и обсуждается, насколько это корректно с различны точек зрения.

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

    Несоответствия браузеров. Как веб-разработчики вы сталкивается с ними каждый божий день. Они стали неотъемливой частью нашей работы и очень часто влияют на то, каким именно образом мы решаем некоторые проблемы. Но что важнее всего, все эти правки отнимают огромное количество бесценного времени, даже при наличии таких замечательных средств для разработки как Firebug. Люди, которые не работают каждый день с html и css, с трудом смогут осознать все эти тонкости и суть несоответствий.

    Подчеркивание ссылок в разных браузерах

    Слева направо: Firefox, Opera, Safari, IE7 и IE6
    Читать дальше →
  • CSS Sprites: все, что вы знали, но боялись спросить

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

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

      читать дальше на webo.in →
    • Deniskin и Mio расскажут, как сделать свой Хабрахабр

        Случайное блуждание по интернету может вывести в совершенно неожиданные места. Оказывается, если кто хочет потрогать живого Денискина посмотреть, послушать и задать вопросы создателю Хабрахабра deniskinДенису Крючкову и его смотрителю mioИгорю Денисову, то отличная возможность представится послезавтра, 5 февраля:

        Баннер: Продюсирование проекта по созданию тематических социальных сетей
        Нажмите на баннер, чтобы рассмотреть его поближе

        Итак, в этот вторник, вечером, клуб «Бизнес в стиле .RU» проводит встречу «Продюсирование проекта по созданию тематических социальных сетей». Цитирую:
        Читать дальше →
      • Пасхальные яйца в мультиках Pixar

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

          Пишет Берни В:
          Джим, не могли бы вы помочь мне выиграть спор? Мой коллега сказал мне, что робот WALL-E появляется в небольшом камео в мультфильме «Рататуй». А самое главное, он поспорил со мной на 100 долларов, заявив, что я никогда не смогу найти робота в этом мультике.

          walle

          Я взял DVD «Рататуй» у своего ребенка и пересмотрел его три раза, но не заметил даже намека на WALL-E. Если я предложу вам процент с моего выигрыша, вы подскажете мне, где можно найти этого робота в фильме?

          Заранее спасибо за помощь, Берни В.

          Читать дальше →
        • jQuery для верстальщика (часть 2): вкусные меню

            Это вторая статья о jQuery, которая будет интересна, прежде всего, начинающим пользователям этой библиотеки. В этой статье, с практической точки зрения, речь пойдет о подсветке текущего элемента меню на стороне клиента. А прочитав статью, вы поймете, как делать более сложные выборки и цепочки запросов.

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

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

                Вчера известный вебразработчик автор библиотеки JQuery, Джон Резиг, в своем личном блоге сообщил о том, что готовится к выходу новая, третья по счету, версия теста Acid. Он выложил ссылку на предварительную версию в сеть для всеобщего ознакомления. Автор теста сообщает, что его разработка уже практически завершена.

                Читать дальше →
              • Blitz Templates



                  Blitz Templates — быстрый и удобный шаблонизатор для крупных интернет-проектов, разрабатываемых на php. На первых порах может быть не совсем очевидно, зачем нужен Blitz для php, в то время, когда этот язык, по сути дела, и есть шаблонизатор, только весьма навороченный.

                  Читать дальше →
                • jQuery для верстальщика (часть 1): стрелочки для ссылочек

                    Эта мини-статья посвящена очень простой вещи, которая будет интересна, прежде всего, начинающим пользователям библиотеки <a href=«jquery.com>jQuery. Я покажу, как прикреплять к каждой ссылке небольшое изображение, чтобы выделить ее.

                    Читать дальше →
                  • Исследование проекта Facebook.com

                      Интернет бурно развивается, постоянно появляются новые технологии, стандарты и концепции создания Интернет-ресурсов. В 2005 году заговорили о качественном изменении развития всего Интернета в целом. Новые идеи и подходы были названы «Веб 2.0», его суть заключается в позиционировании веба как платформы. К веб 2.0 относят сайты использующие такие технологии как ajax, mash-up, веб-синдикации, идеи меток и тегов, а также интернет-ресурсы, направленные на социализацию, создание сообществ. В последние несколько лет появилось большое количество социальных сетей. Наиболее крупными в мире являются myspace.com, facebook.com, xing.com, classmates.com и др. В Рунете можно отметить такие успешные проекты, как одноклассники (odnoklassniki.ru), мой круг (moikrug.ru), вконтакте (vkontakte.ru) и др. Подобные интернет-ресурсы могут иметь активную аудиторию в десятки миллионов посетителей в месяц. Причем эти посетители проводят значительную часть своего времени в этих социальных сетях. Однако возникают вопросы. Могут ли ресурсы такого типа приносить доход? Не являются ли эти проекты убыточными? Стоит вспомнить, что революция, которую произвел Google, заключалась не столько в изобретении нового типа поиска, сколько в открытии метода заработка на поисковых системах, не приносивших до этого таких фантастических прибылей. Сейчас многие ожидают от социальных сетей нечто подобного той революции, которую когда-то произвел Google
                      Читать дальше →
                    • PHP библиотека для jQuery

                        jQuery-PHP

                        С тех пор как сочетание «Web 2.0» пришло в массы, все чаще разработчикам сайтов приходиться добавлять «web 2.0 красивости» к сайтам. Очень помогает в этом JavaScript фреймворк jQuery. Описывать все прелести данного фреймворка я думаю не имеет смысла (о нем и так слишком много написано), но мне, как PHP разработчику, нехватало удобного сервер сайда для генерации AJAX ответов, в итоге на свет появилась PHP библиотека jQuery-PHP
                        Читать дальше →
                      • Parser. Практическое применение

                          Прямо перед новым годом некто Лебедев сообщил в новостях Студии о том, что вышла новая версия Parser. Сразу после этого некто fuksitofuksito запостил тему «Объектно-ориентированный язык от „Студии Артемия Лебедева“». Тема вызвала бурную дискуссию: кто-то просто высказывался, кто-то умудрился опустить ближнего своего ниже плинтуса, кто-то… В общем атмосфера накалилась по самое нехочу.

                          Так вот, чтобы не говорить что-то типа «Прочитал новость. Прочитал комменты. 160 страниц руководства. Пришёл к выводу -> Дерьмо полное», я откинулся в кресле, поёрзал недвижимостью так, чтобы найти наиболее удобное положение для долгого сидения и принялся вчитываться в документацию Парсера.

                          Мой вердикт?
                          Зал замер в ожидании
                        • Краткий справочник по Вордпресс

                          • Перевод
                          Краткий справочник по Вордпресс

                          Перевод данного документа на русский язык включает в себя:

                          * Список основных файлов шаблона
                          * PHP теги шапки шаблона (header)
                          * PHP теги, используемые в шаблоне для формирования блога
                          * Дополнительную информацию.

                          Подробнее + скачать документ
                        • «Хабраворд»

                            Вашему вниманию представлен кроссворд «Хабраворд».
                            Рабочее название: разлом мозга 1.0.

                            Разгадать!


                            Уважаемые пользователи, разгадавшие ключевое слово, не пишите сразу ответ в комментариях: дайте другим пользователям возможность разгадать кроссворд.
                          • Ускорение Оперы, часть 1

                              • Flash часто загружает всю виртуальную машину Java из-за технологии Live Connect (она часто бывает совершенно лишней);
                                Также очень увеличивает использование памяти Оперой.
                                (Как отключить: operawiki.info/FlashBlock)
                                Попробуйте «Удалить личные данные», если вы считаете это оправданым для повышения произвдительности (действительно хорошо помогает в большинстве случаев)
                                Если ваши оптимизаторские наклонности достигают маниакальной степени, отключите JavaScript
                                (попробуйте нажать F12 и вы увидите удобную менюшку, где можете сделать еще много всякого)
                                Включите «Принимать все Cookies» (Это также повлияет на вашу безопасность, www.opera.com/support/tutorials/security/privacy) (лично я не знаю, как это влияет на производительность, но на официальной wiki так пишут)
                                Отключите FavIcons ( Prefs » Advanced » Browsing » Page Icons )
                                Отключите спец.эффекты UI и используйте родной скин (он потребляет меньше ресурсов)
                                Храните кэш на диске отличном от того, куда установлена ось, делайте иногда дефрагментацию этого диска
                                Вы можете распаковать исполнимые файлы (http://operawiki.info/PackedExecutables)
                                Если у вас кроме Опервы не открты другие программы, задайте приоритет процесса Opera в 'High' через диспетчер задач

                                Материал по operawiki.info/OperaPerformance (EN) и с множества форумов.
                                Завтра читайте продолжение, если в комментариях будут интересные заметки на тему — я их учту, так что пишите.
                                Спасибо за внимание, это пока только общие рекомендации, в продолжении будет больше, надеюсь, кому-то это окажется полезным.
                            • Хабразачистка

                                В выходные началась и до сих пор продолжается Хабразачистка. Мы разрываем контракт с копипастерами. (НЛО прилетело и опубликовало эту надпись здесь.)

                                Статус на Хабре Вы можете заработать своими мыслями. В сообществе Вас примут и оценят только в том случае, если Вы обладаете знанием, идеями — и умеете правильно их подать.

                                Хабр растёт неплохими темпами, но не все новички правильно воспринимают идеи и правила сообщества. Уж сколько раз твердили миру, что копипаст — это не сюда. Но часть новоиспечённых хабражителей, поднабрав чуток кармы, начали изо дня в день снабжать нас чужими текстами с новостных ресурсов. Чашу терпения переполнил пользователь, публиковавший новости даже без ссылки на источник, на что оперативно обратил наше внимание этот самый источник.

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

                                Напоминаем ещё раз: для того, чтобы обратить внимание на чужие мысли, не нужно публиковать их на Хабре. Есть топик-ссылка — и его достаточно.
                              • Ох уж эти школьные годы…

                                  Есть у меня одна особенность. Я склонен к рефлексии. Так вот, довольно часто я анализирую свое поведения и стереотипы и пытаюсь разобраться, что повлияло на меня при принятии того или иного решения. Чаще всего подобные размышления возникают у меня тогда, когда я сталкиваюсь с какими-либо проблемами (в частности, связанными с работой или самоорганизацией).

                                  Довольно часто в этих самых размышлениях я возвращаюсь к школьным годам. Мне кажется, что именно в этот период формируются стереотипы и модели поведения, которые в будущем влияют на нашу деятельность. Причем, многие из них – неблагоприятно. Для себя, я смог определить следующие проблемы, которые мешают нам быть эффективнее:
                                  Читать дальше →
                                • RDF for dummies

                                    С этой статьи я начинаю совй цикл постов «для новичков» где максимально популярно растолкую понятия веб 3.0. В последствии все статьи перекочуют в вики и будут «изданы» мною в виде PDF книги.

                                    Начнем со средств, и сегодня у нас основа основ — RDF.
                                    Читать дальше →
                                  • Разберемся раз и навсегда: AJAX, «кириллические символы», кодировки, prototype.js, jQuery, JsHttpRequest

                                      AJAX, — это технология. Одной из часто используемых техник этой технологии является
                                      посылка запросов при помощи объекта класса XMLHttpRequest.


                                      Как же посылать и принимать AJAX запросы в нужной нам кодировке, нужно ли использовать однобайтовые кодировки или не обойтись без UTF-8. На все эти вопросы раз и навсегда ответит эта статья.

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