Почему javascript-движок V8 называется V8?

V8 — это javascript-движок с открытым исходным кодом, разработанный командой Ларса Бака из датского отделения Google. На сегодняшний день он занимает львиную долю рынка (около 70%) и используется в браузерах Chromium, Chrome, Opera, Maxthon, Яндекс браузер и других. Несколько недель


Анимация контуров SVG-фигур с примерами. Эффект «рисования» c помощью stroke-dasharray и stroke-dashoffset.

Скорее всего вы уже не раз видели эффект постепенного контурного рисования SVG-фигур. Такая анимация особенно популярна на лендингах c привязкой к прокрутке страниц. Сморится довольно эффектно. Давайте рассмотрим пример, чтобы понять, что я имею ввиду. Draw svg stroke demo Такой


Десктопные приложения на html, css и js для windows, mac os, linux. Подробный обзор nw.js (бывший node-webkit)

nw.js — это платформа, которая позволяет создавать кроссплатформенные десктопные приложения для windows, mac os и linux, используя веб-технологии. При этом javascript, html и css используются для построения интерфейса, а node.js(io.js) — для описания основной логики. Кроме того, Вам предоставляется высокоуровневый


Основы клиентского кэширования понятными словами и на примерах. Last-modified, Etag, Expires, Cache-control: max-age и другие заголовки

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


localForage — храним данные offline без головной боли. Удобная абстракция над IndexedDB, WebSQL и localStorage.

Большинство современных веб-приложений каким-либо образом хранят отдельные данные у клиента, пользуясь такими средствами как localStorage, WebSQL или IndexedDB. Так, например, для небольших HTML5-игр весьма удобно хранить результаты игрока локально: не нужно описывать взаимодействие с базами данных, а, сохранив все локально,


Material Design вместе с Angular.js. Основные принципы и примеры и использования.

С выходом в свет новой версии Android 5.0, названной Lollipop, компания Google представила новое видение дизайна пользовательского интерфейса — Google Material Design. Вслед за появлением спецификации разработчики привнесли немного «материальности» в свои фреймворки, такие как Angular.js, React.js, даже всем известный


Стилизация номеров строк (цифр) в упорядоченных списках ol

Если вы когда-либо пробовали изменять css-стили номеров строк (цифр) в упорядоченных списках <ol>, то, наверняка, сталкивались с проблемами. Достучаться до стилей этих элементов при помощи css-селекторов невозможно. А ведь довольно часто дизайн интерфейса предполагает изменение иx цвета, фона, размера и


WebGl: графические эффекты и фильтрация изображений под стероидами.

Мы уже рассказывали о том, как применить эффекты к изображениям при помощи canvas-фильтров и svg-фильтров. Давайте продолжим эту тему и рассмотрим webGl, как один из способов решать задачи фильтрации изображений в браузере. WebGl — это браузерный API, наследующий принципы OpenGl


SVG-фильтры. Часть 1. Основные понятия и типы. Применение к изображениям для создания графических эффектов.

SVG-фильтры — это воистину мощный, но при этом очень редко используемый инструмент. A все потому, что многие до сих пор испытывают страх перед SVG в целом, а уж фильтрация и эффекты кажутся чем-то специфическим и трудным для изучения. В этой


svg фильтры

Halloween. Делаем персонажа фильмов ужасов из обычной куклы при помощи svg-фильтров.

Режиссеры и сценаристы фильмов ужасов очень любят использовать кукол в качестве персонажей. Давайте возьмем фото обычной куклы и попробуем превратить её в постер для Halloween. И сделаем мы это при помощи svg-фильтров. В частности мы будем использовать работу с каналами


Как применить фильтры и эффекты к изображению при помощи javascript и canvas?

Элемент <canvas> (по-русски — холст) был добавлен в спецификацию html5 еще несколько лет назад. Поэтому он полностью поддерживается IE, начиная с 9-го. Canvas предназначен для создания и обработки различной растровой графики при помощи JavaScript. Кроме этого его можно использовать для


Что такое dataset? Привязка данных к элементам через data-атрибуты без jQuery.

Все атрибуты, название которых начинается с data-, валидны, согласно спецификации HTML5, и предназначены для привязки некого набора пользовательских данных к html-элементу. Вот пример: <div id=»my1″ data-foot-size=»46″>Ivan</div> Вы, наверняка, пользовались jQuery и знаете, как работает метод .data() // установить значение jQuery(«#my1»).data(‘footSize’,44);

Image placeholders. Удобные изображения для заполнения пространства при верстке веб-страниц.

Всем веб-разработчикам так или иначе приходится сталкиваться с версткой. Задача заключается в том, чтобы гармонично расположить контент на странице (текст, изображения, видео и т.п.), сделать его гибким, отзывчивым, красивым и соответствующим задумке дизайнера. Контент — это то, ради чего должен


Скролл-эффекты. Разновидности, тонкости, проблемы, решения. Что такое Scroolly?

Скролл-эффекты — это тренд, возникший в веб-дизайне несколько лет назад и все еще набирающий обороты. В этой статье я попытаюсь рассказать о популярных разновидностях таких эффектов, привести несколько примеров реального использования и поделиться шикарным инструментом для комфортной работы с ними.


Tizen OS — операционная система от Samsung и Intel c приложениями на базе web-технологий (javascript, html, css)

В этой статье я хотел бы рассказать о впечатлениях, полученных при знакомстве с Tizen OS — новой операционной системой, для которой можно и нужно писать приложения на базе веб-технологий (js, css, html). Samsung, Intel и еще несколько крупных компаний вложили

Как запустить http сервер из текущей директории одной командой на разных платформах

Современному frontend-разработчику часто необходимо быстро запустить локальный http сервер из какой-нибудь директории для раздачи статических файлов на localhost. Кануло в лету время непоколебимого и абсолютного господства apache с его documentRoot и виртуальными хостами, где все мы хранили тонны нужных и


Стилизуем placeholder при помощи CSS. Синтаксис, трюки, поддерживаемые стили в html5

Атрибут placeholder применяется для призыва к действию внутри пустых элементов input и textarea. В этой статье мы рассмотрим возможности стилизации текста placeholder-a, а также некоторые трюки, которые позволят сделать его более удобным и функциональным. Итак, начнем с примера для тех,

Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки.

Flexbox по праву можно назвать удачной попыткой решения огромного спектра проблем при построении лейаутов в css. Но прежде чем перейти к его описанию, давайте выясним, что же не так со способами верстки, которыми мы пользуемся сейчас? Любой верстальщик знает несколько


pointer-lock

Pointer Lock API в html5. Зачем он нужен и как с ним работать?

Pointer Lock — это браузерный API, позволяющий создавать интерфейсы для работы с мышкой на основе ее относительных перемещений, а не только абсолютной позиции курсора. Давайте разберем на примере. Допустим, мы хотим сделать браузерный шутер от первого лица, а-ля Quake. Герой


Web Audio API — новые возможности генерации, обработки и объемного распределения звука в браузере.

Web Audio API — одна из новинок, которая значительно расширяет возможности web приложений при работе со звуком. Это мощнейший инструмент, без которого Вам сложно будет обойтись в будущем при разработке современных игр и интерактивных веб приложений. API достаточно высокоуровневый, продуман


Краткий обзор методов фильтрации изображений c использованием html5, css3, javascript, svg

Фильтрация изображений (автоматические корректировки параметров, эффекты, пост-обработка и т.п.) — это задачи которые до недавнего времени вообще не возможно было решить в браузере. Все делалось с помощью старых друзей: флеша, сервера или фотошопа. Сейчас, в связи с повсеместным использованием html5


сalc() в CSS3. Великолепные возможности для responsive верстки.

calc() довольно новая и еще совсем редко используемая функциональность в CSS3. Она позволяет задавать несложные арифметические операции непосредственно в описании стилей с участием всевозможных единиц измерения. Это очень удобно для вычисления размеров, позиций, трансформаций.. и даже цветов элементов. Давайте разберемся,


javaScript classList API

javaScript classList API — идеальный способ добавления, удаления, переключения и проверки классов элемента в html5

Наверное, каждый, кто хоть немного работал с JavaScript, думал о том, как упростить себе жизнь при работе с классами DOM элементов. Ну например у элемента есть 2-3 класса и вам нужно добавить еще один, проверить наличие какого-либо класса или удалить

Fullscreen javascript API или как развернуть страницу на весь экран c html5.

Давайте познакомимся с еще одним, довольно молодым API, необходимость которого уже давно терзает умы разработчиков игр, видеосайтов и прочих полноэкранных сервисов. Fullscreen javascript API пока является черновиком, но уже поддерживается в chrome, safari, ff и опере. Internet-explorer (включая Ie10) как


Battery javascript API — состояние и статус зарядки батареи устройства c html5

Давайте рассмотрим Battery API — еще одну новинку в javaScript, которая появиласть на свет с развитием html5 и мобильных девайсов. Задокументирована она совсем недавно (12.2012) и пока доступна только для тестирования только в Firexfox (мобильном и десктопном). Разработчики Chrome обещают


vibration-api

Vibration javascript API — управляем вибрацией устройства в мобильных браузерах

Многие из новых js API, которые появляются в браузере в последнне время, скорее ориентированы на мобилные устройства, чем на десктопные браузеры. Vibration API — не исключение (позволяет управлять вибрацией устройств). Ну.. и какие мысли полезли тебе в голову, наш юный

Захват изображения с камеры в браузере с помощью getUserMedia (с зеркальным отображением)

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


Что такое base64 и зачем он нужен в веб разработке?

Base64 — способ кодирования произвольных двоичных данных в ASCII текст. По своей сути кодирование очень простое. Каждые шесть бит на входе кодируется в один из символов 64-буквенного алфавита. «Стандартный» алфавит, который для этого используется — это A-Z, a-z, 0-9,+,/ и


visibilityChange или как отследить виден ли таб с вашей страницей в браузере пользователя в текущий момент.

В браузерах всегда не хватало какого-нибудь индикатора того, находится ли страница в активном табе. Вот несколько примеров того, как это можно использовать: У вас на сайте есть видео и вы хотите поставить его на паузу, пока пользователь сделал неактивным таб


Что такое requestAnimationFrame?

Каждый, кто хоть немного пользуется javascript, пытался реализовать анимацию. Это могут быть меню-аккордеоны, выпадающие меню, что-то движущиеся, сделанное на canvas или svg или в крайнем случае снег, который летает на доброй половине сайтов перед новым годом ( не нравится мне

Проект создан в GanttPRO
Спасибо за лайк в FACEBOOK
Подписывайтесь на новости вконтакте
Последние статьи от html5.by