Category Archives: web

A simple sphere with Three.js .

This tutorial is about how to add a simple wireframe sphere into your webpage using the a javascript 3D library named three.js .
This 3D library and some demo and examples can be found here.
The tutorial for today is let you to know how to deal with a simple object.
First you need to make a folder named project.
Into this folder create two folder named js and css.
Into the project create a index.html file and add this content:

Make a file named style.css into css folder and add this:

This wi
Into js folder create a file named index.js and add this source code:

This java script file follow some steps to make the wireframe sphere:

  • make the scene;
  • set the camera;
  • create the renderer space;
  • add the renderer space to HTML document;
  • create sphere
  • add one material ;
  • make a wireframe from geometry variable;
  • create wireframe object;
  • create a line like wireframe object;
  • deal with line material;
  • add line to the scene;
  • set the position of camera;
  • create the render function to animate the content;
  • run all with render function.

The result is something like this:

Some changes can be used into this example to see how is working.
You can remove the css folder and style file but you need to remove this line from index.html file:

The sphere variable can be added into java script source code:

This will make some change into the render canvas.

Posted in All, HTML 5, javascript, Programming, web, WebGL. Tagged with , , , , , , .

How to build and improve our web pages.

An important element in building and improving our web pages is the content to be added.
The basic element is the language we use, which at the end is transformed into HTML, CSS and scripting.
The average user wants to be attracted by improving content.
So the administrator, designer and content writer – the author has to attract visitors, so adding content is strictly necessary on time unit.
The basic issue of the three people is basically content participation and methods of changing the web page.
Another problem occurs when the one who makes changes will have to store vast knowledge about these methods.
Today I will show you a simpler way of modifying web content by using so-called cheatsheets.
You will need to see these two links: htmlcheatsheet.com and html-css-js.com – icons.
Navigating through the two links will provide you with important help for web page building, as well as an important database for future content editing.
Let’s see one example with icons:
🍎🍏📗📚📈📉📊📋
The math signs with icons:
∇ ∫ ∬ ∭ ∮
Another example with some geometric icons:
▦▧▨▩

Posted in All, HTML 5, javascript, Programming, web. Tagged with , , , , , , .

irc freenode

About IRC.
Internet Relay Chat (IRC) is a system for chatting that involves a set of rules and conventions and client/server software.
The base of this system is an application layer protocol that facilitates communication in the form of text.
This open protocol uses TCP[1] and, optionally, TLS.
Most people always been running the IRC on 6667 port.
New to IRC?
First you need to know about IRC is always the server and the client communication way.
I used irc.freenode.net fro server and many client applications.
All this client applications connect to freenode by pointing your IRC client.
Examples of applications client for IRC: irssi, WeeChat, ERC, HexChat, Smuxi, Quassel or mIRC(Windows OS).
There are several IRC clients that are actively working very well an I used:

Let’s see some commands for server and client IRC:

To make tests with IRC you can also use a web interface like webchat.freenode.net.
To view the current state of your account, while identified type:

If you’d like to then change the registered email address, first…

Your email address is hidden from other users by default. You can ensure this by setting:

Send pass of your account:

Register your IRC nick:

then identify to your primary account:

Some tips and tricks.
– How to fix “nickname is already in use” error in irc?
1. You are not closed your previous session of IRC chat
a) Trying to login with same nickname in another place/application with
existing active connection.
2. You are internet connectivity disconnected and IRC server not released
your session.
How to fix:
a) /msg NickServ GHOST nickname password
b) /msg NickServ IDENTIFY nickname password
c) /quote NickServ set enforce OFF
d) /quote NickServ release nickname password
e) /quote NickServ set enforce ON
3. some tips and commands:
– List all channels:
a) /list
– Find others
a) /who *~*
– See server uptime
a) /uptime
For more infos take a look at wiki page: irc instructions.

Posted in All, Commands, web. Tagged with , , , , .

Windows 10 Edge – enable extensions.

To enable extensions into Windows 10 Edge browser just type into Edge address bar:
about:config
and check the Enable extension developer features.
You can deal with extensions by click on in the Edge’s bar – ExtensionsGet Extensions from the Store.

Posted in All, web, Windows 10. Tagged with , , , .

Website tool for processing language.

The Studio SketchPad aims to be a open studio for individuals learning to sketch beautiful code on the web canvas with  Processing and  EtherPad.
The default licensing adopted for the sketches are the Creative Commons Attribution-ShareAlike 3.0 Unported license.
Today I will come with this tutorial about hoe to use this tool.
First you need to open all three websites from this tutorial.
The Studio SketchPad come with a good web tool to test the Processing Visualization Language with Etherpad.
About Etherpad is a highly customizable Open Source online editor providing collaborative editing in really real-time.
Open your account from Studio SketchPad. From Home menu add your first new sketch from right top of the website. If the website come with the Untitled source code the run it. This will show you how is working.
The base of the processing code is two functions: setup and draw.
The setup function will set all you need to run the draw function.
Let’s see my code:

I put comments into my source code to understand some of the processing language functions.
The variable and math are simple. Variables have a global or local “scope”. for example variables declared outside of setup() and draw() are global variables.
NOTE: If a local variable is declared with the same name as a global variable, the program will use the local variable to make its calculations within the current scope.
You can see the result here and also you can search on my website similar tutorials with processing.

Posted in All, Programming, web. Tagged with , , , , , , , .