source codeTag Archive

source code

This is a five example with google script using Youtube API. You can see my last tutorials about learning with Google Apps Script to add and use a script. The example is very simple, just see the source code:

1
2
3
4
5
6
7
8
function YT_Details() {
  var ytsheet = SpreadsheetApp.getActiveSheet();
  var ytvideo = ytsheet.getRange("A2").getValue();
  var data = YouTube.Videos.list('snippet, statistics',{id: ytvideo});
  var item = data.items[0];                                                      
  var info = [item.snippet.title,item.snippet.tags,item.statistics.viewCount];
  ytsheet.getRange("B2:D2").setValues([info]);                                                      
}

The SpreadsheetApp take an active sheet from your document. The… Continue Reading Google Apps Script – youtube info – part 005.

This is a simple calendar ruler example make just with HTML5 and one CSS file. The example can be seen here. Create one folder and put two files named: index.html and style.css. The style.css file comes with this source code:

CSS
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
*,
*:before,
*:after {
    box-sizing: border-box;
}
 
body {
    background: #000;
  }
h1 {
  text-align: center;
  color: white;
  font-family: 'Arial', cursive;
}
 
.calendar {
    position: relative;
    margin: 10px auto;
    width: 400px;
    height: 250px;
    background: #eab57a;
    background-image: -webkit-linear-gradient(right, black 2px, transparent 2px);
    background-image: linear-gradient(to left, black 2px, transparent 2px);
    background-repeat: repeat-x;
    background-size: 5px 15px;
    border-radius: 2px;
}
.calendar:before {
    background-image: -webkit-linear-gradient(right, black 2px, transparent 2px);
    background-image: linear-gradient(to left, black 2px, transparent 2px);
    background-repeat: repeat-x;
    background-size: 5px 15px;
}
.calendar:after {
    content: "";
    position: absolute;
    width: 100%;
    z-index: 3;
    height: 50%;
    top: 10px;
    left: 0;
    background-image: -webkit-linear-gradient(right, black 2px, transparent px);
    background-image: linear-gradient(to left, black 2px, transparent 2px);
    background-repeat: repeat-x;
    background-size: 25px 15px;
}
 
.week {
  position: absolute;
  top: 40px;
  left: 45px;
  word-spacing: 34px;
  font-size: 16px;
  font-family: 'Arial', cursive;
  color: #blue;
}
 
.week:before {
    content: "";
    position: absolute;
    left: -37px;
    width: 18px;
    height: 18px;
    background: black;
    border-radius: 50%;
}
 
.days {
  position: relative;
  top: 80px;
  left: 38px;
  word-spacing: 25px;
  font-size: 18px;
  font-family: 'Arial', cursive;
  color: red;
}
 
.days:before {
    content: "";
    position: relative;
    top: 80px;
    left: 38px;
    width: 18px;
    height: 18px;
}

The index.html file can have this source code:

Haskell
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Calendar Jan 2018 : Ruler</title>
      <link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Calendar Jan 2018 : Ruler </h1>
<div  class="calendar">
  <div class="week"> L M M J V S D</div>
  <div class="days"> 31 01 02 03 04 05 06</div>
  <div class="days"> 07 08 09 10 11 12 13</div>
  <div class="days"> 14 15 16 17 18 19 20</div>
  <div class="days"> 21 22 23 24 00 00 00</div>
  <div class="days"> 00 00 00 00 00 00 00</div>
</div>
</body>
</html>

In this tutorial, I will show you source code for a video file player in HTML5. The main reason I created this source code was: testing 360 degrees and/or 3D ( red and blue ) video files created with the 3D Blender rendering program. The source code is very simple.… Continue Reading HTML5 – Example of 360 online video player.

Today I start with a simple FASM tutorial about combo box control. In this tutorial, I will show you how to deal with this control. First, you need to create a simple window and then to add it. The steps are very simple: start program with the format PE GUI… Continue Reading Programming with FASM – ComboBox Control – part 001.

First, you need to take a look at this website. The CPUID returns processor identification and feature information in the EAX, EBX, ECX, and EDX registers. What the source code from my example do? First I start with the default assembly program. The next step is to start with resetting… Continue Reading Programming with FASM – test with CPUID.

Today I will show you more about C# and the subject of this tutorial is threads. First, you need to start a project into your folder. Let’s see my example:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
C:\BackUP\Proiecte\CSharpNET>dotnet new console -o threads001
The template "Console Application" was created successfully.
 
C:\BackUP\Proiecte\CSharpNET>dotnet restore threads001
  Restoring packages for C:\BackUP\Proiecte\CSharpNET\threads001\threads001.csproj...
  Generating MSBuild file C:\BackUP\Proiecte\CSharpNET\threads001\obj\threads001.csproj.nuget.g.props.
  Generating MSBuild file C:\BackUP\Proiecte\CSharpNET\threads001\obj\threads001.csproj.nuget.g.targets.
  Restore completed in 10.55 sec for C:\BackUP\Proiecte\CSharpNET\threads001\threads001.csproj.
 
C:\BackUP\Proiecte\CSharpNET>cd threads001
 
C:\BackUP\Proiecte\CSharpNET\threads001>dotnet run
Hello World!

You can use notepad or any editor to edit the Program.cs:

C#
1
C:\BackUP\Proiecte\CSharpNET\threads001>notepad Program.cs

About the thread issue then you need… Continue Reading C# – First steps with C# and .NET – part 002 .

First, you need to take a look at Microsoft DotNET – Core website. This website will be the start for any .NET and C# issue on any operating system Linux, Windows, Mac or Docker. I used for this tutorial Windows OS and for Fedora distro you can take a look… Continue Reading C# – First steps with C# and .NET – part 001 .

In this tutorial, I will show you how to use images with processing.js. You can use an image from your computer or from a URL. Let’s see one simple code example:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
PImage img;
 
void setup() {
  background(10);
  size(300,300);
  img = loadImage("http://i.imgur.com/sb3qile.jpg");
}
 
void draw() {
  image(img, 0,0);
}

You can see the same example on the openprocessing web tool. The open processing web tool allows you… Continue Reading JavaScript – Processing.js 2D library – part 003.

Translate »