(0) 1252 757213

CSS: E-Ticket with QR code

See the Pen xGPRzQ by Nick Lewis (@nickeblewis) on CodePen.


I have been using CodePen a lot for sketching out a web version of a designer’s idea. This is actually something I have been working on recently for my current contract role. I was later able to copy and paste this code to the relevant files in the actual app and it “just worked”, so was very pleased with that.

The QR code shown is pulled from an external source on-line but it could just as easily be pulled in from your own database.

In this very dynamic industry you have to keep up with techniques – So I am focussing on SASS at the moment.

This Post Has 4 Comments

    1. I have seen Koala before but never tried it out. I think I prefer the more hands on approach of writing the code by hand.

  1. How do you add this to an email then?

    1. This was designed for a responsive site running on a mobile app, so it couldn’t be adapted for email presentation. You would be better off using another tool for displaying a QR code via emails… not one I can answer I am afraid, well, not at least without research into the topic first.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close Menu


%d bloggers like this: