Интересные статьи

Красивая форма обратной связи... Предоставление посетителям сайта простого и надежного средства обратной связи – это важнейшая...

Readmore

WordPress. 10 полезных приемов разработки Начиная с прошлого года, рынок тем для WordPress невероятно вырос. В чем же причина? Отличные дизайны,...

Readmore

Создание прототипа с помощью... Grid 960 - это CSS Фреймворк, который позволяет разработчикам быстро конструировать прототипы дизайна....

Readmore

WordPress. Как сделать блог многоязычным Начиная вести свой блог, я твердо решила никогда не писать обзорных статей о плагинах к WordPress....

Readmore

10 отличных шорткодов для Wordpress Если вы давно ведете свой блог на WordPress, то конечно же знаете, что визуальный редактор позволяет...

Readmore

Очередной блог фрилансера Rss

Создание навигации “волшебная линия” с помощью jQuery

Дата публикации : 14-02-2010 | в рубрике : верстка, переводы

Метки: , ,

7

Такой “скользящий” стиль навигации существует довольно давно, мне всего лишь было нужно изменить его немного под собственные нужды, поскольку появилась такая возможность. Это оказалось очень легко. Можете взглянуть на два примера такой навигации на демонстрационной странице.

Создание формы со скользящими подписями

Дата публикации : 28-01-2010 | в рубрике : верстка, переводы

Метки: , ,

19

Пару недель назад, я читал статью Люка Вроблевски. Для тех, кто еще не слышал о нем, Люк -  автор книги о правильном дизайне веб-форм.

В его статье, меня особенно заинтересовала часть, о расположении подписей внутри текстовых полей:

Анимация jQuery: изучение за 7 шагов

Дата публикации : 21-01-2010 | в рубрике : изучаем Jquery, переводы

Метки: , ,

8

Небольшой штрих анимации может украсить любой, скучный интерфейс. В сегодняшней статье, вы узнаете, как правильно ее использовать с помощью jQuery.

Фантастическая CSS3 лайтбокс галерея с помощью jQuery

Дата публикации : 22-12-2009 | в рубрике : верстка, переводы

Метки: , , ,

6

С удовольствием принимаю эстафету по обзору полезных зарубежных ресурсов, предложенную блоггером cuprum, и сегодня, хочу представить вашему вниманию англоязычный блог – tutorialzine.com. Этот блог отличается от других, главным образом тем, что в нем регулярно публикуются очень красивые, а главное полезные, готовые решения для веб-разработчика. И сегодняшняя статья – не исключение.

Простой, перетаскиваемый элемент на jQuery

Дата публикации : 23-11-2009 | в рубрике : общая, переводы

Метки: , ,

4

200x200Бывают случаи, когда вам может понадобиться создать перетаскиваемый элемент внутри вашего веб-приложения. Это отличная функциональность, однако, возможно вы хотите, чтобы элемент оставался на новом месте, после перетаскивания. В сегодняшней статье вы узнаете, как можно легко перетаскивать и закреплять в новом месте нужный элемент даже после перезагрузки страницы, с помощью захвата и хранения его X и Y координат.

Красивая форма обратной связи на основе AJAX

Дата публикации : 13-11-2009 | в рубрике : общая, переводы

Метки: , ,

58

homeПредоставление посетителям сайта простого и надежного средства обратной связи – это важнейшая часть любого веб-проекта. Наиболее простым и часто используемым каналом обратной связи – являются контактные формы. Посмотреть результат можно здесь.

Решение для очень длинных выпадающих меню

Дата публикации : 29-10-2009 | в рубрике : верстка, общая

Метки: , ,

2

homeМне нравится давать статьям точные заголовки, но в данном случае, правильно было бы сказать *возможное* решение для очень длинного, выпадающего меню. Проблема с такими меню состоит в том, что выпадающий список может выйти за пределы самой веб-страницы, то есть ниже видимой области окна браузера. Так, что для доступа к нижним пунктам меню, вам понадобится прокручивать страницу до нужного пункта.

Создаем эластичное меню из миниатюр

Дата публикации : 29-09-2009 | в рубрике : верстка, переводы

Метки: , , ,

4

homeЕще один интересный пример навигации – из миниатюр. У него есть как минимум два преимущества – работает просто и выглядит эффектно. Сделать такую навигацию под силу любому пользователю, поэтому сегодняшняя статья, скорее похожа на заметку, чем на полноценную инструкцию.

Итак, как обычно взгляните на конечный результат, и если понравилось, читатайте далее.

Интерактивная корзина на основе AJAX, PHP и JQuery

Дата публикации : 24-09-2009 | в рубрике : общая, переводы

Метки: , , ,

14

home

«Какая корзина? И почему вдруг корзина?» – возможно удивитесь вы, прочитав заголовок. Так вот, корзина самая обычная – та, которую все мы используем, покупая что-нибудь в интернет-магазине. А опубликовать статью о ее создании, я решила по одной, единственной причине – не смогла устоять перед замечательным и красивым решением.

Не верите? можете посмотреть результат. А если вам интересно как это делается, читайте далее.

Создаем заголовок, реагирующий на движения мыши

Дата публикации : 30-08-2009 | в рубрике : переводы, плагины Jquery

Метки: , ,

11

home

jParallax не представляет ничего нового для любителей jQuery. Но для тех, кто все еще не слышал о нем, далее небольшое описание.

jParallax вращает выделенные элементы, а также все его дочерние элементы, расположенные в абсолютно позиционированных слоях, в просматриваемой области. Эти слои двигаются вслед за движениями мыши, а также в зависимости от их размеров (и установок слоя), они могут перемещаться различными способами.

Далее, я покажу вам, как создать красивый заголовок, реагирующий на движения мыши. Мой сайт с портфолио использует этот трюк, так что вы сразу можете посмотреть результат.