WP Responsive Select Menu Plugin

WP Responsive Select Menu plugin creates a nice three-lined mobile menu button (or custom image if you choose) that users can click to bring a slide out menu
(from the left, right), which is easily navigated.
The plugin is fully responsive if you have the viewport meta tag on your site, using…

Advertisements

WP VI Post Duplicator Plugin

== Description ==
“WP VI Post Duplicator” plugin for copy a post/page or custom post. You can also copy post to another custom post type.
Duplicate Post
You can also customize setting for following features:
* Options for choose what to copy:
– Original post/page…

WP Easy Popup Plugin

WP Easy Popup Plugin is world renowned as the most beautiful and easy to create popups for differenrt pages in the market.
We can create more popups with different-2 styles and attractive for different-2 pages.
The WP Easy Popup is completely free and totally open source, and there is literally…

Buddypress Social Icons Plugin

Let your members show various types of social Button on their profile page.
Using full Facebook/twitter URL (www.facebook.com/username), the plugin fetches your members displays their button in the member’s header.
It’s really easy to setup, even if you have an existing…

An alternative to TimThumb

Timthumb was very popular in past and was being used in every project which have re-sizing image functionality but that script is not continue because this script contains many bugs. Using this bug, someone can inject script in your hosting.
And now, its time to move from timthumb to another read more

WP Star Rating WordPress Plugin

WP Star Rating WordPress Plugin allows you to set up rating and review system for posts, pages and products in your blog. You can set many options for displaying the rating stars displaying top ratings and other statistics generated by the plugin. Plugin includes advanced settings panels that…

How To Use Sass With WordPress

There are many benefits of Sass for WordPress developers. You’ve probably heard many arguments for using a pre-processor by now. CSS pre-processors provide the opportunity for better code organization by using partials and nesting styles. Pre-processors help developers style faster by writing mixins and functions. Pre-processors also allow us to write more maintainable, scalable code with logic and variables.

Convert a Stylesheet to Sass

The best way to start using Sass in WordPress development is to use a theme that has Sass files included. The Underscores theme is my favorite starting place for a new theme. However, if you’re starting with a theme that doesn’t have Sass files included, you’ll need to convert the existing stylesheet to Sass.

The good news is that if you’re using the .scss syntax (which I recommend), your existing CSS is all valid Sass. You can simply copy style.css to style.scss and that .scss file will compile properly.

Setting Up Partials

At this point, you’ve got a long .scss file with just as much code as your original CSS file. You can now use variables and mixins, but this still isn’t organized better yet. We can get some much-needed organization by breaking the long stylesheet up into smaller files. Copy each “section” of style.css to a separate .scss file in your Sass folder. Name this file after what it contains with an underscore prefix. For example, your styles relating to your navigation go to _navigation.scss.

Once you’ve moved code to a partial, you’ll need to import that partial in your main style.scss file. Essentially, you’ll copy all the navigation code to _navigation.scss and replace it in style.scss with an import command. Note: the file name in the import does not have the underscore or the extension.

Read More