All posts tagged “Plugins”

10+ Free Photoshop Plugins for Web Designers

Using Photoshop extensions greatly increase its ability to help you design, steamline your workflow and make you be more productive. You can use a Photoshop plugin to speed up repetitive or tedious tasks such as:

There are plenty of other Photoshop extensions out there, and on this list are 12 awesome ones that help you manage your layers, colors, guides and more, to alleviate your workload and help you focus more on what requires your attention. If you know of more Photoshop plugins or extensions, do let us know in the comments.

1. Hexy

Hexy provides you a quicker way to obtain Hex and RGB color code. With this plugin, you can use the eyedropper tool and simply click on the color of the image you want to pick up, and Hexy automatically copies the color to the clipboard for you. That way you can immediately paste it to use it in CSS. It’s a handy tool for color-picking.

Compatibility: Photoshop CC 2014

2. Size Marks

SizeMark allows you to add labels of an object size or the distance between each object using a Marquee tool. SizeMark saves each label created in a new layer so you can customize it whichever way you need e.g. changing the color or adjusting its position. It is essential for when you need to translate PSD into a functional website.

Compatibility: Photoshop CC 2014

3. Pictura

Do you need to insert images in your design? You should install Pictura. Pictura allows you to search and add images to your Photoshop conveniently without leaving your workspace. When installed, Pictura will add a new panel on which you can search any image in any License you need, then insert it to your design immediately.

Compatibility: Photoshop CC 2014

4. Oven

Oven is a nifty plugin that helps you better manage your assets. Photoshop’s Generator allows us to export images in real time but you will have to rename all your layers in order to generate the image correctly and with a proper name. Oven eliminates that hassle.

Compatibility: Photoshop CC and CC 2014

5. Ink

Converting PSD to a functional website is always a tricky process. There is so much detail to examine such as layer styles, font size, font family used, element size and position against other elements. Ink will help you generate these information easily.

6. LayerCraft

LayerCraft is a Photoshop plugin that allows you to export layers into multiple scale. You can export images into @1x, @2x and even @3x (which is required in iOS devices with Retina screen), or mdpi and xhdpi for Android. If your daily job is creating UI for mobile interface, this is the tool that saves you a lot of time.

Compatibility: Photoshop CC and CC 2014

7. Composer

Composer improves the Photoshop Layer Comps feature. Rather than have multiple separate files to store every design revision, Layer Comps lets you store and manage them all in a single file. Layer Comps acts similar to a Smart Object. Each may contain a couple of properties such layer styles and blending modes. Composer, in this case, provides the easiest way to update these styles with just a single click.

Compatibility: Photoshop CS5, CS6, and CC

8. Velositey

Velocity is an extension that can help you build web design prototype quickly. Velocitey comes with a handful of preset templates including the grid. It also comes with common layout placeholders for the website header, content and footer. You can add all these components with just a click. It’s literally a time saver (and it’s free).

Compatibility: Photoshop CS6, CC, CC 2014

9. Duplllicator

Duplllicator provides the fastest way to duplicate Photoshop layers or groups. You can specify the number of copies you want and then set the vertical and horizontal spacing of the duplicated layer.

Compatibility: Photoshop CC and CC 2014

10. QuickGuide

QuickGuide helps you draw guidelines in Photoshop. This plugin provides 12 presets for easy addition of guides on one side, two adjacent sides, or all sides of each object. Other features it carries include toggle locking guides and visibility, deleting entire guides or selected ones, and copy-pasting guides.

Compatibility: Photoshop CC 2014

11. Lorem Ipsum Generator

Lorem Ipsum Generator will generate random words or phrases. Rather than having to copy it from some other place, you can generate Lorem Ipsum right from your Photoshop workspace. A couple of options are provided to customize the output. This plugin is also available for Illustrator, InDesign and Dreamweaver.

Compatibility: Photoshop CS5, CS6 and CC

12. Lorem Picsum

Lorem Picsum generates random images rather than text. The image provided is derived from popular movie and TV shows such as Futurama, Rio, The Simpsons, Finding Nemo, and UP.

Compatibility: Photoshop CS6 and CC





hongkiat.com

8 jQuery Notification Plugins For Good User Experience

Are you looking for some jQuery notification plugins to increase user experience? If yes, then you are at the right place. In this compilation, we are presenting 8 excellent jQuery notification plugins that can increase your user experience. Having a notification box to notify users about successful event or an error would increase the overall user experience. You can simply accomplish this with the help of these powerful and easy to use jQuery notification plugins.

Here is the complete collection of 8 excellent and great jQuery notification plugins that can increase user experience. We hope that you would like this collection and find these plugins useful for you. Do let us know what you think about this collection. Enjoy!

Noty

noty is a jQuery plugin that makes it easy to create alert – success – error – warning – information – confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue.

jQuery Notification Menu

A jQuery plugin to add notification bubbles and a notification list to any menu.

jQuery Toastmessage

jquery-toastmessage-plugin is a JQuery plugin which provides android-like notification messages. It’s a quite nice way to report info or error to the user.

jNotify

jNotify can display information boxes in just one line of code. Three kind of boxes are allowed : information, success and failure. The whole box is entirely skinnable with css. For example, you could use it for a mail being successfully sent or a validation error of a form.

Gritter

jQuery Notify

MiniJs

A simple but flexible notification plugin with the minimum required functionalities.

jQuery Notty

ClassyNotty is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that enables your application to display unobtrusive, beautiful and elegant notifications.


SmashingApps.com

15 Superb Free jQuery Image Sliding Plugins

JQuery plays a vital part in the web design industry. The widely used are the free responsive jQuery image slider plugins for crafting attractive image sliders or photo gallery with amazing effects…

For full article and other interesting tech related stuff visit the website.
SkyTechGeek

15 useful jQuery calendar plugins

first image of the post
There are several jQuery plugins available online that have made it lot easier for web designers to make their design outstanding and stylish without huge effort. The jQuery Calendars can help synchronize the date format of a particular website in more precise and stylish way. Today, here we have 15 useful and beautiful jQuery Calendar plugins. Have […]

The post 15 useful jQuery calendar plugins appeared first on Designer Daily: graphic and web design blog.

Download the free transport icons package now!


Designer Daily: graphic and web design blog

11 Useful WordPress Plugins For Front-End Content Management

WordPress is offering few of those plugins, which will help the users to use WordPress with more ease, they will get all of their desired features on the front-end. It will help them to use it without difficulty.

The most appealing features are posting, editing and uploading. These features will especially entertain the sites that depend upon user-submitted content and news. The below are written some of the plugins that are the quality solutions available for adding content on the front-end. Users will now enjoy working on WordPress because it’s like a dream come true, having all the requested features on the dashboard.

Front-end Editor

Edit content inline, without going to the admin area.

Raptor Editor

Edit your content in style with Raptor Editor, this generation’s WYSIWYG editor.

WP Front-End Repository Manager

Members can upload and download files, create directories up to unlimited level.

DIV Layer Editor

Edit any WordPress theme from the front of your website.

Front End Login Form

A tiny plugin which allows you to add a log-in form to your wordpress blog.

Profile Builder

Simple to use profile plugin allowing front-end login, user registration and edit profile by using shortcodes.

Front End Upload

Provides the most basic implementation allowing site visitors to upload files to the Media library and notify admin.

FV Community News

Give the visitors of your site the ability to submit their news to you, and list it in a nice news feed.

Front End Theme Switcher

A front-end theme switcher for your visitors.

DJD Site Post

Write and edit a post at the front end without leaving your site. Supports guest posts.

Live Edit

Edit the title, content and any ACF fields from the front end of your website!

Front-End Help or Feedback Widget

Easily enables your visitors to send you a quick query, request for help, provide feedback or raise a support request, instantly with no hassles.


SmashingApps.com

Awesome WordPress Advertising Plugins for Websites/Blogs

If, you had successfully created a website by putting different categories of content and the content delivered on your website is increasing traffic every day, then the question arise that how difficult the whole journey was from starting to end?

Awesome WordPress Advertising Plugins for Websites/Blogs

Putting effective, productive and attractive content on a website is not such an easy task or you can say; journey from starting point (the time when you decide a name of your website) to end point (the time when you had successfully created a website with all necessary stuffs) is not so easy. This journey takes your valuable time and money.

Definitely, after spending so much time and money, you will expect some outcome or think-off how to earn good money from that particular website. Over the internet, every day hundreds of new websites come-up with new technologies and most of the website publishers think of the same question?

You and other publishers can get relief by displaying Ads on their website. The website’s earning totally depends on the Ad’s type and quality, and the Ad management plugins helping maximizing the site earning in less time.

Here, in this post, I listed many free and premium Ad management plugins for WordPress based websites, will surely helpful in uploading ads on your website in less duration.

Free – WordPress Ad Management Plugins

Publishers, who can’t spend more on purchasing WordPress Ad Management plugins, just go for the plugins that are free – BuySellAds, AdRotate, OpenX, WP125, and WP-Insert

1. BuySellAds

BuySellAds

Introduction: BuySellAds v2.3.4 was released on 12th Sept 2014. Using this plugins, user can easily and simply use “BSA Ad code” into their website, which also includes BSA Widgets and RSS/mobile Ads with the code. To use this plugin, you should be having username and password to sign-in as a publisher/administrator on the BuySellAds website, because it is a very popular platform in the online market where advertisers and publishers purchase and sell advertisements, the plugin allows only authorized people to get into it. Publishers can take the help of widget (or PHP tag) in a WP theme to upload the Ad.

To use this plugin: Download & install it into the wp-content/plugins directory and start it in WordPress by placing the key inside the BuySellAds Settings.

Note: Most of the plugins will be installed in a similar manner.

Release Note of the latest version:

  • Includes step-one code through wp_head, removes English es_ES translation, and highlights new changes in the text and the BSA WP plugin tutorial.

Download

2. AdRotate

AdRotate

Introduction: AdRotate v3.10.12 was released on 11th Nov 2014. It is an exclusive Ad manager very much capable in adding and showing random/multiple banner with the help of dashboard, and also capable in making money from a particular website.

The user-friendly dashboard of AdRotate facilitates you to easily and quickly edit/renew/delete/preview the banner code. The plugin frequently gives update when any new features come-up, alerts you when any suspicious things happen, and shows the status of the Ads through graph.

Free AdRotate requires PHP5.3. If, your server doesn’t have PHP5.3, then upgrade your server with PHP5.3 or newer version.

It is also available in premium version. Premium plugin features are faster and advance than free one.

Release Note of the latest version:

  • Fixed the Post injection issue.
  • ‘Hiding’ of Pro banner is more visible.

Download

3. OpenX

OpenX

Introduction: OpenX WordPress Widget v1.2.6 was released on 6th Sept 2014. It is an easy to use WordPress plugin provides simple technique to place ads from an OpenX AdServer website. It fully works with WP4.0.

Release Note of the latest version:

  • The latest version is available in German translation too and can transfer admin material to a different file.

Download

4. WP125

xxxx

Introduction: WP125 v1.5.3 was released on 30thMay2014.It is a free, easy to use WordPress Ad management plugin provides a simple interface facilitates you to easily manage 125X125 ads on your website. You can add infinite ads in different columns and present them in manual or random order, and also you can run the Ads on specific days by setting the number of days. Using this plugin, you can send email note for expired Ad.

Release Note of the latest version:

  • Involves Ukrainian translation.

Download

5. WP-INSERT

WP-INSERT

Introduction: WP-INSERT v2.0.12was released on 13thSept2014. This plugin is very good for beginners and very capable in managing Ads of the website than any other WordPress ad management plugins. Apart from managing ads, manages RSS feeds, privacy policy, track scripts, Google analytics account as well as website terms and conditions, reorder WP pages through a neat drag and drop interface, and edit themes. Although, this multipurpose plugin supports various ads network simultaneously enable you to show various type of ads on your website and ad widgets help you to display Ads all over the website page. Using this plugin, you can add content, like; text and code into your website. It provides proper guidelines telling that when and where you can add Ads, helps in putting the Ads in different Geographical locations by picking them from different places.

Release Note of the latest version:

  • Compatible with PHP 5.4.
  • Provide guidelines to hide Ads on mobile devices and to hide Ads from Logged-in users.

Download

Premium – WordPress Ad Management Plugins

Publishers, who can spend some amount on purchasing WordPress Ad Management plugins, just go for the best premium Ad plugins. Some of the premium ad management plugins are mentioned below in details.

1. WP Adcenter

WP Adcenter

Introduction: WP Adcenterv1.5 was released on 14th Mar 2013. A WordPress Ad plugin fully capable in managing any kind of Ad and keeps detailed record of the work-done. Apart from this, short code, widget or theme files are helpful in adding and rotating multiple banners anywhere on your site.

Upload multiple banners (unlimited size) at once – Ad Zones are helpful in uploading banners on the site. Generally, the Ad Zone uploads one banner at once, but here this plugin supports multiple Ad Zones to upload multiple banners at once. It supports the standard size (IAB Ad unit) of banner which can be changed later as per the requirement.

Infinite Campaigns – A campaign is a set of banners. Using this plugin, you can create unlimited campaigns and also you can set the date to start and end the campaigns automatically.

Complete Statistics – Shows the complete statistics (Campaigns detail) through the graph that you can easily download in .PNG file format (or can print it from the start screen).

Release Note of the latest version:

  • Fixed the JavaScript code and statistics graph issue.

Price:

  • $ 49 – 1 Site
  • $ 79 – 5 Sites
  • $ 129 – Unlimited Sites

Plugin Page

2. OIO Publisher

OIO Publisher

Introduction: It is basically a tool, works as Ad manager plugin for WordPress based websites, provides automated sales and facilitates you to directly sell Ads from your website using PHP and management script to increase the revenue of the website. Also, it provides free update and lifetime support, completely manages the Ads of your website in less time, as well as very user-friendly that makes the installation process easier. It can display 3rd party ad networks beside your Ads, you can set the zones by adding numbers of ads displayed in each zone.

Release Note of the latest version:

  • Compatible with WordPress 3.9 and PHP 5.5.

Price: $ 49

Plugin Page

3. AdPress

AdPress

Introduction: AdPressv0.9.8 was released on 2nd Jan 2014. It is a complete WordPress based plugin that fully manages Ads (image, flash and text) of your website. It provides simple and easy interface to fully automate the sales process that means; always you don’t have to sit in-front of system to control Ad related stuffs. It provides option to preview the Ad and also provides direct login link to the advertisers/clients to visualize that how their Ad is looking before uploading.

To purchase this product you should be having PayPal account and to their valuable customers it offers purchase history.

Price: $ 39

Plugin Page

4. AdSanity

AdSanity

Introduction: AdSanity is another premium easy to use WordPress banner management plugin provides user-friendly interface to easily manage the ads of your site. It has widgets and shortcodes features are helpful in displaying ads in sidebars, posts and pages. Using this plugin, you can set the time duration to display the ad, without setting the time duration the ad will flash always on your website.

It is always good for those who like simple things and don’t want to waste time in browsing complex features.

Price:

  • $ 49 – 1 Site
  • $ 79 – 5 Sites
  • $ 129 – Unlimited Sites

Plugin Page

Conclusion

Here, in this post, I have listed the best WordPress Ad management plugins that are required to upload and manage Ads of your website. Normally, most of us have used single Ad zone WordPress plugin capable in uploading (rotating) single Ad at once, but with OIO Publisher you can rotate multiple Ads at once using multiple Ad zone. OIO Publisher also delivers direct sells to their valuable customers. Similarly, there are many premium Ad management plugins that can increase the revenue of your website.

If, you are already into online market with good earning form past so many years and just want to increase the revenue, go for premium Ad management plugins, but if you have just started your website/blog, try out some good free ad management plugins.

I hope, this article might help you in increasing your website revenue. If, you need to get information of any other WordPress Ad management plugins, please let me know.

Thanks for showing your interest.

Visit us at InstantShift.com

PSD to HTML


InstantShift

30 Best Free Calendar & Datepicker jQuery Plugins

Some might assume that an Internet loaded with free code would breed indolence. Yet it seems developers are willing to contribute their help to projects more than ever before. JavaScript libraries…

Click through to read the rest of the story on the Vandelay Design Blog.


Vandelay Design

Free jQuery Plugins To Create An Amazing Website

The ultimate goal of all website developers is to make their website the best in the pool of already existing and upcoming websites; well that’s definitely quite a feat. There are a myriad of things considered while designing a website; the backgrounds, buttons, material to be presented and lots of other important features that makes a website deliver the best possible results and among these many things animations play a most important part as they give an amazing experience to the end users which in turn makes the website a success. This is where JQuery plugins come in because they help make the website designers lives much easier. There are infinite JQuery plugins available online.

We have therefore collected the best and latest JQuery plugins for the website developers today, so they can easily create amazing website layouts much to their users’ excitement. These plugins are fresh and free to download so download to your heart’s content and start amazing the end users!

TaggingJS

( Demo | Download )

ScrollMagic

( Demo | Download )

Pnotify

( Demo | Download )

Wholly

( Demo | Download )

Mixitup

( Demo | Download )

ClassySocial

( Demo | Download )

Dropdown.Dot.js

( Demo | Download )

Croppic

( Demo | Download )

Jquery Match Height

( Demo | Download )

Jquery Responsive Web

( Demo | Download )

Masonry

( Demo | Download )

Breakpoints

( Demo | Download )

Freewall

( Demo | Download )

Responsive Full Width Tabs

( Demo | Download )

Image Lightbox, Responsive and Touch friendly

( Demo | Download )

Slinky

( Demo | Download )

Remodal

( Demo | Download )

Panorama Viewer

( Demo | Download )

Tip Cards

( Demo | Download )

Jquery Adaptive Backgrounds.js

( Demo | Download )

Jquery Dynatable

( Demo | Download )

StickUp

( Demo | Download )

Flicker Plate

( Demo | Download )

Slide Toucher

( Demo | Download )

Photoset Grid

( Demo | Download )

Liquidslider

( Demo | Download )

Image Picker

( Demo | Download )

BttrLazyLoading

( Demo | Download )

SVGMagic

( Demo | Download )

Floatlabels.js

( Demo | Download )

RowGrid.js

( Demo | Download )

Velocity

( Demo | Download )

Label Better

( Demo | Download )

Interactive_3d

( Demo | Download )


SmashingApps.com

Free jQuery Plugins To Create An Amazing Website

The ultimate goal of all website developers is to make their website the best in the pool of already existing and upcoming websites; well that’s definitely quite a feat. There are a myriad of things considered while designing a website; the backgrounds, buttons, material to be presented and lots of other important features that makes a website deliver the best possible results and among these many things animations play a most important part as they give an amazing experience to the end users which in turn makes the website a success. This is where JQuery plugins come in because they help make the website designers lives much easier. There are infinite JQuery plugins available online.

We have therefore collected the best and latest JQuery plugins for the website developers today, so they can easily create amazing website layouts much to their users’ excitement. These plugins are fresh and free to download so download to your heart’s content and start amazing the end users!

TaggingJS

( Demo | Download )

ScrollMagic

( Demo | Download )

Pnotify

( Demo | Download )

Wholly

( Demo | Download )

Mixitup

( Demo | Download )

ClassySocial

( Demo | Download )

Dropdown.Dot.js

( Demo | Download )

Croppic

( Demo | Download )

Jquery Match Height

( Demo | Download )

Jquery Responsive Web

( Demo | Download )

Masonry

( Demo | Download )

Breakpoints

( Demo | Download )

Freewall

( Demo | Download )

Responsive Full Width Tabs

( Demo | Download )

Image Lightbox, Responsive and Touch friendly

( Demo | Download )

Slinky

( Demo | Download )

Remodal

( Demo | Download )

Panorama Viewer

( Demo | Download )

Tip Cards

( Demo | Download )

Jquery Adaptive Backgrounds.js

( Demo | Download )

Jquery Dynatable

( Demo | Download )

StickUp

( Demo | Download )

Flicker Plate

( Demo | Download )

Slide Toucher

( Demo | Download )

Photoset Grid

( Demo | Download )

Liquidslider

( Demo | Download )

Image Picker

( Demo | Download )

BttrLazyLoading

( Demo | Download )

SVGMagic

( Demo | Download )

Floatlabels.js

( Demo | Download )

RowGrid.js

( Demo | Download )

Velocity

( Demo | Download )

Label Better

( Demo | Download )

Interactive_3d

( Demo | Download )


SmashingApps.com

How to Create WordPress Custom Fields Without Plugins

WordPress has made it easy for developers to customize WordPress in so many ways to meet their custom needs, including letting developers assign new meta-data within a post. That way developer can display additional outcomes within their themes or plugins on top of standard data like the post title, post content, and post author.

There are several methods to create custom meta, you can use a plugin or work on top of a framework, or you can do it from scratch. In this post, we’ll look into how to create custom meta from scratch (it isn’t as hard as you’d think) and use it to display a sponsored post message.

Adding a Custom Meta Data

First of all, go to the post editor. Usually you can find regular input fields like the title, the content, the category, and the tag box there. There are a few hidden fields as well, including a Custom Fields Editor, which we can use to add our custom meta.

To display it, click the Screen Options and tick the Custom Fields option.

The Custom Field box should now appear at the bottom of the post content editor. Now, we can add our custom meta-data.

A single meta-data is handled with key name/value pairs. Hence, as you can see below, the Custom Fields box consist of two input fields: name and value.

In this following example, I will specify a new meta-data for the post that I’m currently editing, with hello_world as the key and Hello World as the value.

Click the Add Custom Field to add them in the post. You can later update or delete this meta-data. Also, as you have entered a key name before, WordPress will store and list the name in a dropdown option, so that you can reuse the key without having to type it all over again.

Retrieving the Meta Data

Having the meta-data set, you can now display your theme single.php file, which is the file to display single post content. You can call out the value from hello_world key using the get_post_meta() function. like so.

 <?php $  meta = get_post_meta( get_the_ID(), 'hello_world' ); echo $  meta; ?> <?php the_content(); ?> 

But keep in mind that this meta-data won’t be available in all post, so we will have to run this function within a conditional statement; in other words, we should call this function only when the meta-data is set in the post, otherwise it will return an error.

 <?php $  meta = get_post_meta( get_the_ID(), 'hello_world' ); if( !empty($  meta) ) { echo $  meta[0]; } ?> 

Given the above code snippet, you should see the Hello World! of the key value displayed above the post content.

Show “Sponsored Post” Box

Now let’s use it in a real world example. Assuming we are going to publish a sponsored post, and we want to show a disclaimer in a box above the post content, we can do this by creating the meta-data named is_sponsored_post and then setting the value field to Yes, like so.

We will display the box when the value of is_sponsored_post is set to Yes through the conditional statement, just like in the previous example.

 <?php $  meta = get_post_meta( get_the_ID(), 'is_sponsored_post' ); if( $  meta[0] == 'Yes' ) { ?> <div class="sponsored-post"> <p>Disclosure: This is a sponsored post that contains affiliate links. End of post: I received compensation in exchange for writing this review.</p> </div> <?php } ?> 

And this is what it looks like when the message is displayed.





hongkiat.com