Записи, помеченные ‘javascript’
-
Создание целевой страницы для веб-сайта StartupGiraffe
В этом уроке вы увидите как сделана часть интерфейса целевой страницы StartupGiraffe. Целью авторов урока было создание веселого адаптивного сайта. В дизайне на фоне были многоугольники разных цветов, углы и формы; на переднем плане были элементы, которые могут хорошо смотреться в параллаксном веб-сайте, а также огромный жираф.
Далее... 1 Комментарий » -
Простой слайдер с набором категорий
В этом уроке мы будем создавать простой слайдер минималистичного дизайна, используя СSS-анимации и jQuery. Идея будет заключаться в том, чтобы последовательно менять изображения в зависимости от выбранной категории. Данный слайдер отлично подойдет для дизайна онлайн-магазина, в котором будет немного категорий с небольшим количеством товаров.
Далее... 2 Комментариев » -
Создаем шаблоны с эффектом 3d-навигации
В сегодняшней статье будет рассмотрено два шаблона — адаптивный шаблон с 3d-панелью и 3d-галерея изображений. Они являются экспериментальными и будут отображаться правильно только в последних версиях браузеров. Но в целом результат достаточно впечатляющий. В первом примере будет происходить анимация слайдов, которые могут включать до четырех панелей и соответственно анимация разделяющей линии. Во втором — создан эффект реальной [...]
Далее... 3 Комментариев » -
Цветовая палитра с помощью CSS3 & jQuery
В этом уроке мы будем создавать цветовую палитру с помощью CSS преобразований и переходов — простой плагин jQuery. Идея состоит в том, что при нажатии на один из образцов мы будем вращать остальные с целью выявления выбранного.
Далее... 1 Комментарий » -
10 полезных JS-сниппетов, которые помогут сэкономить время
JavaScriptразвивается очень быстрыми темпами. С такой большой интенсивностью развития JavaScript следить за всеми нововведениями — достаточно сложная задача. В связи со своей большой популярностью предпочтительным считается использование JQuery, но некоторые коды написаны на чистом JavaScript. В этой статье мы собираемся рассмотреть 10 полезных скриптов, которые помогут вам сэкономить время при решении простых задач. Большинство из этих сниппетов можно просто скопировать и вставить, [...]
Далее... 12 Комментариев » -
Объединение CSS-анимации и JavaScript
Четыре с половиной года назад CSS переходы были впервые введены в WebKit, и три года, как к ним присоединилась анимация по ключевым кадрам CSS. В настоящее время они приближаются к переломному моменту реализации в браузерах — на данный момент поддерживаются в Chrome, Safari и Firefox, а значит, стали доступными для 50-60 процентов веб-пользователей, и скоро появятся в Опере 12 и [...]
Далее... 2 Комментариев » -
Шпаргалки для верстальщиков
В этой подборке мы собрали ссылки на лучшие шпаргалки в PDF, PNG и других удобных форматах. Эти шпаргалки позволяют быстро вспомнить кодовый синтаксис и облегчить вашу работу, если вы работаете с HTML/xHTML, CSS, и JavaScript (включая MooTools и jQuery)
Далее... 4 Комментариев » -
32 Flash и Javascript галереи
В данной подборке представляем вам 32 галереи, которые просты в установке и настройке на своём сайте. Часть из них сделана при помощи флеш, а часть — на Javascript.
Далее... 26 Комментариев » -
53 CSS, DHTML и JavaScript меню
В этой статье вы найдёте подборку из 53 меню, созданных с помощью CSS, DHTML и JavaScript.
Далее... 7 Комментариев »
Самые комментируемые
- Текст из крови в Adobe Photoshop 549
- Насколько важно сегодня использовать Web Safe цвета? 538
- 20 наборов кистей для Фотошопа, которые вам пригодятся 530
- Текст из воды в Adobe Photoshop 518
- 45 новых удивительных наборов кистей для творчества 423
- Более 40 фотореалистичных рисунков 205
- Ретро и винтажная типографика в веб-дизайне 194
- 30 примеров фрактального искусства 191