Tag: preview

  • CSS Reside Editor WordPress Plugin (Add-ons)

    CSS Reside Editor WordPress Plugin (Add-ons)

    CSS Live Editor helps you to fix up the styles of your website straight from your frontend, with a live preview!

    Have you ever wanted to adjust some CSS in your website, and you find yourself going BACK into the backend just to edit your page or add some customized CSS? Then after previewing your site, you find that you still need more adjustment? If you have, then this plugin is for you.

    Features: CSS Live Editor window preview

    Put in your CSS in the editor window, and your styles will be applied directly to your website as you type. This live preview is so helpful and will save you time when finding out the perfect style. When you’re done, then just click the save button and your styles would be saved.

    CSS Live Editor is for both expert and novice web developers and designers.

    You can use plain CSS or SCSS syntax in the editor. And because of this, you can use variables, functions and nesting. This makes the CSS Live Editor really powerful. For example, you can add your variables for your ‘entire site’ styles, then use them in the different parts, such as the styles ‘specific for this page’.

    Error checking is also built-in, so when you have an error, an indicator will be displayed near where the error occurred. Hover your mouse over the indicator and the error message will show up to help you figure things out. CSS Live Editor has 2 levels of error checking. Saving your CSS can sometimes show you error messages.

    Why and Where to Use This

    You can use it for tweaking and even while developing your website.

    We ourselves use this for creating styling websites for our clients. We found that editing your styles along with a live preview of how the entire site would look like is a powerful time-saving tool. SCSS and nesting rules also ensure that your code is small and tidy.

    Here’s a good tip for you: Use CSS Live Editor with your browser’s inspector or developer console, so that you can quickly get the id and/or class names that you need.

    Features

    Features: Edit CSS from the frontend, View a live preview of your CSS as you type, Use plain CSS or SCSS syntax: use variables, functions and nesting, Syntax error checking with error annotations, Apply styles to your entire site, all pages or post types or even specific pages,

    • Edit CSS from the frontend,
    • View a live preview of your CSS as you type,
    • Use plain CSS or SCSS syntax: use variables, functions and nesting,
    • Syntax error checking with error annotations,
    • Apply styles to your entire site, all pages or post types or even specific pages,
    • Little overhead since SCSS is compiled when it’s going to be used,
    • The Editor is only available if you have privileges to edit your theme,
    • Only the CSS needed for your site is loaded in the frontend,
    • Lightweight,
    • Cleanly coded in WordPress standards

    Having Trouble with the Plugin?

    Head over to the support tab and check out the FAQs, or submit a support ticket!

    Enjoying the Plugin?

    Be sure to leave a rating and review and show us some love.

    Check out Our Other Stuff

    Video & Parallax Backgrounds For Visual Composer

    CSS Animator add-on for Visual Composer

    4k Icons add-on for Visual Composer

    Updates

    Version 1.0

    * Initial release

  • Lorem Generator – Dummy Random Content material with 1click (Utilities)

    Lorem Generator – Dummy Random Content material with 1click (Utilities)

    It’s extremly useful for people who want to make presentation of their theme with real-feel content. Normally it would require a lot of creating new posts, copy-pasting some dummy ‘lorem ipsum’ content and taking care of making all the posts looking a little different. With plugin you can do all this with few clicks.

    When you will not need dummy content anymore – you can remove all dummy items with 1 click.

    Here is main view of plugin.

    Screen of plugin

    Generated content is rich – it’s not only plain Lorem ipsum – it have images, lists, quotes, bolds or italics etc.

    All generated items can be also easly deleted with one click if you want to return to normal content.

    You can select some categories or tags that will be automatically added to generated posts

    Also, you can select different post types than posts (including your custom post types).

    Generated posts can have random comments with random english names of authors.

  • Sensible Market Shortcodes (Promotion)

    Sensible Market Shortcodes (Promotion)

    Smart Market Shortcodes is a simple and easy to use plugin for WordPress for embedding items and authors information from any of Envato Marketplaces into your own WordPress powered websites through use of shortcodes.

    Support ForumsFollow on TwitterFollow on EnvatoSubscribe to Newsletter

    Request Full Demo

    Links generated by the plugin support adding of referrer username for earning affiliate commission from new signups on any of Envato Marketplace websites.

    Integration into WordPress TinyMCE content editor

    Integration into WordPress TinyMCE content editor
    Plugin integrates into WordPress TinyMCE editor and add the button that will open easy to use dialog for building the shortcode and inserting it into editor content.

    Cache Envato data for better performance

    Cache Envato data for better performance
    Plugin can cache all data received from Envato API, and you can control the timeout for different data types. You also have a tool to clear all cached data anytime.

    Different display methods and styling

    Different display methods and styling
    Plugin contains two basic styles and six item display methods allowing you to show items thumbnails, preview, ratings, item information. Plugin allow use of tooltip hover to show Envato like item preview.

    All Main Plugin Features

    • Supports all Envato Marketplaces (currently 8 marketplaces).
    • Caching of received Envato data for faster response.
    • Control cache timeout for received Envato data.
    • Search for items: use marketplace, categories and search queries.
    • List marketplace items: popular, collection, new and random.
    • Sort marketplace items: random, new, old, last updated.
    • Filter returned items by minimal rating to narrow the results.
    • Get featured author and file from any marketplace.
    • Get any marketplace item by specified item ID.
    • Get any marketplace author by specified username.
    • Display Envato like tooltip preview for every item.
    • Modify generated links rel and target attributes.

    Additional Plugin Features

    • Display items using different methods
    • Comes with 9 item rendering methods
    • Comes with 3 predefined styles
    • Tools to delete all cached Envato API data
    • Supports replacing default display functions
    • Support translation and includes POT file

    System and WordPress Requirements

    • PHP 5.2.4 or newer
    • PHP cURL extension
    • WordPress 3.5 or newer

    Documentation

    Plugin contains PDF user guide in the plugin package, inside the ‘docs’ directory. Check out this document to get information on plugin options, usage and more.

    Smart Image Tooltip

    Plugin uses SMARTPlugins own jQuery plugin Smart Image Tooltip. You can get this plugin from CodeCanyon: Smart Image Tooltip for jQuery.

    Smart Market Widgets
    Very similar to Smart Market Shortcodes plugin, but it uses widgets to add items and author information into sidebars. Both plugin can work together and share cache for all Envato API data to improve performance.

    Changelog

    Version 1.0 / 2014.10.27.
    • First release

    Plugin WebsitePlugin ChangelogFollow on EnvatoAsk any Question

  • Ajax Submit Preview (Utilities)

    Ajax Submit Preview (Utilities)

    Long Story Short

    This plugin gives the ability to users to see the preview of entire post by hovering over to Post Title. It provides four different preview template presets. However, you can create your own preview template too if you don’t like any of these presets. This plugin provides a lot of options for typography customization. You can use any Google fonts, change font colors, styles, sizes, line-height etc from admin panel. Also you can configure the JavaScript effects to control how the post preview pop-up will appear.

    The Long Story

    • Currently in version one, there are four preset templates : Default, Light Blue, Violet and Black. I’ll make more templates in future on request.
    • By default, The following elements will be displayed on post preview:
      1. On first line, Post Title
      2. On second line, Author name (left) and Post date (right)
      3. On third line, there is a horizontal line
      4. And under that line, the entire Post Contents

      However, you have total control in which elements you want to hide or show. You can hide any of these elements from Admin Panel. And you have options also to change the background color or horizontal line properties (color/width).

    • Don’t like any preset templates? Want to see the Post Title after Author name? Or you have a better idea to make your template unique? Well, my suggesion is, make your own custom template! Yeah, you have total freedom to make one. This plugin provides four shortcodes for generating Post Title, Author name, Post date and Post Contents. In the Admin panel, there is a tinymce editor where you can write these shortcodes, add some extra styles and your unique template will be ready for use! For more help, please see documentation
    • You activated your plugin, chose a nice template, now what? Typography! It’s an important thing to choose the right typography in right place because it’s a thing that makes your site looks different than others. From this plugin, you can choose any goolgle fonts for any elements of post preview. You can also customize the font colors, styles, sizes, line-hights etc from admin panel.
    • This plugin comes with some JavaScript effects. You can determine how the post preview pop-up will animate in and out when it appears. There are five options: Fade, Grow, Swing, Slide or Fall. You can configure the speed, start delay, offset etc of the animation. You can also choose the height and width of the post preview. If the post content overflows, a scrollbar will appear on the right. If you don’t like scrollbar, you can remove it and make the overflow hidden.
    • By default the post preview will appear under the Post Title, Like this:

      But what happens if the user hover over to the Post Title which is at the bottom of the page? Because there is no space under the post title. Well, here’s the magic happens. This plugin automatically determine if there is enough space under the Post Title or not. If not, the preview will appear on the top of the post title, like this:

    • If you know CSS and want to override plugin’s default CSS, you can do it from admin panel’s CSS Editor.

    End of story

    Need help? See documentation
    Need support? Just email at support@kowsarhossain.com

  • Dry Preview (Interface Parts)

    Dry Preview (Interface Parts)

    Dry Preview is a simple plugin which boost up your productivity with just one click by enabling you to preview all of your changes in editor immediately.

  • Spotify API for WordPress (Media)

    Spotify API for WordPress (Media)

    With this plugin you can easily get information of a Spotify track and display it easily on your WordPress website.

  • Spotify API for WordPress (Media)

    Spotify API for WordPress (Media)

    With this plugin you can easily get information of a Spotify track and display it easily on your WordPress website.

  • ResponsivePreviewer (Miscellaneous)

    ResponsivePreviewer (Miscellaneous)

    Say Hi to ResponsivePreviewer v 1.0

    Version 1.0 of this amazing plugin enhances WordPress native preview functionality. You no longer have to open a new tab in your browser to preview a change in a post or page. Instead, just click the new Preview-tab and you will instantly be shown a preview of your edited post/page. You can easily switch between popular device resolutions such as iPhone, Samsung Galaxy, iPad. No more resizing your window to see how responsive your site is.

    It has never been easier to preview your responsive content in WordPress! You don’t need any coding skills at all, this plugins just works out of the box.

    Features

    • Preview any post, custom post or page directly in the editing area.
    • Preview how content looks in many different mobile devices.
    • An extra tab let’s you preview your entire page in a responsive manner.
    • NO reloading of pages or new browser tabs. It works with AJAX.

    Check out these other great plugins by IVEO to enhance the responsive experience for your visitors.

    We use it on the following websites:

    Want to have your site here? Just drop us a message and we will add you!

    WordPress Menufication – Fly-out navigation made easy

    Menufication – Responsive jQuery Flyout Navigation

  • ResponsivePreviewer (Miscellaneous)

    ResponsivePreviewer (Miscellaneous)

    Say Hi to ResponsivePreviewer v 1.0

    Version 1.0 of this amazing plugin enhances WordPress native preview functionality. You no longer have to open a new tab in your browser to preview a change in a post or page. Instead, just click the new Preview-tab and you will instantly be shown a preview of your edited post/page. You can easily switch between popular device resolutions such as iPhone, Samsung Galaxy, iPad. No more resizing your window to see how responsive your site is.

    It has never been easier to preview your responsive content in WordPress! You don’t need any coding skills at all, this plugins just works out of the box.

    Features

    • Preview any post, custom post or page directly in the editing area.
    • Preview how content looks in many different mobile devices.
    • An extra tab let’s you preview your entire page in a responsive manner.
    • NO reloading of pages or new browser tabs. It works with AJAX.

    Check out these other great plugins by IVEO to enhance the responsive experience for your visitors.

    We use it on the following websites:

    Want to have your site here? Just drop us a message and we will add you!

    WordPress Menufication – Fly-out navigation made easy

    Menufication – Responsive jQuery Flyout Navigation

  • ResponsivePreviewer (Miscellaneous)

    ResponsivePreviewer (Miscellaneous)

    Say Hi to ResponsivePreviewer v 1.0

    Version 1.0 of this amazing plugin enhances WordPress native preview functionality. You no longer have to open a new tab in your browser to preview a change in a post or page. Instead, just click the new Preview-tab and you will instantly be shown a preview of your edited post/page. You can easily switch between popular device resolutions such as iPhone, Samsung Galaxy, iPad. No more resizing your window to see how responsive your site is.

    It has never been easier to preview your responsive content in WordPress! You don’t need any coding skills at all, this plugins just works out of the box.

    Features

    • Preview any post, custom post or page directly in the editing area.
    • Preview how content looks in many different mobile devices.
    • An extra tab let’s you preview your entire page in a responsive manner.
    • NO reloading of pages or new browser tabs. It works with AJAX.

    Check out these other great plugins by IVEO to enhance the responsive experience for your visitors.

    We use it on the following websites:

    Want to have your site here? Just drop us a message and we will add you!

    WordPress Menufication – Fly-out navigation made easy

    Menufication – Responsive jQuery Flyout Navigation