Knowledgebase : Development, Design, FCKEditor

IMPORTANT: when converting UTF8 data that contains the EURO sign DON'T USE utf_decode function.

utf_decode converts the data into ISO-8859-1 charset. But ISO-8859-1 charset does not contain the EURO sign, therefor the EURO sign will be converted into a question mark character '?'

In order to convert properly UTF8 data with EURO sign you must use:

iconv("UTF-8", "CP1252", $data)



number_formatFormat a number with grouped thousands


= 1234.56;

// english notation (default)
$english_format_number = number_format($number);
// 1,235

// French notation
$nombre_format_francais = number_format($number, 2, ',', ' ');
// 1 234,56

$number = 1234.5678;

// english notation without thousands separator
$english_format_number = number_format($number, 2, '.', '');
// 1234.57


Read more:

How to add Data Form in MS Excel:
  1. To add the Form button Form Control button to the Quick Access Toolbar, do the following:
    1. Click the arrow next to the Quick Access Toolbar, and then click More Commands.
    2. In the Choose commands from box, click All Commands, and then select the Form button Form Control button in the list.
    3. Click Add, and then click OK.
  2. On the Quick Access Toolbar, click Form Form Control button.


Read more on how to use Data Form in MS Excel:

In summery, here are the results of the three methods for thumbnailing an image to a specific sized area. All use exactly the same code, just with a different resize flag (and the argument to match).

Cut to Fit
convert -size 300x300 hatching_orig.jpg -thumbnail 100x100^ \
-gravity center -extent 100x100 cut_to_fit.gif

How to add/remove items on edit panel

File: / fckeditor/fckconfig.js

Find: FCKConfig.ToolbarSets["Basic"]

Add / ammends based on: FCKConfig.ToolbarSets["Default"] = [

There is no general agreement on what constitutes a "prototype" and the word is often used interchangeably with the word "model" which can cause confusion. 
In general, “prototypes” fall into four basic categories: 

Proof-of-Principle Prototype (Model) (also called a breadboard).
This type of prototype is used to test some aspect of the intended design without attempting to exactly simulate the visual appearance, choice of materials or intended manufacturing process. Such prototypes can be used to “prove” out a potential design approach such as range of motion, mechanics, sensors, architecture, etc. These types of models are often used to identify which design options will not work, or where further development and testing is necessary. 

Form Study Prototype (Model). 
This type of prototype will allow designers to explore the basic size, look and feel of a product without simulating the actual function or exact visual appearance of the product. They can help assess ergonomic factors and provide insight into visual aspects of the product's final form. Form Study Prototypes are often hand-carved or machined models from easily sculpted, inexpensive materials (e.g., urethane foam), without representing the intended color, finish, or texture. Due to the materials used, these models are intended for internal decision making and are generally not durable enough or suitable for use by representative users or consumers. 

Visual Prototype (Model) 
- will capture the intended design aesthetic and simulate the appearance, color and surface textures of the intended product but will not actually embody the function(s) of the final product. These models will be suitable for use in market research, executive reviews and approval, packaging mock-ups, and photo shoots for sales literature. 

Functional Prototype (Model) 
- also called a working prototype - will, to the greatest extent practical, attempt to simulate the final design, aesthetics, materials and functionality of the intended design. The functional prototype may be reduced in size (scaled down) in order to reduce costs. The construction of a fully working full-scale prototype and the ultimate test of concept, is the engineers' final check for design flaws and allows last-minute improvements to be made before larger production runs are ordered.

According to Karen Schriver, a document design expert, studies of writers and editors working online have found that reading online can take people 20 to 40 percent longer than reading on paper. Fortunately, considerable research has been done on ways of making online displays more "legible and aesthetically pleasing."

In Appendix C of her book, Dynamics in Document Design, Schriver provides advice based on a synthesis of this empirical research as well as her own extensive practical experience. A few of these tips related to fonts and text formatting are:

* Limit the variation of typography to a few sizes from only one or two typeface (font) families.

* Avoid using italics since it is hard to read online.

* Avoid underlining for styling text within paragraphs or headings. Reserve underlining for link displays.

* Do not use all uppercase lettering (for example, ALL CAPS) for styling paragraphs. Instead, use uppercase and lowercase lettering. When more emphasis is needed, try other cues such as moving to a larger point size.

* Use uppercase lettering for labels or headings.

* Use justified left, ragged-right margins for your text.

More Expert Advice:

"When laying out text, actually read it! Think about how someone with even less interest in it than you would look at it. Also, short line length is a good thing. Often Web pages let the sentences run wild–best to keep them under 400 pixels." (Brady Clark, former designer at HotWired.)

"White space is your friend. White space doesn't necessarily need to be white–it can be any color you want, but it should be blank. Eye relief is the concept here. Don't be afraid to leave some space around a GIF. Fat margins around body copy work nicely as well . . . It helps unclutter your design and focus your concept." (Jim Frew, HotWired.)
Managed by WebCTO