Если вам нужно сверстать меню, в котором расстояние между элементами должно быть одинаковое и при этом родительский блок меню имеет автоматическую ширину, то совсем необязательно использовать для этой цели таблицу.
Всё оказывается достаточно просто: можно сверстать семантическое меню через UL-LI или любой другой набор элементов (в примере DIV-SPAN).
Ключевыми свойствами CSS будут text-align:justify и display:inline-block. Но только лишь этого недостаточно. Выравнивание по ширине в CSS работает по умолчанию для всех строк, исключая последнюю.
Но что если у нас первая и последняя - одна и таже строка? В этом случае есть решение!
Для всех современных браузеров (включая IE8), мы создадим п...
Задача: найти способ визуализации объектов (элементов HTML-верстки) в виде графа.
Перерыв на просторах интернета достаточно большое количество готовых инструментов для рисования векторной графики при помощи Javascript, я нашел оптимальное, для меня решение.
Это использование jQuery вместе с плагином jsPlumb.
Этот плагин использует возможности тега canvas для рисования графики.
Все современные браузеры его уже поддерживают (хотя и не в полном объеме), за исключением, как вы уже догадались, Internet Exlorer (включая 8-ю версию).
Благо команда Google своевременно позаботилась о портировании большинства возможностей canvas через поддержку VML (которую только и и...
В этой статье я расскажу, как можно очень просто написать на Javascript аналог известной конструкции во многих языках «include» или «import».
Если нам при разработке проекта требуется подключать множество разных JS-файлов, то включать их все внутри HTML-блока head не очень удобно.
Поэтому, мы напишем функцию, которая будет подгружать указанные в скрипте файлы один за одним и выполнять их.
Таким образом подключение всех необходимых файлов сведется к примерно таким строкам внутри <HEAD>:
<script type="text/javascript" src="include.js"></script>
<script type="text/javascript">
jsLoadFile.init('/files/1.js', '/files/2.js', 'http://site2/script.js');
jsLoadFi...
Нетривиальный синтаксис или JavaScript для хакеров
Каждая из описанных техник рассказывает, как при помощи XSS (Cross Site Scripting) можно изменить поведение скриптов, которые не подозревали о подобных возможных действиях со стороны данных, доступных для ввода самим пользователем на сайте. Обладая знаниями о подобном поведении JS можно значительно улучшить понимание языка и безопасность веб-приложений при их разработке. Итак, начнём.
Регулярные выражения в JavaScript могут выполнять код
Используя регулярные выражения (RegExp) в функции «replace», её второй аргумент может принимать не только строки, но и функции. Это означает, что вы можете использовать этот аргумент для выполнения кода. Для примера, проверьте кусок кода, приведенный ниж...
Обзор основных используемых CSS-свойств и особенности их применения
В этой статье я расскажу про основные часто используемые CSS-свойства при верстке дизайна сайтов. Это будет не просто сухое техническое перечисление свойств, а скорее рекомендации по применению конкретного свойства, его особенностей, сокращенной записи, кроссбраузерности, ну вы поняли. Итак, поехали.
CSS-свойства для работы с текстом
font: bold 16px/30px sans-serif - наиболее удобная сокращенная форма для указания: font-weight/font-style(bold/italic), font-size(16px), line-height(30px) и перечня семейства шрифтов, т.е font-family (или же конкретного шрифта, в данном случае sans-serif). Указание высоты строки (line-height) часто используется для выравнива...
