15. März 2017

DOM-to-Image … turn a DOM node into an image

dom-to-image is a library which can turn an arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in JavaScript.

var node = document.getElementById('my-node');

domtoimage.toPng(node)
    .then(function (dataUrl) {
        var img = new Image();
        img.src = dataUrl;
        document.body.appendChild(img);
    })
    .catch(function (error) {
        console.error('oops, something went wrong!', error);
    });

var node = document.getElementById('my-node');

domtoimage.toPng(node)

.then(function (dataUrl) {

var img = new Image();

img.src = dataUrl;

document.body.appendChild(img);

})

.catch(function (error) {

console.error('oops, something went wrong!', error);

});

GitHub

More uptodate and faster than html2canvas, which I used before in a couple of projects.

15. März 2017

We all love fireflies – jQuery Firefly

Firefly jQuery Floating Pixels .

GitHub

15. März 2017

Joyride 2 – create website tour in style

Joyride is an easy to configure site tour wizard.

Joyride

9. Februar 2017

Chrome 56 .. whats new?

With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API, position sticky is back – making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users.

Chrome 56 on iOS also adds the ability to scan QR codes directly within Chrome. So many thought QR-Codes were dead, well not so much !

Google

6. Februar 2017

Rocket.Chat – Open Source Web Chat Platform

Rocket.Chat is am impressive Open Source Web Chat Platform, with a huge amount of features:

BYOS (bring your own server)
Multiple Rooms
Direct Messages
Private Groups
Public Channels
Desktop Notifications
Mentions
Avatars
Markdown
Emojis
Custom Emojis
Reactions
One touch Geolocation
TeX Math Rendering – inline math typesetting
Media Embeds
Link Previews
Sent Message Edit and Deletion
Transcripts / History
File Upload / Sharing
Scalable file sharing – S3 uploads with CDN downloads
Full text search
Live chat / Messaging call center
LDAP Authentication
CAS 1.0, 2.0 support for education institutions and hosting providers worldwide
Support for Okta SSO through SAML v2
I18n – Supports 22 Languages
Hubot Friendly
(Beta) Face to Face Video Conferencing (aka WebRTC )
(Beta) Multi-users Video Group Chat
(Beta) Jitsi integration
Audio calls
Multi-users Audio Conference
Screensharing
….. more

Rocket.Chat

6. Februar 2017

Plates- native PHP template system

„Plates is a native PHP template system that’s fast, easy to use and easy to extend. It’s inspired by the excellent Twig template engine and strives to bring modern template language functionality to native PHP templates.

Plates is designed for developers who prefer to use native PHP templates over compiled template languages, such as Twig or Smarty.“

GitHub

6. Februar 2017

Voyager – The Missing Laravel Admin

Voyager is a Laravel Admin Package that includes BREAD(CRUD) operations,
a media manager, menu builder, and much more.

GitHub

4. Februar 2017

A better HTML5 parser for PHP – HTML5DOMDocument

HTML5DOMDocument extends the native DOMDocument library. It fixes some bugs and adds some new functionality.

Preserves white spaces
Preserves html entities
Preserves void tags
Allows inserting HTML code that moves the correct parts to their proper places (head elements are inserted in the head, body elements in the body)
Allows querying the DOM with CSS selectors (currently avaiable: *, tagname, tagname#id, tagname.classname, #id, .classname)

<?php
require 'vendor/autoload.php';

$dom = new IvoPetkov\HTML5DOMDocument();
$dom->loadHTML('<!DOCTYPE html><html><body>Hello</body></html>');
echo $dom->saveHTML();

<?php

require 'vendor/autoload.php';

$dom = new IvoPetkov\HTML5DOMDocument();

$dom->loadHTML('<!DOCTYPE html><html><body>Hello</body></html>');

echo $dom->saveHTML();

GitHub

4. Februar 2017

PHP GitHub API 2.0

A simple Object Oriented wrapper for GitHub API, written with PHP5.

Uses GitHub API v3. The object API is very similar to the RESTful API.

<?php

// This file is generated by Composer
require_once 'vendor/autoload.php';

$client = new \Github\Client();
$repositories = $client->api('user')->repositories('ornicar');

<?php

// This file is generated by Composer

require_once 'vendor/autoload.php';

$client = new \Github\Client();

$repositories = $client->api('user')->repositories('ornicar');

Github

10. Januar 2017

jQuery Knob … a dial to rule them all

Canvas based dial that adds mouse click, wheel mouse, keyboard and finger / touch events.

Really nice :)

jQuery Knob