10 лучших мануалов по созданию форм с помощью CSS3 топик-ссылка

Вот и началась сессия. В связи с этим наблюдается катастрофическая нехватка времени. Поэтому весь этот месяц буду радовать вас различными подборками. Хотя думаю и несколько интересных статей тоже стоит ожидать. Мануалы все на английском языке. Особенно интересные я буду стараться переводить для вас. Сегодня у нас обзор лучших мануалов по созданию различных форм на CSS3. Это и формы обратной связи, и поисковые формы, и формы логина с различными эффектами.

Fix WP: смена URL для страницы логина топик-ссылка

Все мы прекрасно знаем, что страница логина по дефолту у WordPress находиться по адресу http://yoursite.com/wp-login.php. У вас может возникнуть желание изменить этот URL на что-то более простое, либо просто из соображения безопасности. К счастью сделать это довольно легко. Все, что нам потребуется это доступ на сервер к файлам сайта.

Создаем границу у сайта топик-ссылка

На сайте http://hicksdesign.co.uk/ впервые был применен эффект, который мы сегодня будем создавать. Суть эффекта такова: по краям окна браузера создается граница вокруг всего сайта, которая при прокрутке страницы не исчезает, а контент находиться внутри границы. В этой статье мы рассмотрим несколько разных техник создания такого эффекта.

Работаем с эффектом при наведении (hover)

Добрый день! Сегодня хочу привести небольшой пример работы с эффектом при наведении. Из примера вы научитесь выделять определенный элемент из группы элементов при наведении на них курсора мыши. Пример строиться на использовании свойства opacity и псевдо-классов. Итак, приступим.

Прочитать статью полностью

Мини-бар MS Office с помощью jQuery и CSS

Мини-бар MS Office на jQuery и CSS

Я думаю, что многие согласятся с утверждением, что дизайн продуктов Microsoft частенько радует глаз. К примеру, мини-бар, который мы увидели с выходом в свет MS Office 2007. По сути он повторяет часть функций одной из панелей быстрого доступа. Главным его плюсом является возможность изменять стиль выделенного текста «на лету». Мини-бар обычно появляется рядом с курсором мыши, что позволяет пользователю быстро применить нужные действия к выделенному тексту. Примерно такой же мини-бар мы попробуем создать сегодня для сайта. Вариантов его применения масса. Один из них комментарии – позвольте пользователям применять стандартные тэги для оформления своих комментариев.

Прочитать статью полностью можно на блоге RusDigi.org

6 полезных CSS кнопок топик-ссылка

С помощью CSS мы полностью меняем представление о создании кнопок для сайтов и интернет проектов. Раньше нам приходилось использовать несколько изображений для создания кнопки, а теперь несколько строк кода. Далее в статье вы увидите рецепт для приготовления шести различных кнопок с использованием CSS. Код представленный в статье вы можете просто взять и вставить в свой проект.

Условные комментарии Internet Explorer топик-ссылка

Как мы все знаем, Internet Explorer это тот браузер, который доставляет веб разработчикам массу неудобств. Возможно это происходит потому, что Microsoft на данный момент имеет 3 совершенно разные версии браузера. Возможно потому, что ранние версии не стнадартизованы. Возможно потому, что IE6 не обновлялся несколько лет. Какова бы не была причина, IE с нами и нам нужно что-то с этим делать.

3D текст с помощью CSS топик-ссылка

Видели ли вы сайт Дэвида Дэсандро? Сайт выглядит очень минималистично. А вот футер очень интересный: текст при наведении на него указателя мыши становится трехмерным. Техника создания таково эффекта очень проста. Давайте посмотрим как можно сделать такой эффект. Использовать мы будем несколько свойств CSS3. Основной концепцией при создании 3D текста является концепция применения нескольких теней с использованием свойства text-shadow.

Градиенты CSS топик-ссылка

Совсем недавно, в статье Градиентная заливка с помощью CSS3 я приводил парочку примеров работы линейного градиента. Мы тогда так и не коснулись вопроса радиального градиента. Сегодня я хотел бы дать немного больше информации о градиентах CSS. На данный момент градиенты поддерживаются браузерами Internet Explorer 8+, Firefox, Safari и Chrome и мы можем с уверенностью применять их на наших сайтах. Давайте подробнее рассмотрим градиенты CSS: их синтаксис и поддержку браузерами.

Мини-курс по jQuery для дизайнеров

мини-курс по jQuery на rusdigi.orgЭтот мини-курс содержит шесть небольших уроков по использованию jQuery. Курс предназначен для тех, у кого нет никакого опыта работы с jQuery и JavaScript. Примеры все простейшие, но при этом будут содержать код на Javascript. Каждый урок снабжен демо страницами, на которых можно увидеть результат работы того или иного скрипта. Курс поможет понять основы работы с JavaScript с использованием библиотеки jQuery.

Содержание мини курса по jQuery для дизайнеров

1. Как работает jQuery
2. Как обратиться к нужному элементу?
3. Выдвигающаяся панель
4. Эффект исчезновения
5. Движение и изменение элемента
6. Меню с эффектом аккордеон
7. Доработка меню с эффектом аккордеон
8. Всплывающие окна с подсказками
9. Всплывающие окна с подсказками #2
10. Сворачиваемые списки
11. Простая галерея с заменой картинок
12. Стилизация ссылок на файлы различных типов

Перейти на демо сайт