Using SVG with HTML5 – part 001.

Posted on by

Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for two-dimensional vector graphics, both static and dynamic, interactive or animated.
The first step is how to add the svg file to html5 file. This can be done with the follow this steps:
– using the HTML img tag;
– using the HTML object tag;
– using the HTML iframe tag;
– using CSS (background images);
– including SVG within SVG using the image tag;
– inlining the SVG code within HTML code.
This steps come from basic include file into html5 exception make the: including SVG within SVG.
Let’s see one example of : including SVG within SVG.
We have a square.svg and will put into another svg file, see:

Scheme
1
2
3
4
<svg id="square" height="60" width="60"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
  <image x="0" y="0" height="60" width="60"  xlink:href="square.svg" />
</svg>

Fix error: mysql error 1140 (42000).

Posted on by

This query will fix the error mysql error 1140 (42000).

Shell
1
2
3
4
...
; this is incompatible with sql_mode=only_full_group_by
mysql> set global sql_mode=\'STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION\';
mysql> set session sql_mode=\'STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION\';

Security – ESET SysRescue Live distribution .

Posted on by

The development team come with this intro :
Linux distribution that can scan for malware and clean infected files. It runs from a CD/DVD or a USB device, independently of the host operating system, but has direct access to the disk and file system. This makes it possible to remove threats that under normal operating conditions might be impossible to delete.
I used Virtual Box – version 5.2.4 r119785 (Qt5.6.2) to test it.
The result of running this iso image come with this tools:

HTML5 – Example of 360 online video player.

Posted on by

In this tutorial, I will show you a source code for a video file player in HTML5.
The main reason I created this source code was: testing 360 degree and / or 3D ( red and blue ) video files created with the 3D Blender rendering program.
The source code is very simple. We have a part to create HTML5 elements: text messages, file upload button, message display, and video part.
These elements are stylized with CSS colors with the style tag.
The last part is the javascript script that actually handles uploading, testing and then playing the file.
You can create a HTML5 file , paste this code and test it with your video file.

Haskell
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<title>free-tutorials.org , HTML5 video player </title>
<meta charset="utf-8">
<style>
body { background-color: black;
color: gray;}
video, input {
    display: block;
    background-color: black;
    color: green;
}
input {
    width: 100%;
    color: blue;
}
.info {
    background-color: black;
    color: red;
}
.error {
    background-color: black;
    color: white;
}
</style>
</head>
<body>
<h1>HTML5 player example - load video file</h1>
<div id="msg"></div>
<input type="file" accept="video/*"/>
<video controls autoplay></video>
<script>
(function localFileVideoPlayer() {
'use strict'
  var URL = window.URL || window.webkitURL
  var displayMessage = function (message, isError) {
    var element = document.querySelector('#msg')
    element.innerHTML = message
    element.className = isError ? 'error' : 'info'
  }
  var playSelectedFile = function (event) {
    var file = this.files[0]
    var type = file.type
    var videoNode = document.querySelector('video')
    var canPlay = videoNode.canPlayType(type)
    if (canPlay === '') canPlay = 'no'
    var message = 'Player can play type "' + type + '": ' + canPlay
    var isError = canPlay === 'no'
    displayMessage(message, isError)
 
    if (isError) {
      return
    }
    var fileURL = URL.createObjectURL(file)
    videoNode.src = fileURL
  }
  var inputNode = document.querySelector('input')
  inputNode.addEventListener('change', playSelectedFile, false)
})()
</script>
</body>
</html>

Go – About goimport tool .

Posted on by

A Go developer know the code must be formatted with standard gofmt tool.
While gofmt attracks much attention, goimport is overlooked despite often being more useful.
Basically, goimport does everything that gofmt do.
First, you need to install into go using:

Go
1
go get -v golang.org/x/tools/cmd/goimports

This will auto import Go packages using goimports tool.
While correcting, goimports removes unused imports and adds missing ones.
Additionally it groups and corrects imported packages.
You can used with vim and atom editors.
To setup vim editor to auto run goimports on save using vim-go, use this :

Vim
1
let g:go_fmt_command = "goimports"

If you want to use the atom editor then you need to install the atom package named go-imports from abiosoft.
Use command palette cmd-shift-p, search for Go Imports: Process or using keybinding ctrl-shift-i.