• CSS спрайты из командной строки

    Да, инструменты для создания CSS спрайтов существуют. Я даже сделал один такой сервис. Но они время от времени ломаются (как сейчас, мой). Но и командная многого стоит, и imagemagick. Давайте посмотрим, как мы можем создавать CSS спрайты только из командной строки.

    Создание картинки


    Начнем с того, что у нас есть список отдельных файлов:
    $ ls

    1.png  2.gif  dot.png  phoney.gif  tw.gif

    • — 1.png
    • — 2.gif
    • — dot.png
    • — phoney.gif
    • — tw.gif

    Сделаем из них спрайт:
    $ convert *png *gif -append result/result-sprite.png

    Да, это все. Смотрим результат.

    Читать дальше →
  • Zen coding — пишем HTML/CSS быстрее

      Добрый день смотрим сразу как это работает:



      Zen Coding
      chikuyonok — Сергей Чикуёнок
      pepelsbey — Вадим Макеев

      Этот способ ускоренного написания HTML и CSS кода разрабатывается Сергеем Чикуёнком, который «знает толк в извращениях».

      HTML код пишется на CSS манеру:
      div#content>h1+p

      Нажимаем нехитрое комбо на клавиатуре (Ctrl+,) и получаем результат:
      <div id="content">
          <h1></h1>
          <p></p>
      </div>
      Читать дальше →