Иногда, при HTML-верстке страниц, необходимо выровнять некий блок по центру вертикали родительского. Новички, наткнувшись на свойство CSS «vertical-align:middle», сразу же пытаются использовать его, якобы, по назначению, но не всё так просто.
Это свойство может быть пригодно только в двух случаях: в первом — оно аналогично аттрибуту valign="middle" у HTML-тега <TD> и будет работать как задумано. Во втором случае его можно использовать для выравнивания двух или более рядом стоящих линейных блоков (display:inline).

Каждый программист на JS рано или поздно сталкивается с понятием «асинхронный яваскрипт», а сокращенно AJAX. На самом деле в этой аббревиатуре нету ничего страшного, как могли бы подумать новички. В общем — это технология, позволяющая асинхронно (одновременно, независимо) обмениваться (получать и отправлять) информацию(ей) с другими ресурсами сервера (файлами).

Большинство из вас, наверное, уже видели, как на некоторых сайтах, различные элементы HTML-верстки можно «ухватить мышой» и перетащить в другое место на странице. Это называется «drag and drop», а если дословно, то «схвати и тащи». В статье я расскажу, как, при помощи небольшого куска кода на Javascript, реализовать подобный функционал на своём сайте. Итак, поехали.

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