Удобство и приемущества нарезки PSD-шаблонов в Adobe FW
Adobe Fireworks — это графический редактор, который стал частью пакета программ Adobe, после того как они купили компанию Macromedia.
Родным форматом проги является PNG (кто не знал - сохранение информации о слоях, объектах и прочей информации в PNG возможно и отлично реализовано в FW).
Программа имеет хорошо продуманный интерфейс, удобную и простую работу как с растровой графикой так и векторной (читает многие форматы других приложений, например AI, EPS, PSD, итд.)
Странно, но не многие знают о ней и тем более используют в качестве инструмента для создания дизайна сайтов, хотя это очень удобно, если вы познали «всю мощь» этой программы.
Кон...
Итак, в этой статье я расскажу об общих сведениях при построении выпадающих меню на CSS и приведу 3 примера построения таких меню. Основная идея выпадающего меню на CSS крутиться вокруг написания CSS-кода с наследованием тегов, псевдо-класса :hover и некоторых CSS-селекторов.
В Internet Explorer версиях ниже 7-й очень ущербная поддержка CSS (не полная поддержка CSS 2.1), и псевдо-класс :hover работает только для ссылок. Поэтому для построения выпадающего меню в IE 6 есть два простых выхода.
Первый — это использовать специальное расширение файлов *.htc, которое майкрософт, видимо, и разработала в своё время чтобы скрыть недостатки своего браузера. Файлы *.htc — это практически чи...
Перетаскивание объектов в HTML средствами JS (Drag & Drop)
Большинство из вас, наверное, уже видели, как на некоторых сайтах, различные элементы HTML-верстки можно «ухватить мышой» и перетащить в другое место на странице. Это называется «drag and drop», а если дословно, то «схвати и тащи». В статье я расскажу, как, при помощи небольшого куска кода на Javascript, реализовать подобный функционал на своём сайте. Итак, поехали.
Во-первых, для того, чтобы объекты на страницы могли свободно перемащаться, независимо от соседних элементов, мы выставим им абсолютное позиционирование (position:absolute) и начальные координаты (left и top) в CSS.
Во-вторых, главным участником всех действий в JS, послужит конечно-же стандартный объект window.event, при помощи...
На моей памяти существует всего два основных, неглючных, способа блочной верстки (без использования таблиц). О них и пойдет речь в данной статье.
Первый способ основывается на использовании CSS-свойства «display» со значениями, симулирующими поведение элементов таблицы, а именно: display:table, display:table-row и display:table-cell.
Этот способ работает идеально во всех браузерах, которые поддерживают подобные значения для свойства display, а это основная масса браузеров, кроме нашего «фаворита» Internet Explorer. До 8-й версии IE не поддерживал полностью как CSS 2.1, так и CSS 3.
Поэтому, чтобы исправить ситуацию, пришлось найти «очередной хак для IE». И этим хаком стали свойства float:...
Перебрав множество способов для отображения PNG32 в Internet Explorer 6, я пришел к двум, наиболее часто используемым решениям. Эти два способа не требуют никаких внешних *.js или *.htc файлов и подходят для большинства случаев при верстке сайтов. Все способы отображения полноценного PNG в IE, конечно же, основываются на использовании фильтра DXImageTransform.Microsoft.AlphaImageLoader.
Первый способ предназначен для правильного отображения непосредственно картинок (HTML-тег <img src="...">) и основывается он, похоже, на очередном глюке при рендеринге изображения в IE 6. Если у изображения указаны запредельно высокие значения ширины и высоты — то оно просто «исчезает».
Честно г...
