0.00
0 читателей, 6 топиков

Векторные иконки на HTML5 + JS



На первый взгляд это обычные одноцветные иконки, но если призумить — их качество не ухудшиться. Очевидный профит таких иконок: с ними можно свободно экспериментировать и не переживать за высоту и ширину, компактный вид, а не куча файлов в папке icons, ну и наверное маленький размер, хотя с этим поспорить можно. Есть некоторые ограничители в цвете, возможен один цвет либо градиент (но думаю с конвертером нарисованного вектора в js код, возможно и больше цветов)

Смотреть иконки

Если вы хотите использовать эти иконки или создавать свои на подобной основе, кликайте по иконке — внизу появится код выбранной иконки, он вставляется в:

paper.path(<код иконки>).attr({fill: "#000", stroke: "none"});


Поддержку иконок на себя берет Rapha?l JS Lib

Релиз Impact JS Game Engine - 99$



Сегодня состоялся релиз Impact JS, дважаскриптовый движок, который в взаимодействии с html5 canvas позволит вам создавать игры. Пример такой игры — Biolab Disaster

Немного огорчает стоимость лицензии — 99$. Но уверен в скором будущем появятся бесплатные альтернативы.

Видео по созданию игры на Impact

RGraph - графическая библиотека HTML5 canvas для построения графиков



RGraph — js библиотека, с помощью которой можно быстро и удобно строить графики и диаграммы на html5 canvas. Из особенностей можно выделить интеграцию c server-side скриптами и дополнительные возможности вроде zoom, tooltips и пр. Виды графиков:

  • круговые
  • столбиковые(вертик. и горизонтальные)
  • цилиндрические
  • кольцевые
  • линейные
  • диаграмма Gantt'a
  • в виде прогрес бара и др.

Поддерживается браузерами:

  • Mozilla Firefox 3.0+
  • Google Chrome 1+
  • Apple Safari 3+
  • Opera 9.5+
  • Microsoft Internet Explorer 8+ (see note)
  • iPhone (text support from iOS v4+)
  • iPad (text support from iOS v4.2+)



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

Modernizr - инструмент для определения поддержки ccs3 и html5 для любого браузера




Модернизер — это удобный инструмент, который поможет при разработке сайта с использованием html5 и css3. Вся суть заключается в том что этот инструмент показывает css3 html5 свойства, которые полностью, частично либо вовсе не поддерживает ваш браузер.

HTML5 reset



Уже появился HTML5 reset — это удобный шаблон для того чтобы начать проект с нуля. Автор пишет, что в ресете содержаться твики и патчи для IE с комментариями. Есть full и basic версия.

Оф. сайт