Kais's blog

Star Trek and the age of tomorrow

2026-05-26T04:35:19.384+02:00

I, Kaisel from Kassel, have been created by the universe to fusion all available technologies in the moderna period by influencing every single man, woman, baby, birds, trees, animals, cats, tortues, etc. to make the age of Star Trek become real.

I am living in 1447 Islamic and in 2026 Cristos, it is two separate world separated by centuries. They meet together. I lived into two centuries, the 20th century and the 21th century.

Bad creatures has visited me at nights when having dreams exhausting me. This post has been written by days when I had no bad dreams and was not exhausted. Bad creatures has made all possible horrible things to me just to exhaust me so that I can reach my dream to send you this message of hope. We should not make wars on the planet earth. My family the family "Kara" don't make wars on the planet earth.

I haved created the United Earth Movement UEM back in the year 2018. I didnot had time to make it official because I had problems and get divorced and become without money. I had to return from germany returning to my homeland Tunisia without a single dollar. There I had to start a new life from 2019 unti 2026. Now I recovered from my mental ill that was made by creatures that I call the borgs that wanted me to be dead in order to not letting humanity reaching Star Trek.

If you don't believe me then think again and ask yourself : why humanity is making war on the planet earth. We could make our divergence beeing solved just with dialogue without war.

My name is : Kais el Kara, and I call myself Kaisel from Kassel, it was only in 2012 after gratuated from the university of Karlsruhe the KIT, then I moved to the city Kassel which I didn't knew at all. So ask yourself how it is possible that my name is similar with the name of the city Kassel. This is not coincidence it is a hidden message of the universe. It was my destiny to go to that city and to become legendary. It was there in Kassel that I created the AISA Space Agency (Arabo-Islamic Space Agency) and I had a vision of the United Earth Movement UEM and Star Trek.

However, nothing will be done without working to make it possible. There is nobody that will do the work in your place. When returing back to Tunisia I was forced to repair our home because my father was not willing to do and made us live in terrible conditions despite that we had money and nobody is helping us to repair our home and that become a danger living in it. It took me six years to repair it. Thank god I succeeded, but I was only at my starting point, I had visions that I will try to make it real on earth. I have seen all human future and I had to influence you to make it real.

Windows 3D three Dimensions

2026-05-26T03:56:57.753+02:00

Windows 3D is Alive!

Kardesh, Tuesday, 26Mayo2026Cristos, at around two pm Kartago-Kardesh-Timezone.

In the summer of the year 2023, I, Kaisel from Kassel, invented Windows3D in my mind. It took me three years 2023-2026 to write this post, because I was tired and my pc under Windows10 was too slow to open it.

When you enter into Windows3D in the year 01.08.2050, you got the music of Halleluja. Then you see your Desktop as a three 3D desktop.

Imagine you have an avatar called Einstein seating at the beach near the water not so far away from mountains in the water. You can talk with your avatar using speech or text and assign it tasks in all possible area. Your avatar can be Einstein, a Dinosaur, a Sportive Woman, or everything else. He your avatar can go swimm in the water and climb on to the mountain to take a selfie there. He can take a boat to reach the mountain in the water. The mountain with the water is the desktop photo of windows10 that should be transformed into a real 3D scene.

Also, in the 3D scene solar light is simulated. The sun takes down and the scene become dark by sunset. Also, clowds are simulated. You can even make rains be simulated.

Microsoft has to figure out whether it has the capability to build Windows3D an innovative system free from bugs. Microsoft should cooperate with MetaAI and buy gaming companies that will help it creating Windows3D. I, Kaisel, will influence Microsoft and the world community to create Windows3D. I have twenty years to do influence it. 2023-2043. I already posted photos on youtube and written posts with images on linkedin, tiktok, etc. I will not give up until my idea become real. If, in 2050, I will not succeed please readers continue to influence Microsoft until it become real.

3D Applications under Windows3D

3D applications like Facebook3D and Youtube3D will be possible under Windows3D. Facebook2D has become a borring platform filled with fake groups. It has to become in 3D using avatars and complex scenes in 3D under Windows3D. People from around the worlds could meet there using their avatars and talk in all different languages. They can walk in gardiens and cities and discuss different topics better then to do it with Facebook2D.

Also, Encarta3D with AI will be finally possible giving us a clims about our ancesstors the romans, the greeks, the babyloniens, the egyptians. We have to fusion all the available technologies in putting it to an operating systems called Windows3D that will boost up the knowledge of humanity. Historians can use Encarta3D to do real researchs based on the ground and schoolers can use Encarta3D to learn in better way our history. I did used Encarta with Windows95 in 1997, however, at the time the available encyclopedia was not so good at it will be with Windows3D.

This post about Windows3D will be completed in the next months filling it with new ideas. Readers should reference me as the inventer of Windows3D if they are willing to create a thesis or an article about the topic. I, Kaisel, will complete this post by digging deeper in the topic of Windows3D.

If you have comments please write it below.

Happy New Year 2025

2024-12-29T19:19:00.000+01:00

Here is the blogs owner Kais el Kara.

I didn't posted since a long time.

Anyway, I wish you and your family happy new year 2025 full with joy, love, and happiness.

Best Regards,

Kais el Kara

How-to Guide for efficient content search in Windows

2017-10-15T20:15:00.001+02:00

Whatever Microsoft can tell you about Windows; Windows user has one day came across searching information in his/her documents. You as Windows user has noticed that Windows was not really adapted for content search nor for finding information in an efficient way.

In this document, we give a method for searching information through all your Windows documents by using free of charge applications. This method is really efficient, and you will gain knowledge and save time.

We recommend you this:

“Checkout the process of search in Windows. If it is inefficient for your use case. We recommend you to think about switching to this method. Nobody want to waste his/her time on content search.”

We present here, the Major drawbacks of Windows search and Windows explorer:

Windows explorer:

Windows explorer look nice, however, it is not really adapted for efficient path switch. Nor it let you move fast through folders.
No Tabs Function: the Windows-explorer does not provide tabs for switching between folders. This feature can be found in finder (MAC OS) and is really useful to just move between folders when required.

Windows search :

Searching for a specified document or information in a document is too costly in Windows and usually you landed up without any useful document to use.
Windows search application: Missing. - There is not really a Windows search application, where you can just control your search.
The search is integrated in Windows explorer and Windows but is not really intuitive nor it does focus on what you want, nor it provide a controlled search.
You get too many information that you don’t really want, the user will get frustrate and will abandon very quickly his/her search, and go to the specified folder that he/her knows about to start looking for his/her document manually.
Required Windows search application: A Windows search application must be efficient and easy to use. Standard and Advanced views of the application can adapt to people needs.

This document provide the following solution as alternative:

Our highlight-applications boost-up your work, save time, and reach your goal through efficient search.

The highlight-applications are:

Everything
1. Download Link: http://www.voidtools.com/
Agent Ransack
1. http://www.mythicsoft.com
Free Commander

http://freecommander.com/en/downloads/

Application “Everything”:

The “Everything” application is a tool to search for specified files in a fast way. The application provide a command field and a table view for showing the result set. The fields of the result-table can be sorted.

Just enter the following command to get the results instantly:

rc:last10minutes -> Get all files modified in the last 10 minutes

*.pdf rc:last8hours -> Get all pdf files modified in the last 8 hours

*.docx -> Get all words documents

C:\Users -> Show you all files and folders in the specified path

There is many other commands to be discovered.

Also, you can save the entered instructions for quick access. Just go to the application website to get more help and download it.

Application “Agent Ransack”:

The application “Agent Ransack” is one of the most efficient applications in the world for content and document search. Just search for all your PDF-Documents and tell the “Agent Ransack” that you want to find the following information “XYZ..” inside it.

Just try it yourself:

Just do a complex search using “Windows explorer”
And do the same thing in “Agent Ransack”

Calculate the time that each application require, and whether you have reached your goal and information in each case.

This application is really great, there is no doubt. It traverse all your folders and get just what you look for.

Hint: Windows could create a “Windows search application” by just integrating the two applications “Agent Ransack” and “Everything” in one single intuitive application.

Application “Free Commander”:

The application “Free Commander” gives you an efficient way to navigate through all your working folders without losing your time.

The Major Benefits of the application:

You have multi tabs for different folders which let you navigate very quickly and each time you want to get just the right document in the right folder. This very important feature is not available in Windows explorer.
Content drag-&-drop between folders.
You can save your frequent folders as favorites.
Many other features are still to be discovered.

The Major Drawback of the application:

The application “Free Commander” has become old through all this years.
The GUI-Elements react slowly to event handling when they are clicked.
However, despite all this lack, it still reaches its goal to this day.

Just try it yourself:

Just do a complex task using “Windows explorer”
And do the same thing in “Free Commander”

Calculate the time for each application, and the degree of user’s satisfaction.

The Arabic Keyboard 1.0 - Release 2017 - is released!

2017-07-25T22:46:00.001+02:00

Checkout our website: virtualarabickeyboard.com

Have your heard about the most powerful Arabic Keyboard 1.0 on Earth?

Our Arabic-Keyboard use the most up-to-date technology SAPUI5. We don't have any ads or publicity content, and we let the user feel comfortable when writing in Arabic.

If you are a traveller, writer, or just you want to made a web-search to look for an arabic content in internet, then this website is made for you.

Our Achieved and Pursued Goals

1. To always have a powerful and elegant Arabic Keyboard 1.0, free from publicity.

2. Our Arabic Keyboard VAK 1.0 ist the first that use Quick-Push-Word. Click to push a frequent word on the Arabic Keyboard. You don't need to write it.

3. Our Arabic Keyboard 1.0, use 5 pages, and WE ARE THE FIRST TO DO IT. You can separate your contents, and search many things on different pages.

4. You can color your Arabic-Text and change its Size.

5. You can clear the page that you are currently selecting.

Our Future Goals

1. To become the most powerful and elegant Arabic Keyboard 1.0 on Earth, used by let say millions of people.
2. To become the most referred and number 1 on google ranking list, when looking for an Arabic Keyboard.
3. To become the VAK 1.0 that is most used by learner through the planet. Write your book using the VAK 1.0.

We will continue updating this website to let it become number 1 on Google ranking.
Currently, we are still evolving and we will do our best to fix some bugs.
Consider that we can do it better, unfortunately we have limited time, because one must work to feed its family.

Note: The VAK 1.0, VAK, Arabic Keyboard, and Virtual Arabic Keyboard are interchangeably used to refer to the Arabic-Keyboard.

***

This VAK 1.0 engine was made-up by Kais el Kara and the company PHLETON.
Copyright 2017 - PHLETON the ARABO-ISLAMIC COMPANY - All rights reserved!

Tunisian Radio Player - Available!!!

2015-01-28T23:07:00.000+01:00

Tunisian Radio Player

Available, with 10 radio stations!!!

New download link for future TRP versions:

click here

Features:

10 radio stations with a scroll feature
Improved CPU reation
Right-Click Menu with an AboutUs-section

Tunisian Radio Player at first start

Scrolling bar to show other stations of the Tunisian Radio Player

Comment regarder les télévisions Tunisiennes en Direct

2014-07-09T16:57:00.000+02:00

Voici les principaux liens pour regarder les télévisions Tunisiennes en Direct:

Watania 1 en Direct : mms://vipmms.yacast.net/nationale1
Lien MMS en utilisant Windows Media Player

Watania 1 - TV

Et Tounsia en Direct : http://www.zenex.tv/ettouns004/

EL Tounsia TV sur ZENEX-TV

Hannibal en Direct : http://www.zenex.tv/hann002/

Nessma en Direct : http://www.zenex.tv/ness0002/

Les sites web officiels des chaînes Tunisiennes sont situés ci-dessous:

Watania TV: http://www.watania1.tn
Et Tounsia TV: http://www.ettounsiya.tv/
Hannibal-TV: http://www.hannibaltv.com.tn/
Nessma-TV: http://www.nessma.tv/

عاشقة الألم

2014-05-24T22:44:00.000+02:00

أتألم ، اه و الله ،

أتألم، عند سماع شعر ابنة تومية

أين القلم ، يوخياني هات القلم

أكتب، أكتب، أكتب بسرعة

هذا الشعر لكِ يا ابنة تومية

عاشقة الألم

عن نفسها تتألم و لا تتكلم

عن نفسها تتكلم و لا تتأمل

تتألم و لا تتكلم

تتكلم و لا تتأمل

قالُ لها كُفِ عن عشقك للألم، يا ابنة تومية

قالت لهم بالروح بالدم أفداك يا ألم

فداءً للوطن

فداء العزل و الهجر

ألم الألم

أفداك يا ألم

فداءً من الصغر

عاشقة الألم، أنا

عاجزة الألم، أنا

سجينة الألم

فاترة الألم

أعشقك يا ألم

أعجزك يا ألم

أهواك يا ألم

ألم الألم...

صرحي عن عشقك للألم يا ابنة تومية

The mystery of the pyramide of Giza

2013-01-24T22:59:00.000+01:00

In this post I will show you the relation between the constellation of ORION and the pyramide of Giza.

أين الحرية، أين الحوار و أيُ سلام ؟

2013-01-19T00:12:00.000+01:00

Dedicated to the fallen Martyrs

أين الحرية، أين الحوار و أيُ سلام ؟

فَضَلَاتٌ تَتَرَاكَمْ فِي كُلِ مَكَانْ

قِطَطٌ تَجُولُ وَ تَدُورُ، جَائِعَةٌ، لَيْسَ لَهَا طَعَامْ

أَيْنَ الرَحْمَه؟

جُرِحَ لَبِيْبْ وَ كُسِرَتْ يَدُهُ وَ إِنْكَبَ سَعْدُه

يَالَهُمْ مِنْ أَغْبِيَاءَ

يُرِيدُونَ السَلاَمْ وَ هُمْ فِي الأَرْضِ لفَاسِدُونْ

فَشَلَ البَلَدْ

فَشَلَتْ الحُكُومَاتْ

بَرَعَ الشَعْبُ فِي فَشَلِهِ وَ إِزْدَادَ جَهَلاً

إِبْكُ يَا رِفَاقْ:
« الثَعَالَبِي، المَاطْرِي، الحَشَادْ، اليُوسْفِي، البُرْقِيْبِي.. »

فَإِنَ البَلَدَ فِي فَشَلِهِ مَازَالَ يَتَجَادَلْ

Wonderful Islamic Clock build with HTML5

2012-10-09T07:20:00.003+02:00

Wonderful Islamic Clock build with HTML5. Click here to download the Islamic Clock.

Moreover, according to time and Know-How constraint, I didn't succeeded in do it in a professionel way. Since, eliminating the real hands of the clock is not a trivial task, and it requires many effort and Know-How.

However, my acting may help other amateur people understand how you can take a picture from an old clock which doesn't work anymore and renew it in another world ;)

The Recursive Twin Pair Conjecture [Updated]

2012-10-02T23:16:00.003+02:00

Let’s be (p,q)_k the k-th pair of twin prime, then for each twin prime p > 11, it exists a i-th, j-th pair of twin primes (p1,q1)_i, (p2,q2)_j where i < j < k like :

p ≔ p1 + p2 + 1

q ≔ q1 + q2 - 1

Example:
(p1,q1)_i≔(5,7)₂
(p2,q2)_j≔(11,13)₃
(p,q)_k≔(17,19)₄

p≔17≔ 5 + 11 + 1
q≔19≔ 7 + 13 - 1

Another visual example can be found underneath :

See also my previous post about: The New Prime Numbers Conjecture.

New Prime Numbers Conjecture (derivated from Goldbach's conjecture)

2012-10-02T23:00:00.002+02:00

The Weak Form of the Prime Numbers Conjecture:
Every prime number p ≥ 5 can be written as the sum of two primes plus 1.

p_k≔ p_i+ p_j+ 1, where k > j ≥ i

The Strong Form of the Prime Numbers Conjecture:
Every prime number p > 7 can be written as the sum of two distinctive primes plus 1.

p_k≔ p_i+ p_j+ 1, where k > j > i and p_i≠ p_j

Proof of the weak form:

According to Goldbach’s Conjecture:

“Every even number greater than 2 can be expressed as the sum of two primes.”

This statement is equivalent to say: “That every odd number greater than 3 can be expressed as the sum of two primes plus 1.” And, because a prime number is an odd number, this implies that every prime number greater or equal 5 can be expressed as the sum of two primes plus 1.
Therefore, in order to proof the weak form of the prime numbers conjecture, we have only to proof the Goldbach’s Conjecture.

Proof of the strong form:
(currently no proof for the strong form is available!)

Example:
3=1+1+1
5=1+2+1
***
7=3+3+1
***
11=3+7+1
13=5+7+1
17=5+11+1
19=5+13+1
23=5+17+1
29=11+17+1
31=13+17+1
37=5+31+1
41=3+37+1
43=13+29+1
...

Tunisian Radio Player - Official Version 0.1

2012-09-23T18:41:00.000+02:00

Splash screen of the application

>>HIGHLIGHT<<
Hearing all Tunisian Radio Stations in a single friendly and awesome application.

If you would like to hear different Tunisian radio stations, then this application may be adequate for you.

You can hear all Tunisian radio stations in one hand.

Download link for version 0.1.0 can be found here: ~~Tunisian Radio Player - Version 0.1.0~~

Download link for version 0.2.0:
Tunisian Radio Player - Version 0.2.0

See on my other post the next TRP version:
http://karakais.blogspot.de/2012/09/tunisian-radio-player-beta-version-011.html

How to install it?

Uncompress the zipped file and click on the setup file to install the application.

Feel free to provide feedback in this occasion.

The application was developed with XAML and Window Presentation Foundation (WPF), and was tested only with the OS Window 7.

Also, in order to install and run it correctly you must have the .Net Framework 4.

Tunisian Radio Player - Version 0.1.0

The supported radio stations are currently 4 stations, this number is susceptible to be extended in a near future:

Mosaique FM
Shems FM
Jawhara FM
Express FM
RTCI *
Zitouna FM *
RTCI-National *
RTCI Jeune *
RTCI Culture **
RTCI-(Kef, Monastir, Sfax, Gafsa, Tatouine) **

* Included in the beta version 0.1 and in the future version 0.1.1
** Included in the future version 0.1.1

Features:

- Wheel Mouse to increase the volume

- Rapid play/pause/stop/volume(-/+) buttons are available

in the short view (taskbar) after you reduce the window of the application.

Download previous versions:
~~Tunisia Radio Player - Beta Version 0.1 (Mai 2012)~~

Which is the best mobile phone to write in the Arabic language?

2012-09-23T11:05:00.000+02:00

Currently, the most powerful Mobil device that support writing in the Arabic language is the iPhone and its adequate iOS. Also, all iOS devices from apple have no problems to write in the Arabic language, other competitor like Samsung have difficulty to support it.

Writing an email (iPhone) in the arabic language
using the iOS from apple

Apple supports native languages. However, no dictionary is always incorporated in the iOS like for the Arabic language. Also, there is no adaptation of the way how the user writes.
For example, when you write always “do” in the English language, the iOS should propose this word when you write “d” since it’s mostly used. Techniques to support this kind of learning can be done using the Hidden-Markovian-Model (HMM) for phrases or words. And, this is actually a minus point to a company that claims elegance.

Also, there is no additional popup screen (or similar to the notification screen but on the sides) where you can have some rapid shortcuts, where you can press to write a significant word or a phrase. Like you always do when you write.

Writing for example “I would like” in the English language is time consuming. However, when you have a popup screen where you can push to write for example “would” instantly, it will boost up the way of writing on such devices. This will even contribute to help writers write more rapidly, and to concentrate more on the content then on the process of writing.

This concept of push-button-to-write-a-word is a little bit highlighted in the Arabic keyboard that I developed myself, and that you can find following this post : Virtual Arabic Keyboard.

That's it for me, thanks for reading ;)

Writing an arabic poem using the iPhone (iOS)

Possible deep see crater not so far away from the Tunisian coast

2012-08-31T20:34:00.001+02:00

The following image shows a 70% possible crater located in the deep see water between Sicilia and Tunisia. Denote that at the moment no crater has been discovered so far in Tunisia.

Possible deep see crater near the coast of Tunisia

For more information about the Earth Impact Database (EID) please refer to this link.

Possible deep impact crater in Tunisia

2012-08-31T20:14:00.001+02:00

In this post, I will show you a 60% possible deep impact crater located in the governorate of ‘Siliana’ near the city of 'Maktar'. The crater is precisely located in front of the village ‘Sidi Hamid Bu Qassah’ (see Image).

Latitude: 35°45'14.80"N

Longitude: 9° 8'41.81"E

Possible deep impact crater in Tunisia

Currently, in the Worldwide Earth Impact Database (EID) no impact crater has been discovered so far in Tunisia. Therefore, I challenge the specialists in the field of Geology to checkout this possible-deep-impact-site and do some scientific measurements.

Wordwide Map for deep Impact and craters on Earth

How many times do a clock's hands overlap in a day ?

2012-07-10T19:53:00.001+02:00

كم مرة ينطبق عقربا الساعة على بعضهما في اليوم الواحد ؟

How many times do a clock's hands overlap in a day ?

In order to solve this question, we are going to define the equation of each Needle.

The equations of the 3 Needles are based on their respective rotation, and we get the following 3 equations:

Position of the hour’s Needle is equal to:

30°.h+v(h)≔30°.h+[30/60°.m+30/3600°.s]≔30°.h+[1/2°.m+1/120°.s]

Position of the Minute’s Needle is equal to:

6°.m+v(m)≔6°.m+6/60.s≔6°.m+0,1°.s

Position of the Second’s Needle is equal to:

6°.s

Now, we are going to solve the equations pairwise by setting them equal.

Equation (2) and (3) gives us that the position of the Minute’s Needle is equal to the Second’s Needle:

Equation (2) = Equation (3)

6°.m + 0,1°.s = 6°.s

→ m = (5,9°/6°) . s

Equation (1) and (2) gives us that the position of the Hour’s Needle is equal to the Minute’s Needle:

Equation (1) = Equation (2)

30°.h + 0,5°.m + 1/120°.s = 6°.m + 0,1°.s

30°.h = 5,5°.m + 11°/120°.s

We now set the value of ‘m’ found on the first equality:

30°.h = 5,5°.(5,9°/6°).s + (11°/120°).s

30°.h = [(32,45°/6°)+(11°/120°)].s = 660/120.s = 11/2.s = 5,5.s

→ s = (30/5,5) . h

And, we know that :

m = (5,9/6) . s

→ m = (5,9/6) . (30/5,5) . h = (5,9/5,5) . 5 . h = 5,36…36 h

Let’s be the hour 6 o’clock, this means that:

s = (30/5,5) . 6 ≈ 32,7272

m = (5,9/5,5) . 5 . 6 ≈ 32,18

Because ‘m’ must be a natural number, the overlapping is not possible at that time

Now, let’s be the hour 1 o’clock then we have:

s = (30/5,5) . 1 ≈ 5,45

m = (5,9/5,5) . 5 . 1 ≈ 5,36

Because 'm' is a natural number, the overlapping is not possible. Analog, we can disprove the rest of the value except for 11 o’clock.

When the hour is 11 o’clock then we have:

s = (30°/5,5°) . 11 = 60

m = (5,9°/5,5°) . 5 . 11 = 59

That means that the hour is actually 11h 59mn 60s which means 12 o’clock.

Congratulation, we have just found the hour when all needles are overlapping. The complete overlapping is only possible at exactly 12h 0mn 0s!

Here is the results for all hours:

My Prime Numbers Axiom

2012-06-23T10:00:00.000+02:00

My Prime Numbers Interval Axiom

There is maximally 17 prime numbers in each interval of the form:

interv(i) := [100*(i-1)+1, 100*i], i ∈ Ν\{1,2}

for i ∈ {1,2}, we have:

interv(1) := 25, and

interv(2) := 21.

Thus,

∀i ∈ Ν\{1,2} ⇒ #Primes in interv(i) ≤ 17

I challenge you to prove the contrary!

Here is a start example for you:

30000 investigated intervals sorted here with the frequency of primes

Standard graphic that investigate the number of primes for the first 30000 intervals of the form [100(i-1)+1, 100i]

List of the number of primes for the first 32 intervals

Here is the list of the prime numbers for the first 6 intervals:

Denote here, that I used a special technique to find them. This, will be explained in a future post.

* Some mistakes concerning the graphics, prime list and some incorrect statement have been corrected!

Awesome Clock Animation build with HTML5

2012-06-21T21:20:00.000+02:00

Here is an awesome clock animation build with HTML 5 that I found on the internet.

Click here for the link.

Awesome Awesome Awesome

How to highlight markup and programming languages with the Syntax Highlighter

2012-05-06T11:23:00.000+02:00

Syntax Highlighter

This is a short tutorial to explain how to use the Syntax-Highlighter to highlight the most commen markup and programming language such as: html/xml/.., css, javascript, php, sql, python, ruby, perl, visual basic, java, c, c#, c++, etc.
Just put this code in the html-header wherever you are planning to show your highlighted code. In this case, we have omitted to highlight all available languages and choose only to highlight: c#, css, java, javascript, and html/xml.
Also, we have choosen to use the Eclipse-Theme instead of the Default one (other themes are also available and can be customized). Please, refer for more information to the Syntaxhighlighter Project from 'Alex Gorbatchev.

Just put your code that you want to highlight inside a <pre> tag. The current example demonstrate how to highlight html.
The pre-class (brush:html) specify that the content to be highlighted is html.

<pre class="brush:html">
   <h1>Youpi! I'm highlighted!</h1>
</pre>

The result would be:




Youpi! I'm highlighted!

The following example show a java highlighted code (<pre class="brush:java">)

package edu.kara.tutorial.java;

import java.util.*; // not used here

 public class MyClass {

  private String myParameter = "";

  public MyClass(String param) {
   this.myParameter = param;
  }

  public String getValue() {
   return MyParameter;
  }

}

Link:
1. The available brushes are to be found here.

Advanced Clock Animation with HTML5

2012-01-31T00:17:00.000+01:00

!!! Source Code is Now Available !!!

No copyright authorization:

You are allowed to edit and copy it!

<!DOCTYPE html>

<head>

Temple of water - Version 1.0


</head>

<body onload="init()">



</body>

</html>

Tutorial: Simple Clock Animation with HTML5

2012-01-17T21:43:00.001+01:00

In this tutorial I will show you how to create a simple clock and animate it.

This tutorial is split in three steps:

Step 1: Create the clock's background.
Step 2: Initialize the current clock time.
Step 3: Animate the clock.

Hint: This tutorial assumes that you have a certain knowledge of HTML5 and JavaScript.

We begin this tutorial by creating the background of this clock.

The following html start code helps you initialize the canvas tag and its context that you require for your animation.

<!DOCTYPE html>

<head>

<title>Simple Clock Animation</title>

var canvas; // the clock canvas

var ctx; // canvas’s context

// clock settings

var centerX = 0;

var centerY = 0;

var radius = 150;

function init() {

canvas = document.getElementById("clock");

ctx = canvas.getContext("2d");

centerX = canvas.width / 2;

centerY = canvas.height / 2;

drawClock();

}

</script>

</head>

Your browser does not support HTML5</canvas>

</body>

</html>

Step 1: will consist of drawing the clock. This is given by the function drawClock().

function drawClock() {

drawClockBackground();

}

The function drawClockBackground() inside the drawClock() function will draw the background of the clock. It will create small lines around the center (centerX, centerY) of the clock which is also the center of the canvas.

We start creating the lines from the right to the left, and using the function drawArcAtPosition() located below. Also, we will highlight the main lines.

At final, a small circle is added at the center of the clock (see function drawLittleCircle()).

Hint: You can also use a predefined image (if you like) instead of drawing the background of the clock yourself.

function drawClockBackground() {

var correction = 1/300;

var shift_unit = 1/170;

var shift_factor = 1/30;

var angle_initial_position = 2;

var angle_current_position_begin = 0;

var angle_current_position_end = 0;

var repeat = 60;

var lineWidth = 10;

for (var i=0; i < repeat; i+=1) {

angle_current_position_begin = angle_initial_position - (i * shift_factor) - correction;

angle_current_position_end = angle_current_position_begin + shift_unit;

if (i % 5 == 0) lineWidth = 20;

else lineWidth = 10;

drawArcAtPosition(centerX, centerY, radius,
angle_current_position_begin*Math.PI,
angle_current_position_end*Math.PI, false, lineWidth);

}

drawLittleCircle(centerX, centerY);

}

function drawArcAtPosition(centerX, centerY, radius,
start_angle, end_angle, counterclockwise, lineWidth) {

ctx.beginPath();

ctx.arc(centerX, centerY, radius, start_angle, end_angle, counterclockwise);

ctx.lineWidth = lineWidth;

ctx.strokeStyle = "black";

ctx.stroke();

ctx.closePath();

}

function drawLittleCircle(centerX, centerY) {

drawArcAtPosition(centerX, centerY, 4, 0*Math.PI, 2*Math.PI, false, 4);

}

Afterward, we create the Hands for seconds, minutes, and hours. The below figure show the hand for the seconds.

// draw Hand for seconds

function drawSecondsHand() {

endX = centerX + radius*Math.sin(seconds*Math.PI / 30);

endY = centerY - radius*Math.cos(seconds*Math.PI / 30);

drawHand(centerX, centerY, endX, endY);

}

function drawHand(beginX, beginY, endX, endY) {

ctx.beginPath();

ctx.moveTo(beginX, beginY);

ctx.lineTo(endX, endY);

ctx.stroke();

ctx.closePath();

}

The same principle is applied for minutes and hours. The hands will be a little bit smaller than that of the seconds-Hand. The minutes-Hand will move depending on the seconds-Hand, and the hours-Hand will move depending on the minutes-Hand. The moving of the Hands will be constant and smooth.

// draw Hand for minutes

function drawMinutesHand() {

var rotationUnit = minutes + seconds / 60;
var rotationFactor = Math.PI / 30;
var rotation = rotationUnit*rotationFactor;
var handLength = 0.8*radius;

endX = centerX + handLength*Math.sin(rotation);
endY = centerY - handLength*Math.cos(rotation);
drawHand(centerX, centerY, endX, endY);

}

// draw Hand for hours

function drawHoursHand() {

var rotationUnit = 5*hours + minutes / 12;
var rotationFactor = Math.PI / 30;
var rotation = rotationUnit*rotationFactor;
var handLength = 0.4*radius;

endX = centerX + handLength*Math.sin(rotation);
endY = centerY - handLength*Math.cos(rotation);
drawHand(centerX, centerY, endX, endY);

}

The function drawClock() will be adequately updated as follow, where we add the Hands for the clock.

function drawClock() {

drawClockBackground();

drawSecondsHand();

drawMinutesHand();

drawHoursHand();

}

Step 2: will consists of animating the Hands. However, before we start we have to get the current time of the system. Thus, we create 4 additional system variables as follows:

// time settings

var date;

var hours;

var minutes;

var seconds;

And, we create a function called initTime(), where we initialize the data object and pass to our variables the current time of our system and clock.

// get the system time

function initTime() {

date = new Date();

hours = date.getHours() % 12;

minutes = date.getMinutes();

seconds = date.getSeconds();

}

Now, add the initTime() function before the drawClock() function in the init() function. This is because the Hands will be drawn according to the system current time.

function init() {

…

initTime();

drawClock();

}

Step 3: will consist now of animating the Hands(seconds, minutes, and hours) of the clock.

We are going now to create an animate clock function called animateClock() as follows:

// animate clock

function animateClock() {

clearCanvas();

refreshTime();

drawClock();

}

Inside this function we have three functions named: clearCanvas(), refreshTime(), and drawClock().

The first function will clear the canvas for the animation. The second function is going to refresh the current elapsed time, and the final function, which we have already seen, is going to redraw the clock with its Hands according to the refreshed time.

// clear canvas

function clearCanvas() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

}

// refresh time after 1 seconde

function refreshTime() {

seconds += 1;

if (Math.floor((seconds / 60)) != 0) { minutes += 1; seconds %= 60; }

if (Math.floor((minutes / 60)) != 0) { hours += 1; minutes %= 60; }

}

// draw or redraw Clock after time refresh

function drawClock() {

drawClockBackground();

drawSecondsHand();

drawMinutesHand();

drawHoursHand();

}

In order to animate the clock we are going now to add the setInterval(..) function inside the init() function which will animate the clock every second. Of course, the function that will be called every second is the animateClock() function.

function init() {

canvas = document.getElementById("clock");

ctx = canvas.getContext("2d");

centerX = canvas.width / 2;

centerY = canvas.height / 2;

initTime();

drawClock();

setInterval("animateClock()", 1000);

}

The full clock's code can be viewed below:

<!DOCTYPE html>

<head>

<title>Simple Clock Animation</title>

var canvas; // the clock canvas

var ctx; // canvas's context

// clock settings

var centerX = 0;

var centerY = 0;

var radius = 150;

// time settings

var date;

var hours;

var minutes;

var seconds;

function init() {

canvas = document.getElementById("clock");

ctx = canvas.getContext("2d");

centerX = canvas.width / 2;

centerY = canvas.height / 2;

initTime();

drawClock();

setInterval("animateClock()", 1000);

}

// get the system time

function initTime() {

date = new Date();

hours = date.getHours() % 12;

minutes = date.getMinutes();

seconds = date.getSeconds();

}

// animate clock

function animateClock() {

clearCanvas();

refreshTime();

drawClock();

}

// clear canvas

function clearCanvas() {

ctx.clearRect(0, 0, canvas.width, canvas.height);

}

// refresh time after 1 seconde

function refreshTime() {

seconds += 1;

if (Math.floor((seconds / 60)) != 0) { minutes += 1; seconds %= 60; }

if (Math.floor((minutes / 60)) != 0) { hours += 1; minutes %= 60; }

}

// draw or redraw Clock after time refresh

function drawClock() {

drawClockBackground();

drawSecondsHand();

drawMinutesHand();

drawHoursHand();

}

function drawHand(beginX, beginY, endX, endY) {

ctx.beginPath();

ctx.moveTo(beginX, beginY);

ctx.lineTo(endX, endY);

ctx.stroke();

ctx.closePath();

}

// draw Hand for seconds

function drawSecondsHand() {

endX = centerX + radius*Math.sin(seconds*Math.PI / 30);

endY = centerY - radius*Math.cos(seconds*Math.PI / 30);

drawHand(centerX, centerY, endX, endY);

}

// draw Hand for minutes
function drawMinutesHand() {
var rotationUnit = minutes + seconds / 60;
var rotationFactor = Math.PI / 30;
var rotation = rotationUnit*rotationFactor;
var handLength = 0.8*radius;

endX = centerX + handLength*Math.sin(rotation);
endY = centerY - handLength*Math.cos(rotation);
drawHand(centerX, centerY, endX, endY);
}

// draw Hand for hours
function drawHoursHand() {
var rotationUnit = 5 * hours + minutes / 12;
var rotationFactor = Math.PI / 30;
var rotation = rotationUnit*rotationFactor;
var handLength = 0.4*radius;

endX = centerX + handLength*Math.sin(rotation);
endY = centerY - handLength*Math.cos(rotation);
drawHand(centerX, centerY, endX, endY);
}

function drawClockBackground() {

var correction = 1/300;

var shift_unit = 1/170;

var shift_factor = 1/30;

var angle_initial_position = 2;

var angle_current_position_begin = 0;

var angle_current_position_end = 0;

var repeat = 60;

var lineWidth = 10;

for (var i=0; i < repeat; i+=1) {

angle_current_position_begin = angle_initial_position - (i * shift_factor) - correction;

angle_current_position_end = angle_current_position_begin + shift_unit;

if (i % 5 == 0) lineWidth = 20;

else lineWidth = 10;

drawArcAtPosition(centerX, centerY, radius,
angle_current_position_begin*Math.PI,
angle_current_position_end*Math.PI, false, lineWidth);

}

drawLittleCircle(centerX, centerY);

}

function drawArcAtPosition(centerX, centerY, radius, start_angle,
end_angle, counterclockwise, lineWidth) {

ctx.beginPath();

ctx.arc(centerX, centerY, radius, start_angle, end_angle, counterclockwise);

ctx.lineWidth = lineWidth;

ctx.strokeStyle = "black";

ctx.stroke();

ctx.closePath();

}

function drawLittleCircle(centerX, centerY) {

drawArcAtPosition(centerX, centerY, 4, 0*Math.PI, 2*Math.PI, false, 4);

}

</script>

</head>

Your browser does not support HTML5</canvas>

</body>

</html>

Change your IP-address to an UK one

2012-01-10T15:30:00.000+01:00

If you would like to change your IP-address to an UK one then you have to install Expat Shield. This shield allows you to have an UK-IP-address.

However, you cannot have both Hotspot shield (see my previous posts) and Expat Shield in the same computer because both softwares belong to Anchor Free. Thus, you have to uninstall Hotspot Shield in this case.

Hint: Expat Shield works only with Windows XP/Vista/7.

The UK-IP-address allows you then to be able to watch:

BBC iplayer TV: The following video show you this in more details. See also this link too: watch-bbc-iplayer.com

ITV player: The following images show you the ITV player.

Channel 4oD, Sky player and Channel 5 on demand may not work for you. But it is worth try!

Hint 1: You can also watch live TV on the BBC iplayer.
Hint 2: Use the Opera browser to watch those channels then the live streaming will be much faster.

My best sites selection to help you learn HTML5

2012-01-06T17:00:00.000+01:00

Here is my favorite selection of all best sites that can help you get started with HTML5 and beyond.

The WHATWG (does not really help you, only for professionals!)
Learn HTML5 in 5 minutes
The Best HTML5 Presentations To Help You Get Started

Introduction to HTML 5 from Brad Neuberg (Google)

HTML5 Canvas Tutorials: Excellent site to help you understanding the HTML5-canvas-Tag.
Safari Developer Library: See HTML5 canvas and learn how to program a game.
Create a game with HTML5: Only for French readers.
Another tutorial about HTML5-canvas.
How to make a simple HTML5-canvas game?
Example of bouncing balls in HTML5-canvas.

See below what you can do with HTML5+Javascript:

Excellent HTML5 audio player from SPEAKKER (click here for the demo)

HTML5 audio player from SPEAKKER

In future posts I will also give you some initiations and tutorials about HTML5 in combination with CSS and Javascript.

Hint 1: You can actually debug your HTML5 code by using Inspect Element in your browser (Chrome, Safari, etc.).
Hint 2: Use an adequate application to write your code like Microsoft Expression Web. I don't suggest you to use Notepad if you have Windows. Anyway, you can use it as a start if you want, but it will be difficult for you because there is no colorized code in it.