Skip to main content

When we don't see the sun, we see other stars

What are your motivations for creativity?

- I want to make a change.
- It makes me happy! It is a need of my mind.

How to be creative for a thing?

There are two steps:
- See the thing as every people see it
- Think about a new different thing from it

How to think about a new different thing?

There are two ways:
- Forget all things you have already known.
- A whack on the side of your head. ;)

This was what I have learned from the following great book:

Well! A physical whack on the side of your head is needed sometimes but the meaning behind is that you need to break these 9 following locks on your mind. Remove them!

The lock #1: "The correct answer"

We all learn from schools that there is only one correct answer to a question. For example, a proposition is only true or false in Algebra. In reality, there are always some answers to a question basing on a point of view. For example, number 6 becomes number 9 if you look it in the opposite.

The lock #2: "That is not logic"

There are two kinds of thoughts: soft thinking and hard thinking. Soft thinking focuses on finding a relationship among things. On the other hand, hard thinking focuses on the differences between things. The metaphor is a technique of soft thinking which needed for creativity.

The lock #3: "Follow the rules"

Sometimes, creativity is not always a contribution but a damage. However, in order to create a new model, we need to break an old model. Break the rules!

The lock #4: "Be realistic"

Answering the question "if...then what happens?" is useful somehow. For example:

- Imagine if what other people (your inspirational ones) will do in your situation. E.g: I sometimes say to myself when I face an issue: "What will Mr. A do in this situation?"

- Imagine if you are what you think. E.g: Imagine you are a paper; what are your characteristics to make you more convenient for users?

- Imagine an idea which is obviously not realistic. According to this idea, you can come up with a better realistic one. E.g: original idea: the Government will give money for whom put trash into trash bins. Improved idea: every time people put trash into trash bins, they will receive a random fun from the trash bins.

The lock #5: "Play is frivolous"

"If necessity is the mother of invention, then play is its father". There is no doubt about it!

The lock #6: "That is not in my field"

Specialization is necessary in most of the cases; however, bringing a knowledge from a field to another field is really useful as well.

The lock #7: "Don't be silly"

Actually, a comedian is smart. He/she always thinks in different ways. It is like a movement of a car, sometimes it needs to go back in order to go straight.

The lock #8: "Avoid ambiguity"

People avoid ambiguity because it results in the misunderstanding in communication. However, just keep listening to your dreams and playing with it.

The lock #9: "Mistakes are wrong"

In most of the case, a mistake can result in a very bad situation. However, a mistake sometimes helps you come up with some new approaches.

[1]. Roger von Oech, A Whack On the Side of the Head


Popular posts from this blog

AngularJS - Build a custom validation directive for using multiple emails in textarea

AngularJS already supports the built-in validation with text input with type email. Something simple likes the following:
<input name="input" ng-model="email.text" required="" type="email" /> <span class="error" ng-show="myForm.input.$"> Not valid email!</span>
However, I used a text area and I wanted to enter some email addresses that's saparated by a comma (,). I had a short research and it looked like AngualarJS has not supported this functionality so far. Therefore, I needed to build a custom directive that I could add my own validation functions. My validation was done only on client side, so I used the $validators object.

Note that, there is the $asyncValidators object which handles asynchronous validation, such as making an $http request to the backend.

This is just my implementation on my project. In order to understand that, I supposed you already had experiences with Angular…

Styling Sort Icons Using Font Awesome for Primefaces' Data Table

So far, Primefaces has used image sprites for displaying the sort icons. This leads to a problem if we want to make a different style for these icons; for example, I would make the icon "arrow up" more blurry at the first time the table loading because I want to highlight the icon "arrow down". I found a way that I can replace these icons with Font Awesome icons.

We will use "CSS Pseudo-classes" to achieve it. The hardest thing here is that we should handle displaying icons in different cases. There is a case both "arrow up" and "arrow down" showing and other case is only one of these icons is shown.

.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s { background-image: none; margin-left: 5px; font-size: 1.1666em; position: relative; } .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:not(.ui-icon-triangle-1-s)::before { content: "\f106"; font-family: "FontAwesome"; position: absolut…

The HelloWorld example of JSF 2.2 with Myfaces

I just did by myself create a very simple app "HelloWorld" of JSF 2.2 with a concrete implementation Myfaces that we can use it later on for our further JSF trying out. I attached the source code link at the end part. Just follow these steps below:

1. Create a Maven project in Eclipse (Kepler) with a simple Java web application archetype "maven-archetype-webapp". Maven should be the best choice for managing the dependencies, so far. JSF is a web framework that is the reason why I chose the mentioned archetype for my example.

2. Import dependencies for JSF implementation - Myfaces (v2.2.10) into file pom.xml. The following code that is easy to find from with key words "myfaces".

<dependency> <groupId>org.apache.myfaces.core</groupId> <artifactId>myfaces-api</artifactId> <version>2.2.10</version> </dependency> <dependency> <groupId>org.apache.myfaces.core</groupId&g…

Only allow input number value with autoNumeric.js

autoNumeric is a jQuery plugin that automatically formats currency and numbers as you type on form inputs. I used autoNumeric 1.9.21 for demo code.

1. Dowload autoNumeric.js file from
2. Import to project
<script src=""></script> <script type="text/javascript" src="js/autoNumeric.js"></script> 3. Define a function to use it
<script type="text/javascript"> /* only number is accepted */ function txtNumberOnly_Mask() { var inputOrgNumber = $("#numberTxt"); inputOrgNumber.each(function() { $(this).autoNumeric({ aSep : '', aDec: '.', vMin : '0.00' }); }); } </script>
4. Call the function by event
<form> <input type="text" value="" id="numberTxt"/>(only number) </form> <script type="te…

How I did customize "rasa-nlu-trainer" as my own tool

Background I wanted to have a tool for human beings to classify intents and extract entities of texts which were obtained from a raw dataset such as's conversation, Maluuba Frames or here. Then, the output (labeled texts) could be consumed by an NLU tool such as Rasa NLU.

rasa-nlu-trainer was a potential one which I didn't need to build an app from scratch. However, I needed to add more of my own features to fulfill my needs. They were:

1. Loading/displaying raw texts stored by a database such as MongoDB
2. Manually labeling intents and entities for the loaded texts
3. Persisting labeled texts into the database

I firstly did look up what rasa-nlu-trainer's technologies were used in order to see how to implement my mentioned features.
At first glancerasa-nlu-trainer was bootstrapped with Create React App. Create React App is a tool to create a React app with no build configuration, as it said. This tool is also recommended by the official React.js tutorial. I ac…