source codeTag Archive

source code

I don’t like the Pug very much but for today I will write a simple intro tutorial. The Pug is a template engine for Node and for the browser which can make you more productive and your code more readable. It compiles to HTML and has a simplified syntax with… Continue Reading Pug: About the Pug javascript.

In this tutorial, I will show you a simple use of the radial-gradient. Read the documentation here. I used the codepen online editor and you can see my example online. First, you need to create a div tag into HTML5 area and add a class named circles:

1
<div class="circles"></div>

Into the… Continue Reading HTML5 – CSS3 and radial-gradient – part 001.

This visualization library is a dynamic and browser-based library designed to handle large amounts of dynamic data and to enable manipulation of and interaction with the data. You can read more about this library on the official website. The example I share with you and my codepen account is about… Continue Reading JavaScript – Create timeline with vis.js .

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.

This is a simple example for C# project with form windows. Create the project and add four labels, two progress bar, timer, two performance Counter and a chart from the Toolbox menu area to your project Form. Change the performance Counter pCPU and pRAM names. Change the timer name the… Continue Reading C# – First steps with C# and .NET – part 005 .

This simple tutorial comes with a simple example of New Year – Countdown. The example uses the color of the year 2019 the PANTONE 16-1546 Living Coral. The result of this example can be seen on my codepen account: See the Pen New Year – Countdown by Catalin George Festila… Continue Reading HTML5 – Example New Year – Countdown.

This example tutorial shows how to add a text to canvas WebGL. In my example, I used the click refresh touchdown text. The rest of the source code is very simple. The HTML comes with the tag canvas, and the CSS area is filled with a simple background. The javascript… Continue Reading WebGL – refresh touchdown text 001.

You can test your WebAssembly skills by using the WebAssembly Studio online tool. First, JavaScript doesn’t support int64 yet, a signature with int64 in wasm can’t be exported to JS. This means I will use only 32 support with JavaScript. If you open this online tool will see this: this… Continue Reading Testing WebAssembly Studio online tool.