Стрелочные часы на javascript (с помощью спрайтов)

Часы на сайт — один из скриптов, который может показаться бесполезным, так как у всех есть системные часы. Однако некоторые хотят поставить такие часы как элемент дизайна. Но эффект эксклюзивности будет достигнут, только если эти часы будут уникальными, сделанными в цветовой гамме и стиле сайта. Поэтому копировать готовые часы у кого-то чаще всего будет неуместно, лучше сделать свои. Способов довольно много:

  1. Можно сделать часы во flash, но не у всех есть среда разработки flash (вариант использования не лицензионной программы не рассматриваем).
  2. А можно сделать с помощью javascript. Правда если речь идет о стрелочных часах, то стрелки часто делаются с помощью рисования линий или точек, что не всегда красиво.
  3. Есть еще SVG — на мой взгляд за этим форматом будущее. К сожалению c кроссбраузерностью этого решения пока не все гладко.
  4. Ну и еще вариант — использовать javascript и стрелки отображаемые с помощью спрайтов. Его и рассмотрим. Способ тоже не без минусов — получается довольно большой объем файлов стрелок (3 стрелки в приведенном ниже примере занимают чуть больше 100 кбайт). Хорошо что интернет сейчас быстрый у многих :) Результат изображен ниже.


Используется 5 графических элементов. Фон, логотип для часов, и 3 стрелки. Другими словами, можно легко сделать любой внешний вид стрелок и фона, используя лишь графический редактор.
Исходники примера можно скачать здесь.
С изменением фона и логотипа все просто, а как быстро и без рутины подготовить спрайты для своих уникальных стрелок, можно прочитать в посте про клонирование объектов в векторном редакторе. Впрочем, подсказка есть в исходниках — там можно заметить два файла SVG — один с одиночными стрелками, другой с клонированными (наклон с шагом 6 градусов). Для создания стрелок использовал векторный редактор Inkscape 0.48.

Горячие клавиши Windows

В Windows есть ряд горячих клавиш без которых ну как без рук (это когда привыкнешь). Жаль что не все их используют. Перечислю только те которые, на мой взгляд, самые ходовые:

  • win+d — свернуть все окна (кстати, в Windows 7 в правом нижнем углу есть маленькая кнопка на панели, правее даты и часов, которая выполняет ту же функцию)
  • win+e — открыть Проводник
  • ctrl+a — выделить все
  • ctrl+x — вырезать
  • ctrl+c — копировать
  • ctrl+v — вставить
  • ctrl+home — в начало документа
  • ctrl+end — в конец документа
  • ctrl+shift+home — выделение до начала документа
  • ctrl+shift+end — выделение до конца документа
  • ctrl+f — поиск во многих приложениях (в том числе в браузере на текущей странице, а так же, например, в файле скомпилированной справки chm)
  • ctrl+tab — переключение между закладками
  • alt+tab — переключение между приложениями

Несколько менее используемые, но тоже полезные:

  • win+r — вызвать диалог «выполнить» (например cmd — командную строку)
  • win++ (и win+-) — рассмотреть что-то мелкое с помощью экранной лупы

Найти различия в текстовых файлах

В программировании бывает ситуация, когда надо сравнить 2 текстовых файла, чтобы просто вспомнить что и где менялось. Однако я не люблю плодить на компьютере уйму маленьких программок для каждой ситуации, поэтому если есть web-сервис, то предпочитаю воспользоваться им. А для этой ситуации как раз есть: http://diffchecker.com/
На мой взгляд сделано просто и достаточно удобно.
веб-сервис найти различия в текстовых файлах