В этой статье я расскажу, как можно очень просто написать на Javascript аналог известной конструкции во многих языках «include» или «import». Если нам при разработке проекта требуется подключать множество разных JS-файлов, то включать их все внутри HTML-блока head не очень удобно. Поэтому, мы напишем функцию, которая будет подгружать указанные в скрипте файлы один за одним и выполнять их.

Задача: найти способ визуализации объектов (элементов HTML-верстки) в виде графа.

Перерыв на просторах интернета достаточно большое количество готовых инструментов для рисования векторной графики при помощи Javascript, я нашел оптимальное, для меня решение. Это использование jQuery вместе с плагином jsPlumb. Этот плагин использует возможности тега canvas для рисования графики.

Если вам нужно сверстать меню, в котором расстояние между элементами должно быть одинаковое и при этом родительский блок меню имеет автоматическую ширину, то совсем необязательно использовать для этой цели таблицу. Всё оказывается достаточно просто: можно сверстать семантическое меню через UL-LI или любой другой набор элементов (в примере DIV-SPAN). Ключевыми свойствами CSS будут text-align:justify и display:inline-block. Но только лишь этого недостаточно. Выравнивание по ширине в CSS работает по умолчанию для всех строк, исключая последнюю.

Как вы думаете, что такое движение объекта? Ответ на этот вопрос также прост, как и его реализация в JS. Так вот, движение объекта — это изменение его координат (позиции) в определенный промежуток времени, по определенному закону движения.
В основе движения, или анимации в Javascript, лежит функция setInterval. Благодаря ей, мы можем создать таймер с необходимым кодом, который будет выполняться в заданный промежуток времени. Итак, что же нам нужно в итоге?

Стилизация стандартного поля выбора файла в CSS
Были ли у вас случаи, когда дизайнер нарисовал элемент формы для выбора файла, отличный от стандартного, и заказчик требует 100% соответствия? Нет? Тогда вам пока повезло!
Дело в том, что поле выбора файла для загрузки <input type="file" ... /> практически не поддается стилизации через CSS. Т.е мы можем изменить только значения вроде обрамляющей рамки, размера шрифта, и практически всё.

Привязка футера (подвала) к низу страницы при блочной верстке
При блочной верстке часто бывает необходимо «прижать» подвал сайта к низу страницы, независимо от количества основного контента страницы. Для этого есть простой выход, без применения javascript, используя один CSS. Способ тестировался с включенным доктайпом, и возможно не будет работать, как ожидалось, если его убрать. Но это так, к слову.

Adobe Fireworks — это графический редактор, который стал частью пакета программ Adobe, после того как они купили компанию Macromedia.
Родным форматом проги является PNG (кто не знал - сохранение информации о слоях, объектах и прочей информации в PNG возможно и отлично реализовано в FW).
Программа имеет хорошо продуманный интерфейс, удобную и простую работу как с растровой графикой так и векторной (читает многие форматы других приложений, например AI, EPS, PSD, итд.)