anchor.diff:  :source-highlighter: prettify
   :toc:
   
  -== Chapters
  -
  -=== I - Introduction
  +== Introduction
   
   This document aims to provide you with suggestions and hints on how to deal with typical web development tasks. Each chapter will provide you with examples and show you how Gentics Mesh can help you tackle these tasks.
   
  -=== II - Content
  +== Content
   
   Handling contents is fairly easy. You can either identify and load content using the UUIDs or a regular web path. 
   
  
positive.code: 
  If you choose to use a server side webframework like link:https://laravel.com/[Laravel] or link:https://expressjs.com/de/[Express] you can setup routes to handle the inbound request. The request path can be used to build the webroot path for Gentics Mesh. Using that path you can query Gentics Mesh and check whether content for the given path can be found.
  
  === III - Images
  
  Images can be loaded similar to regular contents. It is possible to load them using the path or the uuid:
  
  
negative.code: 
  image::https://demo.getmesh.io/api/v1/demo/nodes/df8beb3922c94ea28beb3922c94ea2f6/binary/image?w=500[Image by Uuid]
  
  == Placeholders
  
  NOTE: You can use the `dominantColor`, `width` and `height` properties of the image fields to generate colored placeholder areas for your images. The `dominantColor` of the image will  automatically be computed for each uploaded image.
  
  == Responsive Design
  
  You can use the focal point feature to mark the point of interest in your images. That information can be used to generate different size sets of your images. Different image sizes may be required by your responsive design. The focal point will be used by Gentics Mesh to crop the image in the desired way.
  
  