Monthly Archives: February 2016

Know about responsive web design .

A Responsive web design or pages is a structure of “cascading style sheets” that helps to a page responsive and its environment is based on Orientation, Platform and Screen Size.

  • Orientation: – Orientation is depending into Screen or Devices. Screen Orientation is slightly different then devices Orientation. Some devices doesn’t have the capability to detect its own, but screen orientation is always have. For handle Orientation issue with CSS and Javascripts.
  • Platform: – In which the web sites is going to implemented. It is an API through which a developer make a website very good and place integrated application where new functionality will show to user.
  • Screen Size: – Its depend on devices which we can use like computer, ipad, mobile, etc.


The number of columns change at 620px and 800px, but style sheet defines more than 2 conditions (media queries). The more in depth analysis shows that this page (simple at first glance) has around 30 variants adjusted to the following resolutions: 1400px, 1300px, 1220px, 1210px, 1200px, 1150px, 1100px, 1050px, 1024px, 980px, 960px, 950px, 931px, 900px, 860px, 809px, 810px, 800px, 788px, 768px, 760px, 640px, 639px, 620px, 600px, 540px, 500px, 481px, 480px, 380px.

The aspect of creating responsive web design some points are going to be noticed:-

  • Proper Layouts
  • Flexible grids
  • Good and Optimized Images
  • Use of CSS media Queries.

Screen sizes and media CSS

# Mobile

only screen and (min-width: 480px)

# Tablet

only screen and (min-width: 768px)

# Desktop

only screen and (min-width: 992px)

# Huge

only screen and (min-width: 1280px)


@media (min-width:320px) { /* smartphones, portrait iPhone, portrait 480×320 phones (Android) */ }

@media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ }

@media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800×480 phones (Android) */ }

@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }

@media (min-width:1281px) { /* hi-res laptops and desktops */ }


For iPhone

@media only screen and (min-device-width: 480px){}

For tablets

@media only screen and (min-device-width: 768px){}

HTTP AND HTTPS ,what’s the difference .


So This is your normal Monday morning at office and you have switched on your computer and opened

your web browser typed your regular website and …wait have you noticed something….

A the upper left corner of your URL bar glowing with a text saying https:// and glowing green indicating

a secure connection. What happened to it!

Interchange information over internet or World Wide Web (WWW) follows a request response

procedure. First Browser sends request to access resource located in the server then server understands

the request and make available those resources to client.


The process seems simple at first sight browser request for something and server response with that

resource available, but things goes different in other side.

In the beginning, network administrators had to figure out how to share the information they put out on

the Internet. Once everyone knew how to exchange information, intercepting on the Internet was not

difficult. So knowledgeable administrators agreed upon a procedure to protect the information they

exchanged and called it Hypertext Transfer Protocol (HTTP). The protection relies on SSL Certificate to

encrypt the online data. Encryption means that the sender and recipient agree upon a “code” and

translate their documents into random-looking character strings.


HTTP it stands for Hyper Text Transfer Protocol and is a networking protocol used allow World Wide

Web users to transferring information like image, text, video, music, graphic and other files on web

pages. HTTP is basically used to access html pages and also other resources can be accessible using



HTTPS stands for Hypertext Transfer Protocol Secure. HTTPS was developed by Netscape Corporation to

allow authorization and secured transactions. HTTPS is a protocol which uses an encrypted HTTP

connection by transport-layer security. The procedure for encrypting information and then exchanging it

is called Hypertext Transfer Protocol Secure (HTTPS).Sometimes, the clients may be exchanging private

information with a server, which needs to be secured for preventing some hacking issue

With HTTPS if anyone in between the sender and the recipient could open the message, they still could

not understand it.To do this, the computer at each end uses a document called an “SSL Certificate”

containing character strings that are the keys to their secret “codes.” The owner shares the public key

with anyone who needs it. Other users need the public key to encrypt messages to the owner. The

owner sends those users the SSL certificate, which contains the public key. The security during the

transfer is called the Secure Sockets Layer (SSL) and Transport Layer Security (TLS).The procedure for

exchanging public keys using SSL Certificate to enable HTTPS, SSL and TLS is called Public Key

Infrastructure (PKI).



URL begins with “http://” URL begins with “https://”

It uses port 80 for communication It uses port 443 for communication

Unsecured Secured

Operates at Application Layer Operates at Transport Layer

No encryption Encryption is present

No certificates required Certificates required