EasyCoder examples

These examples demonstrate many of the features of EasyCoder. If you find the descriptions hard to follow, try starting at our For absolute beginners page, which will explain in the simplest terms possible what EasyCoder is all about.

Yacht Flowers

The Yacht Flowers website (May 2018) uses an EasyCoder script to present two completely different versions - one for desktop computers and tablets and the other for smartphones. WordPress responsive designs go part-way in doing this but they can only rearrange content and they do it according to a fixed set of rules that generally can't be changed without some fairly heavy PHP and/or JavaScript programming.

For example, there are a total of 8 menu items but in the mobile version there's only room for 4 before the screen wraps, which is ugly. So when it's running on a PC or a tablet the script shows all 8 items but when it detects a smartphone it shows just 3, plus another that when clicked opens a popup containing the 5 remaining items from the desktop menu. Elsewhere in the mobile version are navigation buttons that cause a photo and sections of text to be instantly substituted without refreshing the page.

Finally, the desktop version, which uses the same instant substitution technique, also has a feature that detects when the user has been idle for a few minutes; it then starts displaying items at random from the current section.


The YorkshireWoman website, which launched at Easter 2019, is a single-page magazine website entirely written in EasyCoder script. It comprises a number of individual script modules which load in a sequence that ensures a fast initial page load. The browser code is supported by a small REST server providing access to the database, which holds all the articles written for the website.

EasyCoder Codex

The Codex does 3 jobs. It's a tutorial for those wanting to learn coding skills, a programmers' IDE (Integrated Development Environment) and a reference manual for the EasyCoder scripting language. Beginners can use it to learn the fundamentals of coding, while experts can write and test ideas without the need to set up a web page. The Reference Manual is on hand at all times to explain the details of every command in the language.

debug step
  img DuckThink
  if mobile
    attach DuckThink to `ec-duckthink`
    set style `display` of DuckThink to `none`