Highe® — Web-дизайн по стандартам: Tags

Пропустить навигацию [#content] Higher.com.ua немного о веб дизайне Главная Статьи Поиск Контакты Highe® — Веб и стандарты Все статьи → css PNG8 и частичная прозрачность 19.06.08 Возвращаясь к теме прозрачности PNG изображений и их поддержки в IE5-6. В Fireworks оказывается есть интересная возможность создания частично прозрачных изображений … Ключевые слова: дизайн , css , progressive enhancement дальше → CSS Styleguide — улучшение читабельности кода 12.05.08 Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов. Ключевые слова: верстка , css дальше → CSS шаблон 30.03.08 Наверняка, все кто читает этот блог и не только этот не пользуется разными CSS framework'ами, в общем — я тоже. За некоторое время работы выработался определенный стиль в виде набора правил, файлов и папок, которыми хотелось бы поделиться и узнать мнение уважаемых. Ключевые слова: верстка , css дальше → Media-запросы 14.03.08 Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства Ключевые слова: мобильные устройства , css3 дальше → Полезные CSS хаки 12.02.08 Несколько хаков, которые могут пригодиться Ключевые слова: css дальше → IE7.js version 2.0 (beta) 11.01.08 IE7 — это библиотека JavaScript, заставляющая работать IE как standards-compliant браузер. Решает множество HTML и CSS проблем, в т.ч. PNG прозрачность в IE5, IE6. IE7.js Обновляет MSIE5-6 до … Ключевые слова: браузеры , веб-стандарты , css , javascript дальше → Использование CSS в HTML Email 27.12.07 Отправка писем в HTML формате всегда было спорным вопросом. От себя могу только сказать, что если действительно письмо должно выглядеть достойно, имея оригинальный … Ключевые слова: дизайн , css , email дальше → Flash Object и z-index 7.12.07 Единственное работающее решение положить Flash объект под слой — обернуть объект контейнером, задать контейнеру абсолютное (относительное) положение с z-index:0. В … Ключевые слова: верстка , css дальше → CSS Sprites и их использование 19.11.07 Наверняка вам неоднократно встречалось это модное понятие. В этой статье я хотел бы более подробно разобрать, что такое спрайты, для чего они нужны и как их … Ключевые слова: верстка , css дальше → Кросс-браузерная прозрачность 14.11.07 .transparent-class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } opacity: 0.5; — для основных стандартных браузеров (Firefox, Safari и Opera) filter:alpha(opacity=50); — IE -moz-opacity:0.5; … Ключевые слова: веб-стандарты , верстка , css дальше → Избавляемся от устаревших тэгов и атрибутов с помощью CSS 12.11.07 В момент сдачи проекта существует возможность потерять контроль над исходным HTML кодом. Некоторые части кода целиком могут заменяться динамически при помощи CMS, … Ключевые слова: верстка , css , javascript дальше → Diagnostic Styling 13.10.07 Eric Meyer представил ряд правил CSS, применяя которые можно визуально отслеживать ошибки в разметке при создании сайта. Выглядят они примерно следующим образом:… Ключевые слова: веб-стандарты , верстка , css дальше → Генератор Спрайтов (CSS Sprite Generator) 11.10.07 Сервис по созданию спрайтов. Пакуем картинки, которые пойдут в фон, настраиваем, что хотим получить на выходе и жмем "создать". Удобно, просто и быстро. Понравилось...… Ключевые слова: верстка , дизайн , css дальше → PNG прозрачность в IE6 5.06.07 Долго искал простейшее и универсальное решение использовать png прозрачность в Interner Explorer 6. Причем интересовало и для обычных изображений, и для фона. Порядок … Ключевые слова: браузеры , верстка , css дальше → Clear float-блока без html разметки для IE 7 3.06.07 Способ «очистки» (clear: left|right|both) вложенного float-блока, без использования дополнительной разметки, приведен на сайте positioniseverything.net, который еще называют easy clearing … Ключевые слова: браузеры , верстка , css дальше → 70 приемов улучшения CSS верстки 15.05.07 CSS верстка далеко не всегда простая штука. В зависимости от вашего опыта и навыков CSS верстка может стать настоящим кошмаром, особенно, если вы не уверены, какие … Ключевые слова: веб-стандарты , верстка , дизайн , css дальше → Подсказки при заполнении форм 15.04.07 Всплывающие подсказки, созданные с использованием css и javascript, помогающие пользователю заполнить поля в форме. Элегантно и модно. Думаю пользователи должны оценить … Ключевые слова: верстка , дизайн , css , javascript , usability дальше → Reset Styles или установка начальных значений CSS 15.04.07 Установка всех стилей в дефолтное состояние или установка начальных значений. Удобно тем, что устанавливается в 0, границы, отступы, бордюры и др. св-ва одним махом.… Ключевые слова: верстка , css дальше → Закругленные края Spanky Corners 1.1 beta 8.04.07 Удобный способ закругления углов в блоках любого радиуса и цвета представлен на сайте в виде формы для получения уже готового HTML и CSS кода под названием Spanky Corners.… Ключевые слова: дизайн , css дальше → Альтернатива display: none 4.04.07 Довольно часто приходится скрывать некоторые элементы при создании сайта используя display: none. Screen reader'ы не отображают содержимое скрытых таким способом элементов. … Ключевые слова: веб-стандарты , css , usability дальше → Универсальная CSS форма 26.03.07 Попытка стандартизировать обычную форму, создав универсальный макет с помощью CSS. Форма легко изменяется, хорошо структурирована, код максимально отделен от … Ключевые слова: верстка , css дальше → Руководство по созданию CSS шаблона. 18.03.07 Очень неплохое руководство, описывающее весь процесс создания сайта или CSS шаблона, с примерами кода, современными техниками, приемами и методами. (англ.) Ссылка Ключевые слова: дизайн , css дальше → Легко изменяемый макет фиксированной ширины 18.03.07 Попробуем создать макет страницы, который в зависимости от размера экрана будет меняться. Причем попробуем для этих целей воспользоваться только средствами CSS, … Ключевые слова: веб-стандарты , верстка , дизайн , css дальше → Центрируем изображение в блоке 8.03.07 Часто возникает проблема центрирования изображения в блоке фиксированного размера. Естественно, никаких проблем не возникает, если все изображения имеют … Ключевые слова: верстка , дизайн , css дальше → Многоколоночный макет, выходящий за пределы блока 22.02.07 by Alan Pearce Нам всем хорошо известна проблема, возникающая при создании многоколоночного макета, в котором колонки должны быть одинаковой высоты. Прочитать … Ключевые слова: веб-стандарты , верстка , alistapart , css дальше → Быстрое создание CSS шаблона в Photoshop 22.02.07 Может показаться, что мы возвращаемся в 1999 год. Данная статья, автор которой Casper Voogt покажет, как при помощи Photoshop и ImageReady создать валидный XHTML/CSS макет. Вам … Ключевые слова: веб-стандарты , css , photoshop дальше → Switchy McLayout: Техника адаптации макета 22.02.07 by Marc van den Dobbelsteen Появление новых мобильных устройств заставляют нас взглянуть по другому на растягивающиеся макеты. Marc van den Dobbelsteen предлагает способ применения … Ключевые слова: верстка , alistapart , css , javascript дальше → CSS Styleguide — улучшение читабельности кода Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов. дальше → Media-запросы Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства дальше → Стандартный режим, режим обратной совместимости и DOCTYPE Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE дальше → Полезные CSS хаки Несколько хаков, которые могут пригодиться дальше → Все статьи → бизнес , браузеры , веб-стандарты , верстка , дизайн , мобильные устройства , редакторы , фотогалерея , alistapart , css , css3 , email , javascript , photoshop , progressive enhancement , svg , textpattern , usability , validation Полезные ссылки 9.07.08 Spam vs. Accessibility Should Links Open In New Windows? Portable Social Networks, The Building Blocks Of A Social Web Integrating Social Media into a Web Content Strategy Collaborate and Connect with Subversion Driven by Textpattern • © 2007 highe® design • RSS Atom