Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
js
screenshots
styles
CNAME
README.md
index.html
package-lock.json
package.json

README.md

Post–er

Screenshot

Post–er is a web app allows non-designers to create trendy flyers for their events in a few easy steps. Styles based on 2017 TRENDY GOOGLE FONTS COMBINATIONS by Great Simple.

Live Demo

Table of Contents

How it works

Post–er takes user input and styles them using the Google Font API. Using html2canvas, the flyer preview is made into a canvas image, by reading the DOM and the different styles applied to the elements. When the user clicks 'Download' at the end of the app, the png is downloaded to the user's computer using Downloadjs.

The final downloaded .png file size is equivalent to an a4 (11in x 17in) poster at 300dpi with .5in bleed.

Technologies used

  • HTML
  • CSS
  • Javascript
  • jQuery
  • Google Font API
  • html2canvas
  • npm
  • download.js
  • datedropper

Browser compatibility

Html2canvas is highly experimental, so bugs are still being worked out. This app works best in:

  • Firefox 3.5+
  • Google Chrome

Credits