Продолжая изучение и яростное вгрызание во все премудрости использования техник CSS, часто экспериментирую с созданием различных видов навигационных меню. Иногда за основу берется уже существующая структура понравившегося решения и методом проб и ошибок, привносится что то новое в стиль оформления, а возможности CSS порой, кажутся поистине безграничны. В частности сегодня, хочу рассказать еще об одном…
уроки
Приемы оформления границ блока с помощью CSS
Однажды я уже как то касался темы форматирования блоков средствами CSS в статье 5 CSS Стилей для блока с фоном. Сегодня расскажу как благодаря CSS3 мы можем расширить свои возможности при оформлении блочных элементов страницы. Практически любой элемент, браузер воспринимает как прямоугольную область. С помощью CSS мы можем переопределить характеристики каждого блока-прямоугольника — его положение на странице, цвета,…
Стабильный информационный блок при прокрутке страницы
В продолжение темы создания различных всплывающих окон/блоков, покопался в своих загашниках и откопал, на мой взгляд, одно очень интересное решение, надеюсь, достойное вашего внимания. Иногда бывает необходимо, чтобы пользователь при прокрутке страницы мог не терять из поля зрения подаваемую ему информацию. Реализуется это довольно просто, с помощью небольшого javascript и сформированных стилей CSS. Что касается…
Эффект высокой печати для текста на CSS3
По причине неуемного интереса к работе с CSS и растущей популярности стандартов CSS3, просто не могу пройти мимо одного замечательного способа оформления текста без использования изображений и javascript, так называемого эффекта «Высокой печати». Этот метод является одним из типов промышленного способа печати. Почему бы не использовать такой же способ в веб-дизайне, оказывается реализовать данный метод…
Создание кнопок с помощью CSS, HTML без javascript
Какая то фобия у наших пользователей в отношении использования javascript, довольно часто встречаю в комментариях вопросы о том, что при отключенных скриптах в браузерах, что то перестает работать. Люди порой не удосуживаются даже вникнуть в процесс создания того или иного решения. Ну, а раз есть потребность и неуемное желание не использовать javascript в работе, на…
Микро Галерея Изображений на jQuery
На страницах сайтов и блогов, места как всегда не хватает, хочется разместить информации много и все сразу, остро встает вопрос о размещении большого количества изображений в виде миниатюр, как дополнение к общему содержанию. Поэтому сегодня, давайте рассмотрим интересный способ создания миниатюрной галереи, которая не займет много места и отлично впишется в боковой колонке любого сайта.…
Создание эффекта раскрытия для миниатюр с помощью CSS и JQuery
Сегодня наконец дошли руки до того, чтобы начать серию статей о создании различных эффектных способов вывода миниатюр изображений. Все больше и больше становится популярным, метод анонсирования статей с помощью миниатюр. Выводится картинка визуально подчеркивающая смысл самой статьи, или берется первое изображение из поста и подается вместе с кратким анонсом, появляющимся при наведении на миниатюру, на…
Оформление цитат с помощью CSS
Цитаты на сегодняшний день являются неотъемлемой частью любого мало-мальски серьезного интернет проекта, да и одностраничные сайтики нет-нет да и вставят что нибудь этакое в форме цитаты. Вставить, это мы все горазды, у многих же возникает проблема с оформлением цитат. В первую очередь цель цитирования — это привлечь внимание посетителя впечатав умную мысль, свою или чужую. Кто-то…