inPreview — Minimal Presentation Bar for Your Design
EVERY SINGLE PIXEL, EACH DETAIL IS VERY IMPORTANT FOR US! Our way of presenting is also important as much as producing the design.Inpreview, provides you chance to present your design in a best way on different device and resolutions. You can edit your design way easier and faster than before like copy/paste.You don’t need any plugin installation. You are ready to present with tiny configuration. Introduction (video) — Live Preview (actual project) — Documentation Features P…
All source code listed on this site is collected from the internet. If any listing infringes your rights, please contact us and we will remove it immediately.
Description
Our way of presenting is also important as much as producing the design.
Inpreview, provides you chance to present your design in a best way on different device and resolutions.
You can edit your design way easier and faster than before like copy/paste.
You don’t need any plugin installation. You are ready to present with tiny configuration.
Introduction (video) — Live Preview (actual project) — Documentation
Features
Powerful and Useful Features for Presentation:
- Fullcsreen preview
- Sticky/Hidden Navigation
- Give information about your projects. (Explanation,links, social netwok links)
- Easy to change between alternative page designs (click & radio button)
- Links where you can download your design files, source codes or screenshots
- Chance to share your design links on social networks
- Publish your works with one single link
- Option to view your design with 100% width or 1/1 scaled actual resolution.
Project Generate: A true wizard. Generates code pieces automatically where it belongs to the directory of your project after filling required fields about your project. After all, all you need to do is just copy/paste it.
Learn more »
Core Features
- HTML5 + CSS3
- Responsive Layout
- Font Awesome Icon set
- Google Fonts Support
- Retina Ready
- Crossbrowser Compatible
- W3C Valid HTML Code
- All files are organized
- Well Documented (HTML Type & Video)
Compress and Optimise Images
Compress and Optimise Images
When you export your images from Photoshop, always use the “Save for Web” option. Once your image is exported, you can make it even smaller with an image optimisation tool. These tools are able to strip unnecessary data and compress your images even more than “Save for Web”, usually losslessly.
Some image compression tools you might like to try:
- TinyPNG (web-based).
- * Ccaesium (windows, mac and linux).
- ImageOptim (mac).
- ImageAlpha (mac, especially good for optimising transparent PNGs).
Sources
- Front-End Framework: Twitter Bootstrap
- Font Icon: Font Awesome
- Slick: by Ken Wheeler
- Javascript Library: Jquery
Changelog
version 1.5 - 16 May 2022
[!] updated javascript files
[!] problem solved when switching between projects
[+] added scroll for selectboxes
[+] added pinterest and video promotion link
version 1.1 - 9 December 2019
[-] Remove google plus share
[!] Fixed twitter share problem.
[!] Fixed pinterest share problem.
Related products
More digital goods in the same category or with similar tags.
HTML5 / Presentations
iPanorama 360° - jQuery Virtual Tour Builder
HTML5 / Presentations
Readme 2.0: Interactive Readme File
HTML5 / Presentations
Profile Cards - The Ultimate Bootstrap Profile Cards
HTML5 / Presentations
CSS3 Intro - Modern & Minimal Way to Present Your Product
HTML5 / Presentations
Html5 Intro
HTML5 / Presentations
GWD Photo Studio Business Presentation 002
HTML5 / Presentations
GWD Multipurpose Business Presentation 001
HTML5 / Presentations
Video Intro for HTML
inPreview — Minimal Presentation Bar for Your Design
After successful payment, you will receive a download link for the source code