• 38 статей о создании закругленных углов на сайтах

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

      Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.
      Читать дальше →
    • Необъяснимые особенности нашего мозга

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

        В своём распоряжении вы имеете 10 секунд, иначе это не сработает.
        Всё что вам надо сделать, так это сосчитать количество букв «F» в нижеследующем тексте.
        Помните, не больше 10 секунд!

        +++++++++++++++++++++++++++
        FINISHED FILES ARE THE RE-
        SULT OF YEARS OF SCIENTIF-
        IC STUDY COMBINED WITH THE
        EXPERIENCE OF YEARS
        +++++++++++++++++++++++++++

        Объяснения под катом
        Читать дальше →
      • Вредные советы или Как сделать самый плохой сайт



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

          Приступаем
        • Css и Safari

            Столкнулся с проблемой, что в safari(3.0.4) очень странно отображается страница, которая адекватная во всех остальных браузерах.
            После нескольких часов танцев с бубнами c restorer определили, что safari не воспринимает первый стиль в css-файле после указания кодировки.
            Поэтому создали специальный класс, который идёт после указания кодировки.

            @charset «utf-8»;
            .i-love-steve-jobs { /* yep */ }


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

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

              Многие видели в сети и писали скрипты, которые здороваются с посетителем по разному, в зависимости от времени суток («доброе утро», «добрый день», «привет тебе, человек с бессонницей»). Но можно пойти дальше, меняя оформление сайта, путём переключателя CSS.

              Читать дальше →
            • Чёрточки: только ли тире, минус и дефис?

                Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

                На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

                Читать дальше →
              • Про резиновую верстку

                  Навеяно этим.

                  Для тех, кто, возможно, не знает как сделать так, чтоб всё было хорошо.
                  Сайт должен тянуться только до определённой величины, и сужаться тоже только до некоторого значения. Я обычно беру 1500 и 980 пикселей соответственно.

                  Как сделать? min-width и min-height.

                  #site {
                    margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
                    min-width: 980px;
                    max-width: 1500px;
                  }


                  Но ведь IE их не поодерживает. А expression слишком нагружает браузер… Спокойно, други! Я выведу вас к свету из тьмы!
                  Пишем далее.



                  А в ie.js помещаем

                  window.attachEvent('onload', mkwidth);
                  window.attachEvent('onresize', mkwidth);

                  var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
                  var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');
                  function mkwidth(){
                      document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
                  };


                  В чём особенная вкусность приведённого метода? А в том, что минимальное и максимальное значение нужно задавать только в одном месте, ну и вообще.

                  Пользуйтесь, короче, на здоровье!
                • Текст в перспективе

                    Блуждая по сети, я не раз видела самые удивительные решения, основанные на применении CSS. И с каждым разом все больше верится, что возможности CSS безграничны :)
                    Сегодня я увидела вот такую картинку:

                    Правда интересный эффект? Давайте попробуем раскрыть секрет его реализации.
                    Читать дальше →