Tag Archives: responsive

Test Responsiveness & Generate Website Mockups Instantly With ‘Am I Responsive’

Sometimes showing a simple screenshot of your app or web service is not enough, it can be made look better and more appealing to your audience when shown in a beautiful environment, mocked-up inside mobile devices such as smartphones, tablets, laptops etc.

Continue reading Test Responsiveness & Generate Website Mockups Instantly With ‘Am I Responsive’

Prevent Overgrown Sidebar Height In WordPress

Now a days, almost all WordPress themes provides you a responsive layout as that looks good on all screen sizes but there is one more problem which is generally ignored by most website owners, it is the height of your sidebar.

Continue reading Prevent Overgrown Sidebar Height In WordPress

How To Activate Responsive Iframe oEmbeds In WordPress ?

Iframely Responsive Embeds is the new WordPress plugin that extends WordPress oEmbed brings you the responsive embeds which means the embeds will automatically resize if you are using a responsive WP theme.

Continue reading How To Activate Responsive Iframe oEmbeds In WordPress ?

WordPress Mobile Previewer & Responsive Test Plugin

Wallmander&Co created an awesome new WordPress plugin that allow you to instantly check your website and all its pages in different screen resolutions like 320×480, 768×1024, 1024×768. You can instantly perform responsive test of your WordPress site and see how your website looks like in small screen devices like smartphones and tablets etc.

Continue reading WordPress Mobile Previewer & Responsive Test Plugin

New Beautiful & Responsive Olevmedia Shortcodes For WordPress

Olevmedia Shortcodes is the brand new WordPress plugin with new cool shortcodes like Accordion, Toogle, Responsive Tabs, Blockquote, Border, Buttons, Colors, Responsive Columns, Dropcaps, Iconsm Infoboxes with buttons, Lists, Logos, Responsive Google Map, Marker, Recent Posts, Table, Responsive Pricing tables, Responsive video inserted for YouTube, Vimeo etc and there are many more shortcodes.

Continue reading New Beautiful & Responsive Olevmedia Shortcodes For WordPress

Top 3 Great Ways Of Embedding Twitter Tweets In WordPress

Twitter already provides you inbuilt widget creation features. Other than this WordPress also provides you oEmbed for twitter, you can enable oEmbed in your WordPress site from Dashboard -> Settings -> Media page and then you can embed a tweet simply by pasting its URL inside your post or page content.

This article is on few other WordPress plugins that extends tweet embed features in WordPress and allows you to do some more good things with your tweets.

Tweet Blender

Tweet Blender is a popular WordPress plugin that provides you various Twitter Widgets like you can

  • Display your own tweets
  • Display tweets for hashtags
  • Display tweets for twitter lists
  • Display tweets relevant to your post content (like Huffingtonpost)

The plugin supports multiple authors, keywords and hashtags. With Tweet Blender you can display tweets from a single user or a list of users. Also you can display tweets from a certain topic, multiple hashtags or keywords, various lists, authors etc. There is a long list of this plugin features.

Screenshot showing Tweets archive page: [view more screenshots here]

Installation & Usage:

After activation specify your configuration settings from Dashboard -> Settings -> Tweet Blender admin page. You will be needing to authenticate to Twitter and allow read-only access to tweet stream (present under the Status tab).

The plugin provides you widgets you can use in your sidebar, shortcodes to use inside your posts/pages and templates to use inside your theme files.

Fetch Tweets

Fetch Tweets is another plugin for fetching and showing Twitter tweets. With this plugin you can display tweets by specifying username, search results, keywords, Lists and yes you can show up combined results by adding multiple rules.

For displaying the fetched tweets the plugin provides you Widget, Shortcode, PHP Code and Custom Templates.

Installation & Usage:

Install and activate the plugin then follow the given steps:

  1. After activation you can set a rule from Dashboard -> Fetch Tweets -> Add Rule by User Name or Add Rule by Keyword.
  2. For using its widgets visit Appearance -> Widgets and use Fetch Tweets by Rule Set. You can set the rule in the widget form itself.
  3. The plugin also provides you shortcode to use in your posts, pages. Use the shortcode
    [fetch_tweets id="123"]

    Replacing 123 with your rule ID. Rule ID can be found in the Fetch Tweets admin page in your dashboard.

Screenshot showing widget settings: [view more screenshots]

For more usage instruction refer to the Other Notes section here.

Rotating Tweets (Twitter widget and shortcode)

As clear from its name, the plugin provides you widget and shortcodes for displaying Twitter Tweets. It is used for displaying one tweet at a time with rotation which means one tweets gets automatically and smoothly replaced by the other. Display is responsive and it shows up the recent tweets even if Twitter is down. Check out the plugin working here.

Installation & Usage:

After activation you can use its widget from Appearance -> Widgets page or you can display it via shortcode (inside your posts and pages etc) like:

[rotatingtweets screen_name='your_twitter']

The plugin allows you to decide how you want to show up tweets, you can set the number of tweets to display, you can include retweets and replies and even display a follow button if you like.

Checkout its its shortcode parameters here.

You can also set Tweets rotation speed and animation type to use in Tweet rotation.

How To Create A Twitter Application ?

Most of the above plugins uses Twitter Application, API so following are he instructions on how you can create your Twitter Application, it takes a few minutes:

  1. Visit My applications page on the Twitter website. Login with your Twitter username and password.
  2. If you don’t already have a suitable ‘application’ then create one from the Create an Application page. It’s normally best to use the name, description and website URL of the website where you plan to use Rotating Tweets. You don’t need a Callback URL if you are setting it up for the plugins discussed here.
  3. After clicking Create your Twitter application, click on Create my access token.
  4. Now copy the Consumer keyConsumer secretAccess token and Access token secret from your Twitter application page and use it wherever required.

Phonix: New Fully Responsive Business WordPress Theme With Clean Layout

Phonix is the brand new WordPress theme with simple, clean and fully responsive layout loaded with beautiful features of customization and slider etc. Its responsive layout makes it compatible with smartphone devices, perfect for business websites.

Continue reading Phonix: New Fully Responsive Business WordPress Theme With Clean Layout

Beautiful Responsive 3D Slider Slice Box For WordPress

3D Slider Slice Box is a free beautiful and responsive 3D slider plugin you can easily set up working in your WordPress site. It provides you a simple and easy admin interface that you can create your favorite slides in minutes.

Continue reading Beautiful Responsive 3D Slider Slice Box For WordPress

Easy Content Slider With CSS3 Animations For WordPress

WP Parallax Content Slider is a powerful customizable JQuery content slider plugin with CSS3 animations, parallax effects, 4 different themes and more. The plugin provides you beautiful transitions between slides made using a combination of CSS3 and JQuery for displaying a cool parallax effect.

Continue reading Easy Content Slider With CSS3 Animations For WordPress

Easily Activate 500+ SVG Glyph Icons In WordPress

WordPress Icons – SVG was originally created by Evan Herman (a full time web developer based in Philadelphia, PA) for using it on his client website projects but soon he released its free version in WordPress Plugin Repository. The plugin is easy to use and provides you a set of web-fonts, and are extremely scale-able, device friendly and responsive icons. In just two mouse clicks you get an icon ready to be placed on to your WordPress site.

Installation & Usage: Install and activate WordPress Icons – SVG then follow the given steps:

  1. Visit Dashboard -> WP SVG Icon plugin page
  2. Click the icon you would like to use
  3. A preview of the icon will show up
  4. Copy the generated code out from the ‘example’ box and use it.

You may paste the copied code anywhere you want the icon to appear like inside your posts, pages, text widgets and even in theme template files.

Powerful 4in1 Intuitive Slideshow Plugin For WordPress

Meta Slider is a powerful flexible, intuitive slider plugin for WordPress. It provides you 4 different jQuery sliders you can use with custom options and features.

Continue reading Powerful 4in1 Intuitive Slideshow Plugin For WordPress

New Beautiful & User Friendly SW Responsive Slider For WordPress

SW Slider Responsive is the brand new WordPress plugin that lets you add beautiful responsive slider very easily in your WordPress site. You can easily set it to display posts from all categories or from a single category.

Continue reading New Beautiful & User Friendly SW Responsive Slider For WordPress