Saturday, May 30, 2015

How to determine what technology a website or web application is built?

Posted by Unknown , 4:10 AM Be the first to comment!
Hello friends, hope you are doing good. In this tutorial I would like to discuss about the trick that helps you find out what technology a website is built with. Quite often I come across websites with good looking or good functionality, and wonder what technology was used to create such websites. You might have also had the same situation sometimes. Let's see what techniques are available to us to figure out the technologies or frameworks that have been used to build a particular website.
When I researched for the tools that helps to figure out the technologies I found few online tools and browser extensions. I gathered all the tools together to make it easier for developers.
Below are some tools for querying site details:

BuiltWith

BuiltWith is an online application where you can acquire information about the technology used behind a website. You could also check the competitive analysis about a website with BuiltWith. You should enter website URL in the search box. Then the application responds with backend and front end technology details, along with analytics and business intelligence information for a particular website.

DomainTools

DomainTools is an application that offers a basic whois search, whois histories for domain names, cross-IP lookups, a Name Server Spy, a typo-generator, and dozens of other useful domain tools.
The popular domain tools, the site also offers a variety of DNS tools, such as ping and traceroute. They also offer WhoIs Lookup, WhoIs History, reverse Whois, Hosting History, Reverse IP, Reverse Name Server, Reverse MX. Their powerful search features include domain suggestion search. 
It also provide many of the tools at free of cost. However some tools have usage restrictions that require a subscription. Their subscription system allows you to get more points for the more money yu pay, and in turn the more tools you can use.

NetCraft

W3Techs

SimilarTech
Labels: , ,

0 comments:

Thursday, April 23, 2015

How to show password strength using JQuery

Posted by Unknown , 5:01 AM Be the first to comment!
Hello friends, I want to discuss about JQuery code to show password strengths when a user types in a password into password field.

Password security is necessary to keep our accounts safe from hackers. Generally we use common passwords to remember them easily. However we should use secured passwords so that it couldn't be guessed by anyone. Recently I had a client who wants to show the password strength when a user types his password. So I tried the Jquery code which is explained in this tutorial to check the password strengths. This code will use JQuery regular expressions to check the strength of a password typed by the user.

I have also provided the CSS in this tutorial to add style to the message which shows the strengths of password entered.

Please check the below JQuery code:

$('#pwd').keyup(function(e) { var strongPass = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); var midPass = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); var morePass = new RegExp("(?=.{6,}).*", "g"); if (false == morePass.test($(this).val())) { $('#msg').html('Please enter more characters'); } else if (strongPass.test($(this).val())) { $('#msg').className = 'ok'; $('#msg').html('Great! your password is strong.'); } else if (midPass.test($(this).val())) { $('#msg').className = 'alert'; $('#msg').html('Better, your password strength is medium.'); } else { $('#msg').className = 'error'; $('#msg').html('Sorry, your password is too weak.'); } return true; });

Here I have included the CSS to  add styles to the div when the password strength status changes while typing in the password filed.

CSS:
.error{ background:#BE4C39; color:#fff; }.alert{ background:#fd7c2a; color:#fff; }.ok{background:#3cc16e; color:#fff; }

Below is the HTML code for the input field and the div that holds the message which shows the password strength.
<input type="password" name="pwd" id="pwd" /><span id="msg"></span>

 I used pwd as name and id in the above input fields and the respective id has been used in the JQuery code and "msg" is the id used for the span which holds the message for the password strength.

I hope this code will help you in your projects. Please don't hesitate to ask your queries in the comment section below. Thank you. Happy coding :)
Labels: , , ,

0 comments:

Subscribe to: Posts (Atom)