Хотели бы вы иметь возможность работать с JavaScript консолью в любом веб броузере? Прекрасное решение, реализующее эту возможность, создал Антон Теряев. Его консоль представляет собой динамически генерируемое перетаскиваемое окно, в которое можно вводить и выполнять программы JavaScript.
В Firebug – популярном плагине для Firefox, существует фукнция console.trace(), которая позволяет просмотреть стэк фукнций, т.е. просмотреть последовательность вызова функций до определенной точки. Но если вы его не используете, либо, что более вероятно, вам нужно просмотреть стэк вызова функций на других браузерах, не поддерживающих Firebug, то вам возможно пригодится следующая функция, созданная Эриком Венделином (Eric Wendelin):
В веб дизайне размер изображений чрезвычайно важен. Я раньше полагал, что нет ничего лучшего в плане сжатия изображений, как Photoshop и его "Сохранить для веб…". Но как оказывается, есть нечто лучше – это пара утилит, работающих из командной строки и способных сжимать файлы png и jpg – pngcrush и jpegtran.
Чтобы сжать png файлы без потери качества используйте следующее:
pngcrush -rem alla -reduce -brute image.png result.png
Чтобы сжать файлы jpeg, используйте jpegtran:
jpegtran -copy none -optimize -perfect src.jpg dest.jpg
По моим оценкам, при использовании этих утилит можно дополнительно сжать изображения на 2 – 7%. Максимум, который я получал, это 22%, но это только для небольших файлов, размером 1- 2Кб.
Этот плагин позволяет пользователям быстро вводить значения в текстовые поля, предлагая варианты заполнения во время ввода текста.
Raphaël это маленькая библиотека JavaScript, которая может упростить работу с векторной графикой. Если вам нужно создать специфический график, обрезать или повернуть изображение, сделать отражение рисунка, то все это можно легко сделать при помощи этой библиотеки.
Raphaël использует SVG и VML в качестве основы для создания графики. Поскольку все создаваемые объекты являются элементами DOM, вы можете добавлять к ним обработчики событий JavScript или модифицировать их как и любой другой элемент DOM. Цель библиотеки заключается в том, чтобы предоставить адаптер, который позволить легко и кроссбраузерно создавать графику. В данный момент библиотека поддерживает Firefox 2.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.
Нужно загрузить и подключить библиотеку raphael.js в HTML страницу, затем использовать предоставляемые ею функции:
// Создаём палитру 320 × 200 с координатами 10, 50
var paper = Raphael(10, 50, 320, 200);
// Создаем круг x = 50, y = 40, с радиусом 10
var circle = paper.circle(50, 40, 10);
// Устанавливаем цвет заполнения для круга
circle.attr("fill", "#f00");
// Устанавливаем цвет обводки
circle.attr("stroke", "#fff");
Скачать, просмотреть документацию и демо примеры библиотеки можно здесь.