Сжатие CSS файлов

Введение

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

Простая форма обратной связи на php

Введение

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

Кнопка наверх и вниз для сайта как в ВКонтакте

Введение

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

Поворот тени элемента в сторону курсора на javascript

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

Отправка писем с картинками на php

Отправка писем с картинками на php Тема отправки писем очень часто встречается в повседневной жизни web-разработчиков, и я не могу оставить ее без внимания. Раньше я уже публиковал пару статей про отправку писем, но хочу написать еще одну. В этой статье я покажу как можно отправлять письма с html-версткой, в которой присутствуют картинки.
Читать далее «Отправка писем с картинками на php»

Получение угла, на который повернут элемент средствами javascript

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

Ajax-форма. Пример формы с валидацией полей на стороне сервера

Ajax-форма. Пример формы с валидацией полей на стороне сервераВ этой статье я хочу показать пример работы с ajax. В качестве примера рассмотрим обычную форма с четырьмя полями — имя, e-mail, пароль и подтверждение пароля. После заполнения полей, с помощью ajax`a отправим данные на сервер и проверим их на корректность: чтобы поля были обязательно заполнены, а также поля с паролем и подтверждением пароля имели одинаковые значения.
Для работы формы необходимо подключить библиотеку jQuery. Приступим к написанию формы. Для начала составим html форму и напишем пару стилей для нее:
Читать далее «Ajax-форма. Пример формы с валидацией полей на стороне сервера»

Решение проблемы с кодировкой на сайте

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

Кнопка «наверх» для сайта как в ВКонтакте

Кнопка наверх для сайта как в ВКонтактеНебольшая статья о том, как можно быстро сделать кнопку «наверх» для своего сайта. Кнопка будет выглядеть почти как ВКонтакте.
Тут все просто, для разработки нам потребуется библиотека jquery. Начнем. Читать далее «Кнопка «наверх» для сайта как в ВКонтакте»

Как добавить и стилизовать кнопки «Рассказать друзьям» от соц. сетей

Довольна часто можно встретить на веб-сайтах кнопки от социальных сетей «рассказать друзьям». Это не удивительно, ведь ссылка на блог или сайт, расположенная в соц. сети может привести много пользователей.
Я тоже решил не отставать от других сайтов и задумал разместить соц. кнопки от Вконтакте, FaceBook, twitter и одноклассников себе на блог. Для этого можно воспользоваться несколькими способами. Первый — зарегистрироваться на каждой соц.сети, зарегистрировать свой сайт и получить код для каждой кнопки. Второй способ: воспользоваться каким-нибудь сервисом, который предоставляет виджеты для установки сразу всех кнопок.
Читать далее «Как добавить и стилизовать кнопки «Рассказать друзьям» от соц. сетей»