Category Archives: Programming

programming

Google Apps Script – show all connections with People A.P.I. – part 015.

This tutorial is about Google Apps Script with People A.P.I. You need to create a new document into Google Driver to create a project script for Google Apps Script. Use Tools – Script editor on this document. Into the new tab go to Resources – Advanced Google Services and activate People API v1. Take a look… Read More »

JavaScript – The canvas sin code.

Today’s tutorial is about using canvas with the javascript script with the use of the mathematical sin function. This JavaScript code is simple to understand. Start with the HTML5 source code:

Haskell
1
<canvas id="id_canvas"></canvas>

Use this javascript code:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
can=document.getElementById("id_canvas");
x=can.getContext("2d");
can.width=640;
can.height=480;
S=Math.sin;
frames = 30;
w2 = 640;
update_draw=()=>{
for(x.fillRect(0,0,i=(w=w2),i);i--;){
x.clearRect(S(time_run),S(time_run)*w,w,1)
}
time_run+=1/frames
requestAnimationFrame(update_draw)
}
time_run=0
update_draw()

The definition of variables and function sin is easy to understand. The first fillRect will create the area… Read More »

CodeReady Studio from RedHat.

Today I used the CodeReady from RedHat, see the official webpage. The development team comes with this intro: Single Development Tool, Tailored for Extreme Productivity. Red Hat CodeReady Studio (previously named Red Hat Developer Studio) provides superior support for your entire development lifecycle. It includes a broad set of tooling capabilities and support for multiple… Read More »

The DevDocs website with API documentations.

The website DevDocs comes with full help for developers: DevDocs combines multiple API documentation in a fast, organized, and searchable interface. Here’s what you should know before you start: Open the Preferences to enable more docs and customize the UI. You don’t have to use your mouse — see the list of keyboard shortcuts. The search supports fuzzy… Read More »

Google Apps Script – create a Form – part 014.

This function uses the Apps Script into your project to create a Form: The user can fill this form into many ways using this as a quiz: Let’s see the source code:

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
var now = new Date();
function myForm() {
    var form = FormApp.create('Today '+now);
    var item = form.addCheckboxItem();
    item.setTitle('How to maintaining your health today?');
    item.setChoices([
      item.createChoice('Diet'),
      item.createChoice('Exercise'),
      item.createChoice('Sleep'),
      item.createChoice('Relish'),
    ]);
    form.addMultipleChoiceItem()
    .setTitle('Do you run outdor or indor exercise?')
    .setChoiceValues(['Outdor','Indor'])
    .showOtherOption(true);
    form.addPageBreakItem()
    .setTitle('Getting to know you');
    form.addDateItem()
    .setTitle('When were you born?');
    form.addGridItem()
    .setTitle('Rate your interests from 1 to 5:')
    .setRows(['Sport', 'Computers', 'Celebrities', 'Cars', 'Arts'])
    .setColumns(['1', '2', '3', '4', '5']);
    Logger.log('Published URL: ' + form.getPublishedUrl());
    Logger.log('Editor URL: ' + form.getEditUrl());
  }

HTML5 – remove outline around input.

This tutorial is about how to remove outline style around input boxes in chrome using CSS. The answer is very simple, use this:

CSS
1
2
3
input:focus, textarea:focus, select:focus{
        outline: none;
    }

See the Pen Input_remove_outline by Cătălin George Feștilă (@catafest) on CodePen.