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.

YorkshireWoman

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 as well as all the scripts themselves.

!

  img DuckThink
  if mobile
  begin
    attach DuckThink to `ec-duckthink`
    set style `display` of DuckThink to `none`
  end