HTML5DOMDocument extends the native DOMDocument library. It fixes some bugs and adds some new functionality.
1 2 3 4 5 6 |
<?php require 'vendor/autoload.php'; $dom = new IvoPetkov\HTML5DOMDocument(); $dom->loadHTML('<!DOCTYPE html><html><body>Hello</body></html>'); echo $dom->saveHTML(); |
Canvas based dial that adds mouse click, wheel mouse, keyboard and finger / touch events.
Really nice :)
Player.js is a library that allows you to programmatically control video and audio within iFrames across a number of services.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
var player = new playerjs.Player('iframe'); player.on('ready', function(){ player.on('play', function(){ console.log('play'); }); player.getDuration(function(duration){ console.log(duration); }); if (player.supports('method', 'mute')){ player.mute(); } player.play(); }); |
“Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond.”
This shared vocabulary from Google, Bing and Yahoo helps to understand your content!
This shows how to associate your logo with your organization.
1 2 3 |
<a href="http://www.yoursite.com/"> <img src="http://www.yoursite.com/your_logo.jpg" alt="Your logo" /> </a> |
1 2 3 4 5 |
<div itemscope itemtype="http://schema.org/Organization"> <a itemprop="url" href="http://www.yoursite.com/"> <img itemprop="logo" src="http://www.yoursite.com/yourlogo.jpg" alt="Your wonderful logo"/> </a> </div> |
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy to use and well-documented API.
Granim.js – Create fluid and interactive gradients animations with this small (< 10 kB) js library.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!-- Create a <canvas> element --> <canvas id="granim-canvas"></canvas> <!-- Call the script --> <script src="granim.min.js"></script> <!-- Create a Granim instance --> <script> var granimInstance = new Granim({ element: '#granim-canvas', name: 'granim', opacity: [1, 1], states : { "default-state": { gradients: [ ['#834D9B', '#D04ED6'], ['#1CD8D2', '#93EDC7'] ] } } }); </script> |
Nice list of tools that will make your life easier, creating meaningful and beautiful data visualizations.
The Encom Globe is a WebGL-based clone of the globe from the boardroom scene in Tron: Legacy. Its written using Three.js, with parts implemented in GLSL.
Really amazing!
Kirby is a PHP file‑based CMS. It has a jQuery-Inspired API and Content can be created with any Markdown Editor.
Its all about simplifying things :)
“Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principles to other flat-file CMS platforms, but has a different design philosophy than most.
Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.”