В категории материалов: 23 Показано материалов: 1-10 |
Страницы: 1 2 3 » |
Сортировать по:
Дате ·
Названию ·
Рейтингу ·
Комментариям ·
Просмотрам
Пусть это и не ново, но в данной статья я расскажу, каким образом реализована вставка 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-сущностями, т.е < будет заменено на < ну итд.
|
Итак, в этой статье я расскажу об общих сведениях при построении выпадающих меню
на 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).
|
Для того чтобы создать JSON-объект вместо new Object
надо использовать {}, а вместо конструкции для создания массива new Array() —
[]. Также этот способ может быть удобен для формирования небольшой
библиотеки, хранящей сгрупированные методы (функции).
|
Каждый программист на JS рано или поздно
сталкивается с понятием «асинхронный яваскрипт», а сокращенно AJAX. На самом
деле в этой аббревиатуре нету ничего страшного, как могли бы подумать новички. В
общем — это технология, позволяющая асинхронно (одновременно, независимо)
обмениваться (получать и отправлять) информацию(ей) с другими ресурсами сервера
(файлами).
|
Большинство из вас, наверное, уже видели, как на некоторых сайтах, различные
элементы HTML-верстки можно «ухватить мышой» и перетащить в другое место на
странице. Это называется «drag and drop», а если дословно, то «схвати и тащи». В
статье я расскажу, как, при помощи небольшого куска кода на Javascript,
реализовать подобный функционал на своём сайте. Итак, поехали.
|
|
|