Proof of Concepts: Designs

These are mostly from the playground of interface design tests for various projects. We will do some quick testing and produce mockups to discuss with requestors. The videowall one is pretty complete and reliable: It has been used for months without issues and the bugs have really been shaken out. In general the slide shows work reliably acorss the board as they too have been used for small projects where where someting was needed fast: these were incorporated into our full-featured app: Universal Digital Signage. All of these examples are responsive.

• 3col-collapsible : Full screen, three columns, each collapsible; This was layout POC for a presentation app.
• basic-kiosk : Simple Kiosk to be shown on any screen; created for an artist who wanted to have something showing on a desktop at the entrance to the exhibition.
• basic-website: standalone : A simple easy to deploy website that is mobile-friendly.
• certification-maker : This was a POC to create “skills certificates” for students, (includes a validation link that can be used to provide contact information for the person/organization who granted the certificate). It is possible to tie them in to LinkedIN so the show up on profile pages.
• dashboard : A page for displaying links and link collections on a website.
• fixed-lightbox-singlepage : Image gallery; create a single page with as many images as you need; Used for proofing.
• fixed-lightbox-paginated : Same as above but with pagination; useful if you have alot of large images.
• fonts : Font comparison tool; look at various fonts under light/dark mode and other conditions.
• gallery_designer : Created for a web designer who wanted to be able to look at images with different background colors/.
• markdown-on-the-fly : Converts standard makdown to html, quickly.
• open-font vs css-font-manipulation : Simple test script look at open-font output against comparable css settings.
• pdfserve: landscape    pdfserve: portrait
• slideshow-simple : Slideshow starter project.
• slides-embed : Demo to embed a slideshow into your website.
• slideshow-dual : Demo to show two slideshows side by side.
• slideshows-quad : Demo to show four slideshows in a 2x2 grid.
• slideshows-quad-delay : Demo to show four slideshows in a 2x2 grid; has a timing offset so rotation for each slideshow is independent.
• signage-cm : This is how we monitor our various digital signs: using a list of urls it will show the running slideshows so you can see if there are issues.
• tshirt : POC that uses a background of a t-shirt and allows you to place various images on it to see how it would look. Done as a POC for an e-commerce site.
• unicode: Every unicode character displayed with the ascii html code.
• unicode2 : Same but also pulls the character name and creates large cards.
• videowall    videowall:json maker : You can use this to run a presentation on a videowall; images and video, each cell has its own timing and rotation. Overlay a logo on images and/or QR code (determined per image). Created show students in a design program for their senior exhibitions.
• videowall-update    videowall-update:json maker : New POC in progress.
• web-include-csv : Import a CSV directly into a an HTML page, mobile friendly.