Рубрика «html5» - 42

Форматирование изображений с помощью Canvas - 1

В этой статье мы научимся менять размеры и обрезать изображения с помощью элемента <canvas> в HTML5, и пока мы этим занимаемся, давайте придадим элементам управления стильный дизайн, как в фоторедакторах.

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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №135 (17 — 23 ноября 2014) - 1
Читать полностью »

Доброго {{timeOfDay}}

Как-то затихла тема canvas-а на хабре…
Давайте вспомним солнечную систему на нём (начало, LibCanvas, Fabric.js) и напишем ещё одну версию? Теперь на graphics2d.js.

Солнечная система на graphics2d.js - 1

Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №134 (10 — 16 ноября 2014) - 1
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №133 (3 — 9 ноября 2014)
Читать полностью »

image

В этом обзоре мы поговорим про бесплатные курсы виртуальной академии Microsoft MVA, которые будут полезны как профессиональным разработчикам программного обеспечения и ИТ-про, так и новичкам. Обратите внимание, что видео-плеер на сайте для ряда курсов, которые созданы на английском языке, содержит возможность включить русские субтитры.

Хит! Введение в программирование игр на Unity

Создавать игры просто и весело. Цель этого курса – познакомить вас с тем, как создавать 2D-игры на Unity, и по итогам курса сделать свою собственную игру. Мы разберемся, как создать персонажа, научиться им управлять и добавить в игру несколько уровней, наполненных препятствиями и призами. Кроме того, курс содержит в себе базовую информацию, необходимую для того, чтобы начать программировать на C# в рамках Unity.

Плюс еще курсы: Разработка 2D-игр на HTML5 | Создание игр на Project Spark | Быстрое испытание: Project Spark

Хит! Бизнес и облако: лучшие практики решений – по материалам конференции Azure Business Talks

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

Хит! Модернизация инфраструктуры организации с помощью Windows Server 2012 R2

14 июля 2015 года завершится поддержка серверных операционных систем Windows Server 2003 и Windows Server 2003 R2. Во многих компаниях, использующих эти ОС, запускаются проекты модернизации ИТ-инфраструктуры и миграции на более современные системы. Именно поэтому ИТ-специалистам будет особенно полезно взглянуть на технологические решения, заложенные в новейшую ОС семейства Windows Server – Windows Server 2012 R2. В рамках этого курса рассмотрены усовершенствования компонент, применяемых практически в любой организации: службы Active Directory, инструменты построения СХД, средства автоматизации административных задач. Кроме того, вы сможете познакомиться с решениями по управлению идентификационными данными в гибридных структурах, в частности с сервисом Azure Active Directory Premium.

Хит! Быстрый старт: создание приложений на Node.js

Разработчики, хотелось ли вам попробовать Node.js? Интересуетесь тем, как добавить двустороннее взаимодействие в свои приложения? Посмотрите как эксперты Stacey Mulcahy и Rami Sayar рассказывают о использовании Node.js, как простейшем способе разработки приложений обменивающихся сообщениями в реальном времени. Узнайте как работать с Node.js в Visual Studio и Azure на примере разработки с нуля приложения чата.
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №132 (27 октября — 2 ноября 2014)
Читать полностью »

Новость очень короткая, но от этого не менее важная: W3C официально объявила HTML5 рекомендацией.

«Сегодня мы, совершенно не задумываясь, смотрим видео и слушаем аудио напрямую в браузере, не задумываясь, используем браузер в телефоне,» — говорит Тим Бернерс-Ли, директор W3C. — «Мы ожидаем, что сможем делиться фотографиями, покупать, читать новости и получать информацию где угодно, на любом устройства. HTML5 и открытая веб-платформа, оставаясь невидимыми для большинства пользователей, делают возможными и двигают вперед подобные ожидания пользователей.»

Официальный анонс здесь: Читать полностью »

Новый Chromium WebView теперь обновляется через Google Play и поддерживает Web Components Разработчики Android 5.0 (кодовое имя «Леденец») представили основные изменения компонента WebView, используемого для отображения в приложениях HTML5-содержимого. Начиная с Android 5.0 компонент теперь обновляется через Google Play. Это значит, что когда Google обновляет движок своего браузера, новые функции также становятся доступны для всех разработчиков приложений, вне зависимости от того выпустил ли производитель Android-устройства обновление операционной системы или нет.

Для тех приложений, которые разрабатываются с помощью Apache Cordova или Adobe PhoneGap, новая стратегия распространения дает очевидные преимущества — конечные пользователи могут значительно быстрее получать последние нововведения, которые появляются в Web-платформе, точно также как пользователи настольных браузеров.
Читать полностью »

Как известно, HTML5 имеет расширенные возможности семантической вёрстки. Он позволяет обернуть отдельные логические блоки страницы в специально предназначенные для них блочные теги, какие как header, main, footer и другие. Ну а улучшение структурной и семантической вёрстки, как правило, автоматически способствует повышению уровня accessibility web-интерфейса для пользователей программ экранного доступа, потому что они добавляют элементы страницы, по которым возможно осуществлять навигацию и быстро перемещаться между блоками контента.

В принципе, дополнительная разметка для обеспечения accessibility реализуется через отдельную технологию WAI-ARIA, однако и стандартные семантические структуры HTML5 современными браузерами и современными программами экранного доступа воспринимаются как соответствующие атрибуты ARIA для вспомогательных технологий. Проще говоря, это означает, что в теории следующие два варианта вёрстки с точки зрения программ чтения экрана аналогичны::
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js