Javascript & Ajax \ Javascript

WebIx быстрое создание страниц при помощи JavaScript

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

Читать далее

Javascript & Ajax \ Javascript

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

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

Читать далее

Javascript & Ajax \ Javascript

Случайный коллаж из изображений с помощью Web Animation API и Progressive JS

От автора: вдохновившись популярным скрин сейвером на Mac OS X, с помощью невероятных фотографий Liam Wong я создал автоматизированную презентацию для сайтов. Данный коллаж подходит для портфолио и маркетинга. В презентации сочетаются как некоторые из старейших принципов веб-разработки – прогрессивное улучшение – так и новейшие наподобие Web Animation API.

Читать далее

Javascript & Ajax \ Javascript

Работа с JavaScript в SVG

От автора: веб-разработчики при работе с SVG используют JavaScript в различных целях: анимация, интерактивность, создание и модификация элементов. Однако при добавлении скриптов внутрь SVG нужно учесть несколько моментов.

Читать далее

Javascript & Ajax \ Javascript

Сортировка массивов в JavaScript

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

Читать далее

Javascript & Ajax \ Javascript

Добавление, удаление, изменение и проверка HTML5 атрибутов с помощью JavaScript

От автора: кроме создания новых тегов и контента JavaScript зачастую используется для изменения атрибутов у уже существующих тегов: к примеру, изменение атрибута src тега video для создания плейлиста видео. JS также может добавлять атрибуты тегам, которые только создаются.

Читать далее

Javascript & Ajax \ Javascript

Как сделать простой слайдер на JavaScript без JQuery

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

Читать далее

Javascript & Ajax \ Javascript

Pdfmake - простое создание PDF документов используя JavaScript

От автора: в данном видео я хотел бы рассмотреть создание PDFдокументов на стороне клиента, то есть используя функционал языка JavaScript. При этом мы воспользуемся готовой библиотекой под названием Pdfmake ,благодаря которой можно быстро создать документ выше указанного формата не задействуя серверный язык программирования. Готовясь к данному уроку, я перебрал множество различных библиотек, но свой выбор все же сделал в пользу Pdfmake, хотя некоторые из рассмотренных мной, были функциональнее и более удобны в работе. Так почему же я предлагаю Вам использовать данную библиотеку, спросите Вы, главное ее преимущество это полная поддержка кириллических символов, что позволит создавать документы на русском языке.

Читать далее

Javascript & Ajax \ Javascript

Как создать встроенный текстовый редактор с помощью атрибута contentEditable

От автора: Создание встроенного текстового редактора требует определенных усилий. Начать можно с переключения элемента в режим редактирования с помощью полей input или textarea. Чтобы переключение было плавным вам придется придать элементам одинаковые стили. После того, как пользователь закончил редактирование, необходимо заменить весь текст и опять переключить элементы. Атрибут contentEditable сильно облегчает эту задачу.

Читать далее

Javascript & Ajax \ Javascript

Основы JavaScript: типы данных

От автора: JavaScript может общаться и взаимодействовать с множеством различных форматов данных, однако всю информацию JS разбивает на 6 примитивных типов данных: numeric, string, boolean, null, undefined и symbol. (Object тоже считается отдельным типом данных). JavaScript’у необходимо знать, с каким типом данных он работает, чтобы правильно его обработать: к примеру, оператор + используется для сложения чисел, однако если в данных содержится строка, тот же оператор уже используется для конкатенации данных.

Читать далее