Narendra Modi Latest news: Tools

Home / Tools

Showing posts with label Tools. Show all posts

Monday, 23 March 2015

How to make Instant Notepad in Browser?

A developer or any always looking for new codes or new sites. While browsing sometimes we need an instant temporary notepad to save a link, text or passage. First click on Start Button then Search for Notepad then paste in it; this process seriously very long. There are many Browser's Extensions that work as Notepad but these extension are heavy and can slow down your PC/Mac. My this trick is a Simple Trick. You can make an instant Temporary Notepad within a second with single click. This is Awesome, right? Use this feature anytime by saving it in your Bookmarks and Done.

Better Dark Notepad with Spelling Check

#1: Click here to open in new tab
#2: Drag below icon to your Browser's Bookmark bar.

Better Dark Notepad without Spelling Check

#1: Click here to open in new tab
#2: Drag below icon to your Browser's Bookmark bar.

Simple Notepad without any Style

#1: Click here to open in new tab
#2: Drag below icon to your Browser's Bookmark bar.

Image Courtesy: Free Images Live

Thank you for patronizing Design Devta. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedback's directly to us by leave a Comment below or using our Contact form. And, get assured response from my side. Your feedback's and suggestions are extremely valuable to us. Please, if you like our this post then share on your social network. Assuring you of our best service always.

Manthan Pada 22:18 Komentar

Thursday, 5 March 2015

Stylish Multicolor Buttons with Icons (Generator)

Blogger Coding Tools

If you are a Blogger then you must have some links in your Site. Maybe, those are some referral links, download links, etc. No Style Links looks similar to texts so this should better if have some Simple but stylish buttons in your site. So here it is...

Buttons is in nine different colors and in two sizes. Even Buttons supported Custom colors to. You can add your own custom color that is familiar to your site style. More, buttons supported font awesome icons too. Even more, for newbie those has no knowledge about HTML can easily generate codes by generator. So, lets get started but check demo first...

Check Buttons Preview

Below is the CSS means styling of Buttons. Add below codes in between <head> tag.

<style>
/* Buttons for Blog/Site
   Creator: Design Devta
   URL: www.DesignDevta.Blogspot.Com
   By: Harman Singh Hira (Fb.me/HSinghHira)
*/
.btn {
    color: #fff;
    border: 0;
    background-color: #333;
    display: inline-block;
    padding: 6px 16px;
    margin: 0 5px 10px 0;
    font-size: 14px;
    font-family:arial;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    position: relative
}
.btn:hover {
    background-color: #222 !important;
    color: #fff;
    text-decoration: none;
    outline: 0
}
.large {
    padding: 12px 28px;
    font-size: 18px
}
.expand {
    display: block;
    width: 100%
}
.turquoise {
    background-color: #1abc9c
}
.turquoise:hover {
    background-color: #16a085
}
.green {
    background-color: #2ecc71
}
.green:hover {
    background-color: #27ae60
}
.blue {
    background-color: #3498db
}
.blue:hover {
    background-color: #2980b9
}
.darkblue {
    background-color: #34495e
}
.darkblue:hover {
    background-color: #2c3e50
}
.purple {
    background-color: #9b59b6
}
.purple:hover {
    background-color: #8e44ad
}
.red {
    background-color: #f85050
}
.red:hover {
    background-color: #c0392b
}
.orange {
    background-color: #f1c40f
}
.orange:hover {
    background-color: #f39c12
}
.grey {
    background-color: #95a5a6
}
.grey:hover {
    background-color: #7f8c8d
}
</style>

Now click on below button to generate HTML codes. Add them in <body> tag or in post where you want to display buttons.

Buttons Generator

Customization:

#1: If you want to add Icons in Button then add below code in <head> tag.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>

Click here to go Font Awesome site. Then choose icon and click on it. Copy icon code, looks like: <i class="fa fa-pencil-square-o"></i>. Add them before button title. Example below.

<a href="http://example.com" class="btn large turquoise"><i class="fa fa-bullhorn"></i> Turquoise
 button</a>

#2: Now, if you want to add custom color in buttons then use below codes

<a href="http://example.com" class="btn" style="background-color:#000;color:#fff;">Custom button</a>

#000 is the background color of button
#fff is the text color of button

Replace colors code with your own choose. You can get some help here to select colors code.

#3: To expand button (100% width), add expand in button class.

<a href="http://example.com" class="btn large green expand">Custom button</a>

Manthan Pada 01:31 Komentar

Monday, 2 March 2015

Flat UI Colors List

Coding Tools

Flat design refers to a style of interface design which removes any stylistic choices that give the illusion of three-dimensions (such as drop shadows, gradients, textures, or other tools that add depth)and is focused on a minimalist use of simple elements, typography and flat colors. Designers may prefer flat design because it allows interface designs to be more streamlined and efficient. It is easier to quickly convey information while still looking visually appealing and approachable. Additionally, it makes it easier to design an interface that is responsive to changes in browser size across different devices. With minimal design elements, websites are able to load faster and resize easily, and still look sharp on high-definition screens. As a design approach, it is often contrasted to skeuomorphism and rich design.

In the 1980s, computer-based user interfaces were a foreign concept to most users. The use of skeuomorphic elements (such as icons that looked like slips of paper) helped to create a visual link between a familiar object (a slip of paper) and a digital object (a file). More recently, with many people growing up using computers and other digital devices, skeuomorphic design affordances are no longer as necessary, and many consider skeuomorphism to no longer be necessary.

Click here for Flat UI Colors List

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedbacks directly to us by leave a Comment below or using our Contact form. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like our this post then share on your social network. Assuring you of our best service always.

Manthan Pada 21:04 Komentar

Sunday, 1 March 2015

Top Best Browser Plugins for Site Unblocking

Security Tip and Tricks Tools

1. Hola! Better Internet (Tested by us)

Access websites blocked in your country, company or school with Hola! Hola is free and easy to use! Access websites blocked or censored in your country, company or school and stream media with the free Hola Unblocker VPN proxy service. Hola is a free and ad-free VPN proxy service that provides a faster and more open Internet.

Official Site

2. ZenMate (Tested by us)

ZenMate is an easy to use Browser plugin that provides a VPN solution - encrypting all your browser traffic and routing it through ZenMate cloud to provide a secure and private browsing experience. Forget internet restrictions! They provide geo-switching options that will allow you to access blocked content wherever you are.

Official Site

3 ProxMate

ProxMate is the swiss knife for accessing pages! A free application that boosts and proxies page content for you. Just like that! Ever wanted to use proxy benefits without loosing speed while regular surfing or using a VPN? Now you can!

Official Site

4. ProxTube

The free Mozilla Firefox and Google Chrome extension. ProxTube helps you to view YouTube videos, which are restricted in your region and lets you enjoy the full variety of music.

Official Site

5. Anonymox (Tested by us)

AnonymoX is an initiative for anonymization on the internet. The aim is to restore the user's right of anonymity in the web. Most websites monitor the behaviour of their users, giving the websites hosts the ability to analyze the general user behaviour and create detailed user profiles, which often times are sold to third parties.

Official Site

6. Browsec (Tested by us)

Browsec encrypts your traffic and routes it through their secure cloud network. No one will be able to identify, track you or sniff your traffic.

Official Site

7. Stealthy (Tested by us)

With stealthy you'll get access to the entire internet. No restrictions. No limitations. Get past all country or organizational limitations, restrictions, forbidden sites. Basically, you'll be like a spy, able to get through all areas, undetected. Stealthy does everything for you. You just turn it on and you are free to roam through all the internet. Stealthy is a simple, user-friendly add-on that lets you visit websites that are restricted based on geographical location, governmental or organizational regulations. Stealthy was originally developed to facilitate the dissemination of information during the Arab Spring. Even if your intents aren't quite as revolutionary, you'll still be able to visit sites that you normally can't because of your location, like YouTube videos from Germany, Pandora from outside the US or iPlayer from outside the UK.

Official Site

8. friGate

Extention checks the availability of the site from their list, and if the website is not available then access to the site is through a proxy. Their proxy is not overloaded and created especially for them by their partners, so the speed of access through friGate proxy will not change. Therefore any site from their list is always available, even if the provider is accidentally blocked it.

Official Site

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as you expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

Manthan Pada 02:34 Komentar

HTML & JS Char and Adsense Code Converter

Blogger Coding Tools

HTML has special handling for characters like < and > symbols, so it doesn't work well with those characters where they shouldn't be. Having spurious characters like those symbols in your text can have some weird effects - blocks of text not appearing, broken formatting, and generally just not seeing what you expect to see. This can all be fixed by 'escaping' those characters. This process involves scanning the text for those characters, and replacing them with a special character-code that browsers can interpret as the correct symbol, without actually embedding that symbol in your text.
For example, the escaped character code for > is >.

This tool automatically converts javascript ad code into the correct format so you can embed it directly into your new xml Blogger template. It�s perfect for converting AdSense, AdBrite, Chitika or any other JavaScript ad code you may have.

Click here for Convertor
Source: Helplogger
Image Courtesy: Larry Buchanan

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as your expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

Manthan Pada 00:20 Komentar

Friday, 27 February 2015

All Meta Tags Generating Tool

Beginner SEO Tools

Meta elements are tags used in HTML or XHTML documents to provide structured metadata about a Web page. They are part of a web page's head section. Multiple Meta elements with different attributes can be used on the same page. Meta elements can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes. The meta element has two uses: either to emulate the use of an HTTP response header field, or to embed additional metadata within the HTML document. With HTML up to and including HTML 4.01 and XHTML, there were four valid attributes: content, http-equiv, name and scheme. Under HTML 5 there are now five valid attributes, charset having been added. http-equiv is used to emulate an HTTP header, and name to embed metadata. The value of the statement, in either case, is contained in the content attribute, which is the only required attribute unless charset is given. charset is used to indicate the character set of the document, and is available in HTML5. Such elements must be placed as tags in the head section of an HTML or XHTML document.

Click here for Generating Tool

Your Site Title: Your Site Title is usually the name of your site i.e. i set my site title name to Design Dev.

Your Site Description: Explain your Site's subject and the motive but make sure the length of your Site Description must be in between 150 to 160 words.

Your Site URL/Link: This is said to be the link of your Site i.e. my site link is http://www.DesignDev.co.vu

Your Site Keywords: Keywords are very important for every business website as they drive targeted web traffic to your business for free. When done well, using the right keywords can skyrocket your business to sales success online.

Site Author Name: The Manager, Author, Administrator or owner; who updates the site.

Site Favicon URL: An icon associated with a particular website, typically displayed in the address bar of a browser accessing the site or next to the site name in a user's list of bookmarks.

Author's Facebook Username: Enter your Facebook Username or Numeric ID to show your Facebook Profile.

Author's Facebook Numeric ID: Enter your Facebook Numeric ID if you are using Facebook Comment Box. Generate your Facebook Numeric ID here.

Facebook App ID: Facebook App ID is also needed if you enable Facebook Comment Box in your Site.

Author's Twitter Username: Enter your Twitter Username to show your Twitter presence.

Author's Google Plus Profile Link: Enter it to show your Google Plus presence.

Thank you for patronizing Design Dev. I am sure your visit to us must be quite satisfying and in line with your expectations from us. Just in case, it's not as your expected from us or if you are facing any problem, kindly forward your feedbacks and comments directly to us by leave a Comment below or Contact us. And, get assured response from my side. Your feedbacks and suggestions are extremely valuable to us. Please, if you like this post then share on your social network. Assuring you of our best service always.

Manthan Pada 07:59 Komentar