В этой статье я хочу рассказать о том, как и почему я всё-таки пришел к тому, чтобы написать свою CMS/CMF, несмотря на огромное количество доступных и бесплатных систем управления и фреймворков. Итак, конечно же, прежде чем я решил написать действительно что-то стоящее и подходящее мне в большинстве случаев для разработки всяческих сайтов и интернет-проектов, мною было «поюзано» несколько готовых CMS, были взвешены все плюсы и минусы: удобство привязки шаблонов, сложность дописания к CMS необходимой функциональности конечного проекта (если она не была уже реализована и доступна в паблике), итд.

На моей памяти существует всего два основных, неглючных, способа блочной верстки (без использования таблиц). О них и пойдет речь в данной статье.

Первый способ основывается на использовании CSS-свойства «display» со значениями, симулирующими поведение элементов таблицы, а именно: display:table, display:table-row и display:table-cell.

Если вам понадобиться сделать поддержку тем оформления («skins») для вашего сайта, то это можно просто организовать при помощи незамысловатого Javascript кода и CSS. При этом основная идея следующая: на сайт по умолчанию будет всегда подгружаться общий CSS-файл, определяющий неизменные стили для сайта, а при помощи JS мы будем создавать и внедрять на страницу новый элемент CSS-стилей.

Недолго обдумав пути решения проблемы, первое что приходит на ум: получаем содержимое XML-файла методом GET при помощи объекта XMLHttpRequest, тем самым получаем объект DOM XML-файла, доступ к которому будет через свойство «responseXML».
После этого, мы можем «общаться» с загруженным XML-документом используя все возможности DOM в Javascript. Также стоит отметить одну проблему в Internet Explorer (6,7?) по этому поводу: чтобы объект XMLHttpRequest (ActiveXObject('MSXML2.XMLHTTP.3.0')) получил корректный DOM-объект XML-файла, нужно запускать его через веб-сервер (т.е по адресу, например, http://myhost/file.html, а не file://localhost/c:/file.html — как при открытии файла, посредством файловой системы).

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

Каждая из описанных техник рассказывает, как при помощи XSS (Cross Site Scripting) можно изменить поведение скриптов, которые не подозревали о подобных возможных действиях со стороны данных, доступных для ввода самим пользователем на сайте. Обладая знаниями о подобном поведении JS можно значительно улучшить понимание языка и безопасность веб-приложений при их разработке.

В этой статье я расскажу, как можно очень просто написать на 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. Благодаря ей, мы можем создать таймер с необходимым кодом, который будет выполняться в заданный промежуток времени. Итак, что же нам нужно в итоге?