MaxSite.org
Всё о создании веб-сайтов

Отправка произвольной формы на AJAX без перезагрузки страницы

Технология AJAX используется для того, чтобы с помощью javascript отправлять «фоновые» http-запросы, что позволяет не перезагружать страницу, как это происходит при обычной отправке форм.

Реализация AJAX довольно сложна с технической точки зрения. На самом деле происходит работа API XMLHttpRequest, который и выполняет всю работу. Чтобы упростить код, используются функции-«обертки», которые освобождают нас от сложного программирования XMLHttpRequest. В jQuery для этого используются функци ajax, а также её «модификация» post. При этом, если jQuery не нужна, то в Сети можно найти другие библиотеки, реализующие функционал AJAX, например Selector (которая вообще выступает как легковесная замена jQuery).

Не зависимо от используемой библиотеки, основные принципы отправки даных с помощью Аякса будут едиными. Я буду всё показывать на примере jQuery. В конце статьи вы найдете ссылку на zip-архив со всеми примерами.

Читать дальше...

Блокировка Webmoney.ua в Украине. Что делать?

Никогда такого не было, и вот опять... Последняя блокировка Вебмани в Украине была в 2013 году, когда сыночек Януковича решил «подмять» неугодный ему бизнес. Новая блокировка-2018 официально прикрывается национальными интересами, но на самом деле не имеет к ней вообще никакого отношения, и полностью направлена против самой Украины и её граждан. По факту оказались заблокированны деньги 4 миллионов украинских пользователей. Осталось только сказать «спасибо» нашей власти за то, что хотя бы не причислили пользователей Webmoney к пособникам террористов.

Абсурдности ситуации добавляет ещё и то, что Webmoney вполне легально работает в Украине и является не просто удобным, но и по сути единственным способом взаиморасчетов. Альтертатива в виде PayPal до сих пор благополучно бойкотируется нашей же властью (НБУ+СБУ), поэтому решение о блокировке Вебмани назвать адекватным никак нельзя. С учётом прошлого опыта можно с гиганской долей вероятности утверждать, что за этим решением скрывается элементарный «попил бабла», люди здесь лишь расходный материал.

Наибольший удар пришёлся на простых фрилансеров, для которых микроплатежи — основной доход.

Читать дальше...

HTML-курс по созданию сайтов теперь открыт для всех

С сегодняшнего дня решил открыть все уроки HTML-курса для новичков. Так что желающие могут пройти его совершенно бесплатно. :-)

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

Начальнй уровень подготовки у всех оказался очень разным. Были те, кто просто пропускал первую часть курса и сразу выполнял задания из второй, более сложной части. А были и те, кому первая часть давалась с трудом.

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

Читать дальше...

Как получить 100 баллов в Google PageSpeed Insights

Инструмент PageSpeed Insights позволяет не просто оценить скорость загрузки страницы, но и является в какой-то мере мерилом качества работы вебмастера. В отличие от html-валидатора, PageSpeed Insights оценивает сразу множество критериев, начиная от удобства мобильной версии и заканчивая настройками кэширования сервера.

Хочу отметить, что Гугл довольно неплохо развил этот инструмент и сейчас в общем-то на него можно смело ориентироваться (пока они опять что-нибудь не сломают :-) ).

Добиться заветных 100 баллов в PageSpeed Insights на самом деле не так просто. Лично я довольно долго ориентировался на «зеленые» оценки — это от 80 и выше. До последнего времени мой «потолок» был 93 для мобильной версии и 97 для десктопной. В своём последнем демо-лендинге я смог добиться 100/100 баллов.

Читать дальше...

Как написать плагин jQuery

Недавно, в процессе создания лендинга, столкнулся с проблемой — нужно было разместить «аккордион». Это даже не плагин, а просто набор функций jQuery. Постепенно код усложнялся и в какой-то момент я понял, что нужно его оформить отдельным плагином. Это упрощает его поддержку и можно дорабатывать по необходимости.

Я никогда не писал jQuery-плагины, поэтому пришлось немного погуглить и найти примеры и туториалы. По какой-то неведомой причине, практически все руководства содержат невероятное количество лишней информации, где уже на 2-минуте прочтения возникает путаница, поскольку подразумевают, что читающий прекрасно разбирается и в js, и тонкостях jQuery, что в корне неверно. :)

Поэтому я решил написать своё руководство, рассчитанное на неподготовленного читателя.

Читать дальше...

Самая сложная задача в лендинге

При создани лендинга, как выясняется, самая сложная задача — придумать основное торговое предложение (УТП/оффер/дескриптор). То есть то, ради чего лендинг и создаётся. Нюанс в том, что мне, как верстальщику, довольно сложно уловить суть бизнеса, поэтому приходится ориентироваться на «показания» клиента. И тут ступор... Почему-то люди не могут выразиться в одном предложении. Даже хуже — зацикливаются на одной фразе, из которой мало что понятно.

— Изготовление наружной рекламы.

— Ок, а конкретней?

— Ну, «наружка».

— В чём отличие от конкуретнов?

— Э-э-э, у нас она качественная.

— В чём это выражается?

— Ну хорошо делаем...

В итоге, перед тем, как создавать любой лендинг, нужно вначале определить основное предложение. Только после этого можно его уточнять, расширять, приводить к поисковой оптимизации. А техническая реализация, в общем-то, дело десятое.

Полезные ссылки по jQuery и JavaScript

Общие ссылки

jQuery: Официальный сайт | Документация на английском | Русская документация (частично)

JavaScript: Справочник | Учебник

Создание графиков

Читать дальше...