css
вебмастерское за июнь
2010/6/27 14:32Мало кто знает и еще меньше кто использует появившуюся в HTML5 фичу - предварительную загрузку страниц. Link prefetching работает во всех современных браузерах, поддержка в IE ожидается к 2020 году, ждите! Copy to clipboard - бывает нужно вставить в буфер нечто ...
на неделе: только хорошие новости
2010/1/20 1:57Хорошая новость недели: для особых изысков в веб-дизайне разработан java-script, позволяющий эмулировать поддержку псевдоселекторов CSS3 в семействе IE5-8. Довольно хорошая новость: правительство Франции присоединилось к волюнтаристскому почину блога Legco.net и призвало забить болт на дырявый Internet Explorer. Решительно! Ибо. А впрочем, ...
на неделе: webmasters only
2009/12/14 0:34Давно не делал подборок только для вебмастеров, исправляюсь. Итак, на этой неделе делаем сайты: Стильно: создаем CSS3 тень с помощью jQuery Plugin To Create CSS3 Text-Shadows In Internet Explorer - тень появляется во вновь созданном слое поверх искомого текста, смотрится вполне ...
CSS Hover Effect
2009/8/10 12:46/* ---- styling the list ---- */ #work { float:left; list-style:none; margin:0; padding:0; } #work li { float:left; display:block; width:235px; margin:10px; display:inline; padding:3px; background:#fff; border:1px solid #cad789; height:154px; } #work li a { border:none; } #work p { margin-bottom:0; } /* ---- show-hide elements ---- */ #work li .show{ display:block; width:235px; height:154px; } #work li .hide { color:#d4df9d; text-align: left; height: 0; overflow: hidden; background:#687b00; } #work li:hover .hide, #work li.over .hide { cursor: pointer; height: 133px; padding:10px; width:215px; } #work ...
Оформление ссылок: приёмы CSS
2009/3/17 19:45Звучит банально, но именно гиперссылки являются тем средством, которое превратило обычную компьютерную сеть в ныне известный нам Интернет. Тогда будет логично уделить им несколько больше внимания и сделать их более удобными для пользователя? Об этом заметка в designer-daily.com, которую я ...
Верстка календаря - список и CSS
2008/6/18 22:19Скриптов для генерации календаря великое множество, а методов его верстки вебмастера, похоже знают ровно один - таблица. Не имею ничего против таблиц, но мне всегда казалось, что таблица - это способ хранения двумерных массивов данных. А календарь - это одномерный ...
Всплывающая подсказка на ajax и диаграмма на css
2008/2/3 11:29 4Ещё одна всплывающая подсказка - jTips. Ещё один плагин к jQuery, наверное самый маленький и удобный. Плюсы - информация, отображаемая во вплывающих окнах (tooltips), хранится во внешних html-документах (статичных, или генерируемых из БД) и вызывается ...
Ajax в помощь и неожиданный градиент на css
2008/1/19 9:16 2Создаем текст с градиентом с помощью CSS Текстовый блок с градиентом не хотите? Нет, не фотошоп, css only. Да, уже можно - смотрим демо, выбираем понравившееся, используем. Webdesignerwall.com разместили кратенький туториал, за что им огромное спасибо! Да, опять ...
Реклама в captcha, полезности
2007/11/1 13:58 4Бизнес-идея дня: размещать рекламу брендов в картинке captcha. Можно писать названия брендов, можно - url-ы сайтов, можно телефоны саппорта. Ежедневно миллионы мужчин и женщин вводят миллионы бессмысленных комбинаций букв и цифр, а отдачи от этого титанического труда никакого. Докажите, что ...
Всплывающая подсказка Prototip
2007/10/31 9:44Всплывающая подсказка - tooltip - красивый способ добавить информативности к простой ссылке. Я уже находил Buble tooltips и DomInclude, теперь ассортимент пополняется - пробуем Prototip. Библиотека основана на java-script фреймворке Prototype.js, также если Вы используете в своих проектах scriptaculous - ...
CSS rounded corners - опять на слоях
2006/5/27 13:53Еще одна версия популярной темы – как красиво отобразить статичные блоки на странице. Как видно, более ни до чего толкового кроме закругленных углов и теней пытливое человечество не додумалось, но зато вариантов – масса. Вот и еще один – без ...
css позиционирование - one true layout
2006/4/14 20:32Ну просто библия позиционирования на одной странице, статья посвящена естественно слоям и их взаимному позиционированию. Для каждого способа в таблице есть данные по совместимостью с моделями браузеров (Opera 5 и IE 5.0.1 в списке присутствуют) – все очень основательно ...
Прощай pop-up, пришел DomInclude
2006/4/11 19:3Еще одна версия всплывающих окошек взамен надоевшим стандартным поп-апам. Скрипт корректно работает во всех современных браузерах, легко конфигурируется, очень легко встраивается в существующие проекты, всплывающее окно заданного размера появляется как выпадающее меню прямо под нажатой ссылкой, причем есть версии как ...
Фотогалерея без javascript, только css
2006/3/31 19:9создается очень просто, надо просто очень сильно не любить скрипты и хорошо знать css – как Stu Nikols – и все получится!Плюсы – если на странице есть текст, то пока грузятся изображения, его можно почитать. Минусы – в приведенном образце ...
Закругляем все с css и js - Nifty Corners Cube
2006/3/24 13:57 3В ноябре прошлого года я писал о легком и красивом способе облагораживания углов в слоях. Товарищи, автор за это время улучшил, углубил и усилил возможности своего метода и теперь он позволяет: задать диаметр углов одного слоя двум слоям задать прозрачность ...
Вывод документа постранично в одном окне
2006/3/3 19:32 2- довольно удобное решение для больших текстов, рекламных проспектов, справочной документации – пользователь не пугается, видя стремительно уменьшающуюся полоску вертикального скролл-бара при загрузке. Я пришел к такому выводу, потестировав скрипт с сайта Андрея Баранова XHTML+CSS+DOM слайд-шоу 2 и JavaScript tabifier ...
закругленные углы в блоках с помощью php класса
2005/12/19 11:24 1Целый сайт посвящен этому классу – используется очень просто, класс сам создает все псевдоэлементы, валидаторы ругаются на css в элементе <b>, в коде не разберешься – зато выглядит красиво и легко встраивается в шаблоны. упд. сайт умер, ссылка на репозиторий php-классов ...
закругляем углы у слоев с помощью css
2005/11/26 10:47Очень толковый мануал, интересно используются псевдоэлементы, в общем «и немедленно выпил!» – уже пристраиваю в меню одного текущего проекта :)Да, статья еще апрельскя, но ценности за давностью не утратила, более элегантных решений я пока не встречал. ...