Пусть это и не ново, но в данной статья я расскажу, каким образом реализована вставка BB-кодов в <textarea> на различных форумах и гостевых книгах. Также этот подход можно приспособить для того, чтобы написать редактор HTML-тегов, например для CMS при создании новой записи, чтобы можно было быстро, если понадобиться, обрамить текст в нужные теги. Понятное дело, это не визуальный редактор (WYSIWYG) и надо знать хоть чуть-чуть HTML. Я не особо люблю визуальные редакторы, т.к всё равно они оставляют много ненужного мусора в коде и тормознуто работают.

Перебрав множество способов для отображения PNG32 в Internet Explorer 6, я пришел к двум, наиболее часто используемым решениям. Эти два способа не требуют никаких внешних *.js или *.htc файлов и подходят для большинства случаев при верстке сайтов. Все способы отображения полноценного PNG в IE, конечно же, основываются на использовании фильтра DXImageTransform.Microsoft.AlphaImageLoader.

В этой статье я расскажу про два, наиболее часто используемых мной, способа верстки «закругленных уголков». Оба они очень просты в применении.

Итак, первый способ. Он подойдет для простых одноцветных блоков с обрамляющей рамкой или без неё. Для начала нам надо знать цвет фона и параметры рамки для нашего блока. Допустим, цвет фона блока будет #CCCCCC, а цвет рамки, толщиной в 1 пиксель — #666666. Далее создаем круг с данными параметрами и нужного скругления в Fireworks, Photoshop или любом другом редакторе.

Если вам потребуется осуществить подсветку синтаксиса кода на странице, например HTML или PHP, то это можно несложно реализовать на Javascript при помощи регулярных выражений (Regular Expression).
Примечание: имеется ввиду что спецсимволы вроде треугольных скобок, как при обозначении HTML-тегов, будут заменены HTML-сущностями, т.е < будет заменено на &lt; ну итд.

Итак, в этой статье я расскажу об общих сведениях при построении выпадающих меню на CSS и приведу 3 примера построения таких меню. Основная идея выпадающего меню на CSS крутиться вокруг написания CSS-кода с наследованием тегов, псевдо-класса :hover и некоторых CSS-селекторов.
В Internet Explorer версиях ниже 7-й очень ущербная поддержка CSS (не полная поддержка CSS 2.1), и псевдо-класс :hover работает только для ссылок. Поэтому для построения выпадающего меню в IE 6 есть два простых выхода.

Большинство из тех, кто верстает уже далеко не первый десяток PSD-шаблонов, наверняка уже сталкивались со всякими «подводными камнями» со стороны IE и некоторых других браузеров. Наверняка сделали себе небольшую подборку из кусков часто используемого полезного CSS-кода.
В этой статье я, как-раз, расскажу о таких, подобных кастомных сборках CSS-кода, которые я использую при верстке новых макетов. Чтобы не дублировать каждый раз некий часто используемый код, я его поместил в файл reset.css, который содержит в себе во-первых, сброс всяческих отступов у HTML-элементов по умолчанию, и во-вторых: набор полезных «тулзов» в CSS. В дальнейшем этот файл reset.css мы подключаем к нужным стилям страницы через @impore 'reset.css'; сверху CSS-файла.

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

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

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