Загрузка файлов на сервер на php+html

Загрузка файлов на сервер на php. Введение

Загрузка файлов на сервер на php+htmlВ этой статье я хочу показать как можно быстро и просто реализовать загрузку файлов на сервер с помощью php с проверками файла на размер и на формат. Эта тема хоть и простая и очень распространенная, все же по ней тоже часто возникают вопросы у программистов новичков.
Читать далее «Загрузка файлов на сервер на php+html»

Трансформация квадрата в круг с помощью CSS3

Трансформация квадрата в круг. Введение

Трансформация квадрата в круг с помощью CSS3Эта статья короткая, и содержимое ее редко может пригодиться, поскольку в ней я хочу показать, как с помощью css3 реализуется трансформация квадрата в круг при наведении курсора. Хоть этот визуальный эффект и редко используется, я с ним столкнулся и решил об этом написать. Помимо редкого использования у этого эффекта есть еще один недостаток — он не будет работать в версиях IE, до 9-й включительно. А в остальных современных браузерах, поддерживающих css3 все работает отлично.
Читать далее «Трансформация квадрата в круг с помощью CSS3»

Аккордеон с помощью jQuery

Аккордеон с помощью jQuery. Введение

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

Всплывающие подсказки с помощью jQuery

Всплывающие подсказки с помощью jQuery. Введение

Всплывающие подсказки с помощью jQueryВ этой статье я покажу, как можно с реализовать,часто используемый на сайтах, функционал — всплывающие подсказки. Работать подсказки будут на jQuery, поэтому не забудьте подключить эту библиотеку к своему проекту.
Читать далее «Всплывающие подсказки с помощью jQuery»

Стилизация checkbox с помощью jQuery

Стилизация checkbox. Введение

Стилизация checkbox с помощью jQueryЭта статья будет коротенькая, но надеюсь, полезная, в ней я хочу показать, как быстро и просто реализуется стилизация checkbox с помощью jQuery. Все что нам потребуется, это обернуть checkbox span`он и div`ом, после чего скрыть сам чекбокс — этого мы добьемся с помощью css стилей. Остальное реализуем с помощью jQuery. При клики по диву, в котором будет находится наш чекбокс, мы будем проверять его атрибута checked и в зависимости от значения — true или false, будем менять изображение чекбокса, которое зададим span`у с помощью стилей. Для получения значения атрибута стоит использовать метод prop, в отличии от attr, он работает всегда, корректно отдает значение атрибутов для чекбокса.
Читать далее «Стилизация checkbox с помощью jQuery»

Увеличение картинки при наведении на jQuery

Увеличение картинки при наведении на jQuery. Введение

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

Простой слайдер изображений на jQuery

Простой слайдер изображений на jQuery. Введение

Простой слайдер изображений на jQueryКак я уже неоднократно говорил, интернет стремительно развивается, сайты становятся более интерактивными и зрелищными, декорированными. На сайтах зачастую можно встретить всевозможные карусели, слайдеры, бегущие строки и тд. Про один из таких элементов сайта я и хотел бы рассказать в этой статье — про слайдер для сайта. Существует много всевозможных библиотек, которые позволяют быстро создавать слайдеры. Но это слишком просто — взять готовое и влепить на сайт. Да и толку от этого ноль. Поскольку при использовании готовых решений, навыки программиста ни как не улучшаются. Другое дело написать самому, вникнуть в суть задачи, поэтому я и хочу показать как можно реализовать простой слайдер изображений на jQuery своими руками, без сторонних библиотек, ну кроме jQuery, конечно.
Читать далее «Простой слайдер изображений на jQuery»

Плавный спойлер для сайта на jQuery

Плавный спойлер для сайта на jQuery. Введение

Плавный спойлер для сайта на jQueryИногда бывает необходимо скрывать часть информации на сайте, это может быть связано с экономией места, для отображения дополнительной информации, для избежания преждевременного отображения текста, и тд. Обычно спойлер, раскрывается и скрывается по клику по его заголовку или специальной кнопке. В данной статье я хочу показать пример реализации спойлера на jQuery, который будет плавно отображать и скрывать текст. Все что нам потребуется — это библиотека jQuery.
Читать далее «Плавный спойлер для сайта на jQuery»

Простой пример табов на jQuery

Введение

Простой пример табов на jQueryВ процессе создания сайтов не редко приходится создавать все возможные табы(переключатели). Для их реализации существует много готовых библиотек, но использовать готовые решения не интересно, да и к тому же готовые библиотеки сложней настраивать и подстраивать под себя, чем свой собственный код. Поэтому я хочу привести простой пример табов на jQuery, который каждый может написать сам за 5 минут.
Читать далее «Простой пример табов на jQuery»

Простая всплывашка на jQuery

Введение

Простая всплывашка на jQueryЗачастую на сайтах приходится выводить всевозможные информативные окна — попапы, или как их еще называют всплывашки. Попапы могут быть использованы для вывода различных сообщений, для ввода пользователем информации и тд. Сейчас сайты становятся все более интерактивными и такие всплывашки используются чаще и чаще. В связи с этим, я решил набросать статейку, в которой покажу как можно быстро с помощью jQuery самом реализовать попап без использования других библиотек.
Читать далее «Простая всплывашка на jQuery»