От автора: В этом уроке мы продолжим работу с API Google-диаграмм (Google Charts). На данный момент у нас есть функция, формирующая данные сразу в формате строки JSON. В этом уроке мы попробуем написать функцию, которая будет формировать массив нужного нам формата, ну а затем мы просто преобразуем массив в формат JSON.

Читать далее →

От автора: В этом уроке мы вернемся к поиску и реализуем такую полезную с точки зрения юзабилити возможность, как подсветка поискового запроса в результатах поиска. Думаю, вы уже неоднократно видели подобный функционал. Например, в поисковой выдаче от Гугла и Яндекса слово из поискового запроса выделяется жирным.

Читать далее →

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

Читать далее →

От автора: Когда вы собираете информацию от пользователей с помощью формы, использование хоть какой-то валидации данных является обязательным моментом. Если не обратить внимание на данный момент, то это может привести к потере покупателей, порче данных в базе данных (БД) и даже к появлению брешей в безопасности вашего веб-сайта. Так исторически сложилось, что валидация форм всегда вызывала головную боль. На стороне сервера это осуществить легче благодаря полноценным фреймворкам, которые сделают все за вас, но на стороне клиента это чаще всего заканчивается использованием JavaScript библиотек, которые отнимают немало усилий для их интеграции.

Читать далее →

От автора: Скорость загрузки – очень важный параметр, характеризующий сайт, т.к. посетители теряют интерес к сайту, не получив от него ответа в течение трех секунд. А вы знаете, как быстро загружается ваш сайт? Измеряете ли вы скорость загрузки сайта? Оптимизируете ли вы свои сайты для более быстрой загрузки?

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

Читать далее →

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

По результатам урока Вы сможете назначать шрифты, начертания шрифта, а так же размер текста для ваших страниц.

Читать далее →

От автора: В этой обучающей статье вы научитесь очень простой технике создания отзывчивых изображений.

 

Читать далее →

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

По результатам урока Вы научитесь создавать классы и id, сможете назначать нужные для элементов страницы классы.

Читать далее →

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

По результатам урока Вы научитесь подключать всеми возможными способами css к вашей html странице. Будете ориентироваться в каждом из способов и выберете лучший из них для вашей верстки.

Читать далее →

От автора: В этом уроке мы продолжим работу с API Google-диаграмм (Google Charts). Пока что мы используем статичные данные для построения диаграммы, т.е. данные, которые находятся непосредственно в скрипте. Это не очень удобно, поскольку данные могут изменяться, и в таком случае придется лезть в скрипт и изменять данные вручную. Хотелось бы, чтобы данные были динамичными, т.е. чтобы они получались извне и диаграмма строилась на этих данных. В уроке мы научимся получать данные из внешнего хранилища (базы данных).

Читать далее →