Javascript & Ajax \ jQuery

отражение изображений

От автора: всем, наверное, известно о новой, не кросбраузерной технологии canvas… C помощью этой технологии можно вытворять немыслимые вещи, например красиво отразить картинку.
Я изучаю эту технологию, но пока применять её рано, думаю как реализовать подобные эффекты, используя доступные инструменты каждому браузеру.

Что касается отражения картинки, мне это удалось.

Продолжить чтение

Javascript & Ajax \ jQuery

jquery

От автора: на работе мы общались с клиентом, который пришёл к нам за сайтом. Клиент тот занимается продажей элементов кузовов автомобилей и их комплектующих. В процессе общения ко мне в голову ломанулась идея интересного виджета для его сайта.

Продолжить чтение

Javascript & Ajax \ jQuery

jquery галерея

От автора: было дело, мы решили, что можем своими руками сделать красивый анимированный слайдер на jquery. Решили, и собственно что-то у нас даже получилось. Теперь наша задача, сделать его достойным этого замечательного ресурса.

Продолжить чтение

Javascript & Ajax \ jQuery

валидация email

От автора: в этом уроке мы вновь коснемся такой темы, как юзабилити, которую мы уже затрагивали в ряде предыдущих уроков. Сейчас мы реализуем такую вещь, как проверка электронного адреса, который ввел пользователь (email), «на лету», т.е. без отправки данных на сервер, а непосредственно на стороне клиента. Это будет не только удобно, но еще и придаст странице большей эффектности. Кроме того, таким образом, снимается лишняя нагрузка на сайт — ведь не посылаются лишние запросы на сервер.

Продолжить чтение

Javascript & Ajax \ jQuery

wordpress seo

От автора: Часто бывает так, что на одной странице необходимо разместить текст большого объема – какую-нибудь научную статью или что-то в этом роде. При этом может возникнуть требование отказаться от разделения статьи на страницы в силу технических ограничений или специфики текста. Казалось бы – и что в этом такого? Небольшой дискомфорт вызывает необходимость постоянно возвращаться (прокручивать) вверх страницы для того, чтобы добраться до навигации сайта и перейти в интересующий раздел. Попробуем решить эту проблему. Создадим горизонтальное анимированное меню с фиксированной позицией на странице средствами CSS и jQuery.

Продолжить чтение

Javascript & Ajax \ jQuery

счет символов

От автора: наверное, каждый веб-разработчик сталкивался с таким термином, как юзабилити. Если попробовать доступно объяснить значение этого термина несколькими словами, то можно сказать, что это удобство использования чего-то пользователем. Применительно к веб-приложениям — это будет, соответственно, удобство использования пользовательских интерфейсов.

Продолжить чтение

Javascript & Ajax \ jQuery

jquery галерея

От автора: Многие назовут эту статью «баяном», так как из интернета так и сыпятся различные плагины слайдеров и многие из них бесплатные. Но тут мы вспомним одно из приоритетных правил программиста: «Не стесняйся изобретать велосипед». Это лучший способ досконально разобраться в принципе работы приложения.
Я собственно сам решил разобраться в этой теме и начал писать слайдер с нуля, так и появился материал статьи, которую вы читаете.

Продолжить чтение

Javascript & Ajax \ jQuery

jquery навигация

От автора: Сегодня мы создаем анимированную навигацию с помощью jQuery для веб-сайта в «акварельном» стиле, где ссылки будут «рисоваться» при проведении над ними мышью. «Акварельная» графика создавалась в Photoshop’е, а для анимации мы воспользуемся популярной базой jQuery JavaScript.


Продолжить чтение

Javascript & Ajax \ jQuery

горизонтальное меню jquery

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

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


Продолжить чтение

Javascript & Ajax \ jQuery

панель для сайта

От автора: я не пользуюсь и не собираюсь пользоваться продуктами фирмы apple, но не буду отрицать, что дизайнеры у них баклуши не бьют. Уникальная концепция дизайна и эффектов интерфейса операционной системы Mac OS ничуть не уступает, а во многом даже превосходит другие ОС. Одним из наиболее впечатляющих элементов, я, как и многие, считаю панель быстрого запуска. Правда, удовольствие от этой панели я получаю не в Mac OS, а с тем же успехом в Ubuntu.

И пришла мне идейка: «а не реализовать ли мне подобную панель для веб-интерфейса сайта»?

Сейчас реализуем!

Продолжить чтение