• Практический HTML: улучшаем семантику ссылок

    • Перевод
    Примечание: ниже перевод статьи «Boost Your Hyperlink Power». В ней освещается использование атрибутов rel и rev, а также некоторые микроформаты.

    Часть HTML-тегов и атрибуты мы используем каждый день в свой работе. Заголовки, параграфы, списки и картинки являются основой разметки каждого веб-разработчика. Но наиболее распространенным элементом, наверное, будет ссылка — простой тег, который связывает воедино все страницы, создавая ту самую беспорядочную структуру, которую мы называем Всемирная Сеть Интернет (WWW).

    Ссылка как она есть



    Весь потенциал ссылок заключается в атрибуте href, сокращение от hypertext reference. Он создает одностороннюю связь текущей страницы с другим ресурсом, обычно другой такой же страницей в интернете:

       <a href="http://allinthehead.com/">
    


    Атрибут href находится в открывающем теге a, между открывающим и закрывающим тегами находится текст для описания ссылки:

       <a href="http://allinthehead.com/">Drew McLellan</a>
    


    «Ну и что», — скажите вы. — «Это я все и так знаю», — и будете абсолютно правы! Но у ссылки есть еще кое-что, кроме атрибута href.
    Читать дальше →
  • Оптимизируем загрузку веб-страницы

    • Перевод
    Примечание: ниже перевод статьи «Presentation Layer Performance Tuning», в которой затрагиваются основные аспекты оптимизации загрузки веб-приложений и предлагаются некоторые практические советы.

    Обычный разговор про увеличение скорости работы веб-приложений сводится к обсуждению задержек при передачи информации между сервером и клиентом, оптимизации базы данных и времени, потраченного сервером для обработки и отправки HTML клиенту.

    Эти процессы, однако, только частично затрагивают то время, которое клиент тратит на ожидание загрузки страницы в окне своего браузера. Большая часть времени тратится на загрузку, кеширование и отображение JavaScript, CSS и картинок (прим.: не-HTML файлов). Оптимизация производительности уровня представления (presentation layer) веб-приложений, на самом деле, сводится к двум простых условиям:

    • Меньше данных
    • Меньше запросов


    читать дальше на webo.in →
  • Практический CSS/JS: уменьшаем время загрузки страницы

    • Перевод
    Примечание: ниже находится перевод двух близких статей («Delay loading your print CSS» и «JS includes — the saga continues…») по оптимизации загрузки страницы при наличии нескольких файлов стилей или скриптов.

    У вас есть два вызова CSS-файлов на странице, например:

    <link type="text/css" rel="stylesheet" href="screen.css"
          media="screen" />
    <link type="text/css" rel="stylesheet" href="print.css"
          media="print" />
    


    где первый используется для отображения страницы на экране монитора, а второй — для предварительного просмотра и печати. Замечательно.

    читать дальше на webo.in →
  • Руководство Марка Андрессена по стартапам: часть 4

    • Перевод

    Единственное, что имеет значение

    Предыдущие части: Первая часть, Вторая часть, Третья часть

    В этой статье рассказывается о той единственной вещи, которая важна для молодого стартапа.

    Но для начала немного теории.

    Если вы посмотрите на огромное количество стартапов, скажем, 30 или 40 или больше; этого будет достаточно, чтобы не замечать те, которым по чистой случайности повезло и найти совпадения — два очевидных факта предстанут перед вами.

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

    Второй очевидный факт: существует огромное различие в трех главенствующих частях стартапов — командах, продуктах и рынке.

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

    И вот вы задаетесь вопросом — что же больше соотносится с удачей: команда, продукт или рынок? Или, если более точно, то что же ведет к успеху? Или, для тех из вас, кто является студентами в неудачах стартапов —
    что же опасно больше всего: плохая команда, слабый продукт или бедный рынок?
  • Руководство Марка Андрессена по стартапам: часть 3

    • Перевод

    Но я не знаю ни одного инвестора

    Предыдущие части: Первая часть, Вторая часть.

    В предыдущей статье в этой серии, я рассказал, что делать, в случае если вам отказали в инвестировании.

    Однако, это предполагает, что вы смогли найти ВК.

    Что же делать, когда у вас есть стартап, который вы хотите, чтобы был проинвестирован, но вы не знаете ни одного ВК?
  • Chrony — обезжиреный тайм-менеджмент

      ChronyПрактически все гуру селф-девелопмента советуют своим читателям вести так называемый таймлог — журнал, в котором фиксируется, на что расходуется рабочее время. Это довольно просто: вы записываете время начала и окончания каждого действия, а в конце дня анализируете журнал и делаете соответствующие выводы.
      Плюсы такого тщательного контроля за собой я ощутил уже на третий день, но так же понял, что абсолютно отвык (и не хочу привыкать, что самое главное) пользоваться ручкой, тетрадкой и калькулятором. Было бы весьма неплохо иметь маленькую софтину, максимально упрощающую процесс ведения и анализа таймлога. А если она при этом не будет навязывать различные ToDo-списки, ремайндеры, кучу опций, календарей и отчетов, то будет вообще здорово.
      После продолжительной борьбы моя созидательная натура взяла верх над врожденной ленью, в результате чего появилась Chrony.

      Что в итоге получилось
    • Пользуетесь ли Вы css фреймворками?

        Хотелось бы знать, пользуется ли хабрачеловечество css фреймворками?
        И если да — то какими и, главное, почему? Рекомендации по использованию тоже хотелось бы услышать.

        Небольшой список CSS-фреймворков (by curlybrace):

        Blueprint
        Css-Framework.ru
        WYM Style
        A CSS Framework
        Thestandardsguy
        Jim Wimpey
        YUI Grids (Yahoo)
        Taffy
      • Борьба со спамом c использованием css

          Смысл состоит в том, чтобы сделать в форме дополнительное поле и спрятать его стилями от пользователя. Пользователь не видит поле и не заполняет его, а бот заполнит. На стороне сервера проверять заполнено поле или нет.
          Читать дальше →
        • Быстрый сброс CSS-кэша

            Функция кэширования — удобная и обоснованная штука, особенно для проектов с огромной нагрузкой и десятками тысячь единовременных пользователей. И речь даже не столько о кэшировании страниц, сколько о принудительном сохранении внешних CSS файлов и картинок.
            Серверам-то хорошо, а вот разработчикам — не сладко. Ctrl+F5 в браузере часто не решает проблемы, а не малоизвестный способ с добавлением к имени внешнего CSS файла псевдо параметра вида ?v=1.1 не всегда идеален. В нашем случае, например, вообще не используются сервера для отладки и все изменения сразу тестируются в бою =[. Понятно, чем это чревато для пользователей, а для меня так вообще аду подобно — чтобы увидеть внесенные в CSS изменения приходится каждый раз менять в шаблоне значение ?v= и нет ни малейшей возможности генерировать это число случайным образом, как я бы делал, если бы были тестовые сервера…
            Вы тоже все еще кипятите? Тогда мы идем к вам!
          • Руководство Марка Андрессена по стартапам: часть 1

            • Перевод

            Почему не надо начинать стартап

            В серии этих статей я пройдусь по своим знаниям и опыту в создании высокотехнологичных стартапов.

            Мой опыт произошел от трех компаний, в основании которых я принимал участие: Netscape, которая была продана компании AOL в 1998 году за $4,2 млрд; Opsware (некогда Loudcloud), открытая софтверная компания с капитализацией, примерно, в $1 млрд, а теперь Ning — новая, закрытая потребительская интернет компания. Но на самом деле, я был очень удачлив и принимал участие в очень большом количестве стартапов с того момента, как я приехал в Кремниевую Долину в 1994 году: как член правления, как ангел-инвестор, как советник, как друг некоторых основателей и как участник нескольких венчурных фондов. Их, может быть, было 40 или 50, достаточно, чтобы знать, о чем я говорю.

            Эта серия будет базироваться на всей этой линейке стартапов в Кремниевой Долине, поэтому не думайте, что все то, о чем я говорю, относится к моим компаниям. В действительности, когда я говорю о каких-то действиях, которые я видел, или о чем-то, что происходило со мной — все это происходило со стартапом, который я не называю, но в котором принимал участие не в качестве основателя.

            И, наконец. Большая часть моей точки зрения базируется на Кремниевой Долине и ее окружающей обстановке: культуре, людях, базе венчурного капитала и прочем. Часть ее (точки зрения) с легкостью может соотнестись с другими регионами и странами, часть, возможно, нет. Будьте осторожны!

            Отложим все в сторону и начнем сначала:
            Почему не надо начинать стартап!
          • Новая социальная сетка — теперь по видео сюжетам

              Youtube — как наркотик. Уж рассвело, ты перелопатил тонну роликов и думаешь что бы еще такого посмотреть? А попадается один отстой… Да, чувак, ты не один такой. К сожалению Youtube не идеален в плане поиска, да и с русским языком там не все гладко. Но давай объединяться и попробуем решить эту проблему.

              Как? Очень просто. Absorb.tv — новый коллективный видео блог с социальным уклоном.
              Читать дальше →
            • deliGoo за неделю: «тормозящий» Lifehacker, злобные админы del.icio.us и Web product of the week

                Четыре дня назад, 12 сентября, я написал в Стартапы топик deliGoo — в помощь пользователям del.icio.us. Это был первый материал о нашем новом проекте – deliGoo, размещенный в открытых источниках. Я разместил его именно на Хабре не случайно, это была «разведка боем» – мы хотели еще раз протестировать deliGoo перед окончательным запуском. Разведка удалась, мы получили несколько полезных комментариев и убедились, что deliGoo работает не только на наших машинах :)

                13 сентября мы начали активное продвижение через СМИ. В тот же день оно начало приносить свои плоды. В Рунете нас первой напечатала Вебпланета, затем были публикации в Интернетных штучках, SEOnews и Telnews.

                За рубежом новость о старте deliGoo распространялась как лесной пожар
                Читать дальше →
              • Переводы некоторых официальных документов W3C и DCMI

                  Алексей Бешенов на своем сайте выложил переводы стандартов W3C и DCMI:
                • Основы языка программирования Python за 10 минут

                  • Перевод
                  Python Logo

                  На сайте Poromenos' Stuff была
                  опубликована статья, в которой, в сжатой форме,
                  рассказывают об основах языка Python. Я предлагаю вам перевод этой статьи. Перевод не дословный. Я постарался подробнее объяснить некоторые моменты, которые могут быть непонятны.

                  Если вы собрались изучать язык Python, но не можете найти подходящего руководства, то эта
                  статья вам очень пригодится! За короткое время, вы сможете познакомиться с
                  основами языка Python. Хотя эта статья часто опирается
                  на то, что вы уже имеете опыт программирования, но, я надеюсь, даже новичкам
                  этот материал будет полезен. Внимательно прочитайте каждый параграф. В связи с
                  сжатостью материала, некоторые темы рассмотрены поверхностно, но содержат весь
                  необходимый метриал.


                  Читать дальше →
                • YSlow — оптимизация сайтов от Yahoo

                    Yahoo выпустили расширение "YSlow" для расширения Firebug для Firefox, которое анализирует веб-страницы и дает советы по оптимизации, основанные на собстевенных иследованиях и тестах Яху в этой области. Можно скачать плагин и инсталлировать его, не забыв до этого установить Firebug или сразу прочесть все советы Яху по поводу "Speeding Up Your Web Site". Для себя нашел несколько вполне новых полезных вещей, чего и вам желаю.

                    yslow
                    • +14
                    • 3,5k
                    • 9
                  • W3C Markup Validator: версия 0.8.0

                      Несколько минут назад обновился всем известный W3C Markup Validator. Теперь его версия стала 0.8.0.

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

                      Полный список изменений без перевода на русский доступен под катом.
                    • Вёрстка, CSS, Windows Mobile 5.0. Размер шрифта в IE и Opera Mobile

                        Корплю над стилями PDA-версии некоего весёлого сайта. Вижу, что IE Win Mobile и Opera Mobile имеют различия в отображении одного и того же кода:

                        body {
                        font: 100% Verdana, Arial,sans-serif;
                        color: #000;
                        background: #fff;
                        }


                        Шрифт в Opera Mobile выглядит 2 раза крупнее, нежели в IE. Оба браузера с настройками по умолчанию. Под катом рабочее решение. Не наступайте на грабли, друзья.

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