This is what CSS can do.

Are you ready for the magic? I am saying this because I believe that coding is closest to a superpower that we have. And the best part is that anyone can achieve this superpower.

Here we are going to see how a single HTML file can look entirely different with just the change in CSS file. Mind that no front-end-framework has been used in the upcoming designs, it is just the beauty of pure CSS.

CSS stands for cascading stylesheet. Its sole purpose is to make HTML file look physically good.

The image below is going to make it very clear.

css

CSS Zen garden:

CSS Zen garden is a site where the same HTML file has been designed with CSS by various professionals.

It seems that every design is a different web page with the different HTML file, but it is not. Every page has been designed with the same HTML file.

I have shown some examples in this article. You can check more designs on the site.

Here is the link:

http://www.csszengarden.com/

*These designs are just for the learning purpose, it can not be used as a template.

This is very helpful for beginners, as they can see how the professionals design and code.

The Beauty of CSS:

So, here are a few examples from the site.

VERDE MODERNA

GARMENTS

APOTHECARY

FOUNTAIN KISS

A ROBOT NAMED JIMMY

Doesn’t all of them seems completely different web pages? Well! that’s the beauty of CSS.

Visit the site and get to see more of these astonishing designs of the same HTML file.

This is how you can learn from the professionals, without letting them know. (Learning like Eklavya. Don’t worry no one is gonna ask for your thumb.) And,  that’s what CSS can do.

OK! so that is it. We will be back with another mind-boggling article. So stay tuned.

Thank You.

Quantum Computers: Technology from the future.

Either you talk about research, space exploration, or advancement of new technologies. Computers have become an inseparable part of our life.

In the last few decades, we have reduced the size of the computer and increased its computation power.

Today’s smartphones are much smaller and faster than the giant military computers 50 years ago. We have also been able to build super-computers, currently the most powerful system.

Even after so much advancement in computers, there is still some limitation that has not been conquered yet!

To name a few:

  • Speed (solving complex mathematical equations.)
  • Storage space issue.
  • Energy consumption

Hence to overcome such limitations we need something called “Quantum Computer”.

QUANTUM COMPUTER:

Google, IBM, & Intel are continually trying to build computers with no limits, using the principles of Quantum Physics. (These are called Quantum Computers).

No, don’t think that it is all about the future because the basic model of Quantum computers has already been successfully created and tested. And now being created at massive scale.

You should check our article on Bit, Byte and today’s storage system.

QUBITS:

Binary computers use BIT for computation, whereas Quantum computers use QUBIT.

BIT: Is the smallest unit of information in current computers. It represents only one of the two values, 0 or 1.

QUBIT: Quantum analague of classical bit. It can take on both values simultaneouly, 0 and 1. This characterstic expands the possibilities of parellel calculations.

This means in Quantum Computers programmers can check for: (“if this then that” and “if both”). Two diff outputs can be checked simultaneously.

code

Sounds strange? How can something be at two diff positions at the same time? Well, that’s what Quantum Physics is known for.

superposition.

I could have explained the basics of Quantum Physics, but that may blow your mind with strangeness. But if you are curious like me then search about Schrodinger’s cat experiment.

Quantum theoryy

By the time binary computers will begin to work on a complex equation, Quantum Computers will give the result.

CHALLENGES WITH QUANTUM COMPUTERS:

  • On observing QUBITS changes its state.
  • Produces a lot of noise when in use.
  • More QUBITS means more chances of error.
  • Requires to store at perfect 0 temps. (cooler than outer space.)
  • Consumes a lot of power to be operational.

These were a few reasons that it is not operational yet!

Once operational it will increase our progress rate exponentially. It can help us in understanding the underlying secrets of the universe and in developing Artificial Intelligence.

Hope that Quantum Computers will very soon come into existence to make our life even easier.

This is a very complex topic, I tried to put it as simple as I can. Also, I avoided some out of the world concepts. I leave it up to you to explore further.

Please comment if you liked the article.

Thank You.

Deploying a live site with free Domain and Hosting.

Hello everyone!

In this article, we are about to create an entirely new site from scratch with free domain and free hosting.

I am going to create one for the sake of this tutorial, which you can visit to check at the end of this article.

Before we start, let me clear this for one last time: for the domain, we are using freenom.com and for hosting we are using 000webhost.com.

Let’s do it:

Domain registration:

At freenom.com you will get free domain name extensions like “.tk, .ml, .ga, .cf, and e.t.c”.

  1. Go to freenom.com and search for your free domain. We are going to use mytrialsite.tk for our tutorial. freenom
  2. Choose your preferred extension, checkout and continue.
  3. Sign in with your E-mail id, verify your account and set up your account details and click on complete order. freenom
  4. Go to service in the navigation bar and select My Domains from the drop-down menu. freenom
  5. There you have your registered domain. freenom

Getting the free Hosting:

Now we have our domain, so let’s get the hosting from 000webhost.com.

  1. Go to 000webhost.com and click on sign up for free. freenom
  2. Now you will be shown 3 hosting plans. Choose Free web hosting and continue. freenom
  3. Sign up with e-mail and enter your website name and verify your account. freenom
  4. Select Manage Website.  freenom
  5. Here you are in your dashboard. Now select “set web address“. Then it will ask you to upgrade but don’t. click on “It’s OK, I don’t mind 000webhost branding“. freenomwebhost
  6. Next, you will have two options – Own Domain and Buy-Domain. Select “Own Domain“. webhost
  7. At this point, it will ask you to park your domain. BE CAREFUL AT THIS POINT DON’T ENTER YOUR DOMAIN AND CONTINUE RIGHT NOW. I personally have troubled a lot here. Please mark my words don’t hurry here.

Pointing domain to your hosting:

First park domain to your hosting and then complete step 7 above.

  1. Go back to freenom, where you left it in step 5. click on “manage DNS”. freenom
  2. Under the drop-down menu of “management tools” choose “Nameserver”. freenom
  3. In Nameserver choose “use custom nameserver”. And enter these two nameservers: (ns01.000webhost.com ns02.000webhost.com). Continue by clicking on change nameserver. freenom
  4. Now is the time to enter the domain name in 000webhost at step 7 in the previous section. Back to 000webhost, enter your domain and click “park domain“. In most cases, it will be parked immediately or it may take up to an hour. webhost

Hurray:

The site is now live on the internet. To make it attractive and add some content you can install WordPress.

So, let’s see how to do it.

  1. Click on “Build Website”. webhost
  2. Select WordPress and install. Also, change admin username from admin to whatever you want. wpwp

That is it you are done. Now customize your site in WordPress. We are not gonna talk about WP settings here, but maybe in some other article.

Well you can check the site I used for this tutorial, it is live on the internet with some WP customization. Here is the link.

www.mytrialsite.tk

IT takes just 5 minutes to make your site live. There are other free hosting providers as well you can check the list here.

Tutes.club – 10 free web hosting service providers.

So, I hope that your free site will also be live on the internet very soon. If you liked this article then you can check out our other articles as well.

Thank You.

Bit & Byte: The storage system.

You may have heard Bit & Byte before, but do you really know what is it? How does the computer storage system work? 

We are continually generating a lot of data every second, hence there should be a storage system strong enough to handle it all. In this post, we are gonna talk about this storage system.

“Over 2.5 quintillion bytes of data are created every single day, and it’s only going to grow from there. By 2020, it’s estimated that 1.7MB of data will be created every second for every person on earth.”

internet

In the next article, we will also talk about the next generation of computer storage system (Quantum Computing.)

What is Bit & Byte?

Bit is the smallest or basic unit of computer information which has only two values “0 or 1”. These two values can also be defined as “true or false” and “yes or no”, depending on the binary code.

Byte is the smallest unit of memory. One byte is made up of eight bits, that means one byte is one character of information and is comprised of eight bits (eight 1’s or 0’s).

Here is a table to clear out your confusion.

Unit\Value

Unit Value
0 (Off) or 1 (On) 1 Bit
8 Bits 1 Byte
1,024 Bytes 1 Kilobyte
1,024 Kilobytes 1 Megabyte
1,024 Megabytes 1 Gigabyte
1,024 Gigabytes 1 Terabyte
1,024 Terabytes 1 Petabyte
1,024 Petabytes 1 Exabyte
1,024 Exabytes 1 Zettabyte

What is 32 bit / 64 bit?

Many times while downloading a software, we get to see two options – ” download in 32 bit” or “download in 64 bit”. So, let’s see what is 32 bit / 64 bit?

The terms 32-bit and 64-bit define the fixed-size piece of data a processor can transfer to and from memory. So, in theory, 64-bit computers can handle data twice as fast 32-bit systems.

The term for 64-bit computer architecture is x64, and the 32-bit computer architecture is most commonly known as x86and was based on the Intel 8086 / 8088 processor. The Intel 8086 / 8088 processor was found in the original stand-alone Pac-Man video arcade console.

The storage system:

Different users can have different storage requirements. Knowing what a computer is going to be used for (and of course many computers are used for a variety of purposes) is hence very important when planning storage requirements.

So let’s continue with some of the available storage devices and technologies.

  • HARD DISK STORAGE: Spinning hard disk (HD) drives are today the most common means of high capacity computer storage, with most desktop and laptop computers still relying on a spinning hard disk to store their operating system, applications programs, and at least some user data.
  • RAID: On servers and high-end PC workstations (such as those used for high-end video editing), at least two hard disks are often linked together using a technology called RAID. This stands for “redundant array of independent disks” (or sometimes “redundant array of inexpensive drives”), and stores the data in each user volume on multiple physical drives.
  • DIRECT ATTACHED STORAGE (DAS): Except where two internal hard disks are considered essential on the basis of performance, a second hard disk is a today most advisably connected as an external unit, or what is sometimes now known as a “DAS” or direct attached storage drive
  • OPTICAL DISK STORAGE: Almost all optical storage involves the use of a 5″ disk from which data is read by a laser. Optical media can be read-only, write-one, or rewritable, and currently exists in one of three basic formats – CD(compact device), DVD(digital versatile disk), BD(blue ray disk).
  • SOLID STATE DRIVES: Solid state storage devices store computer data on non-volatile “flash” memory chips rather than by changing the surface properties of a magnetic or optical spinning disk. With no moving parts solid state drives (SSDs) — are also very much the future for almost all forms of computer storage.
  • FLASH MEMORY CARDS: Flash memory cards were developed for digital cameras and mobile computers. They consist of a small plastic package with a contact array that slots into a camera or other mobile computing device, or an appropriate memory card reader.
  • SD CARDS: SD cards are the most popular flash memory cards now on the market, and come in so many variants that they do require some explanation. SD cards come in three physical sizes. Standard size SD card, Mini SD card, Micro SD card.
  • USB MEMORY STICK: USB memory sticks (or USB memory keys, USB memory drives, or whatever you choose to call them!) are basically a combination of a flash memory card and a flash memory card reader in one handy and tiny package.
  • NETWORK AND ONLINE STORAGE: Files stored and/or backed-up online are still saved to a hard disk rather than to some magic, new alternative media. However, the fact that the disk is located remotely to your computer, can be accessed from anywhere and is probably backed up by the service provider(?), can make online storage and back-up very attractive.

The last few years have seen the death of the floppy disk and for many digitizations of photography and their music collection.

Continue reading “Bit & Byte: The storage system.”

Solid-Inrupt: Welcome to the internet 2.0.

List of Data Breaches from 2005 to 2018. – Wikipedia. 

Before going ahead I want you to check out the list above, it will give you an idea that what is happening to your personal data, and there is no privacy at all.

Take the recent Cambridge Analytica & Facebook case, 5 million individuals data was leaked or sold by Facebook. Also, you may have heard the latest one about G+, Google plus is shutting down after 500,000 users data was exposed. 

On the internet, there is no such thing as Privacy. Yes! it is something to be worried about.

OR

Maybe not anymore.

Enough is enough, the father of the internet want the power back in his hands. His dream was to create a secure network where individuals would have been the owner of their own data, but surely that is not happening with WWW.

So, Tim Berners Lee decided to rebuild the internet. 

Solid Inrupt: About.

Solid Inrupt is the name of this project of remaking the internet. Here is the official site of solid inrupt.

https://solid.inrupt.com

Tim Berners Lee took this project of the new internet because as the internet evolved it diverged from Sir Tim’s original and inspiring vision. (Individuals to be the king of the internet).

Tim and Team have given 15 years to make it a reality.

Tim wants to provide a platform for the next generation of truly empowering and innovative developers.

How it works:

You decide where you store your data. Since you own your data, you’re free to move it at any time, without interruption of service or penalties.

whenever you’re opening up a new app, you don’t have to fill out your details ever again: they are read from your POD with your permission. Things saved through one app are available in another: you never have to sync, because your data stays with you.

What is POD?

Your POD is your personal storage space. All your data will be stored in your POD, not on the server of Facebook or Google, where they can manipulate it.

PODs are like secure USB sticks for the Web, that you can access from anywhere. When you give others access to parts of your POD, they can react to your photos and share their memories with you.

You can have as many PODs as you like, and they live on Solid enabled Web servers. Install the Solid Server on your own server at your home or workplace, or Get a Solid POD from a listed provider.

In order to prove ownership of your data, you need a way to identify yourself. Rather than relying on a third party, you can use your Solid POD to say who you are. So no more “Log in with X” or “Log in with Y” on the Web — just “Log in with your own Solid POD”.

What it holds for the Developers?

As far as claimed by the Solid Inrupt team, it is going to be a very promising platform and gonna create more opportunities for developers.

If you are a developer or planning to be one, then you can check their get started guide for developers. Here is the link to the official documentation page of Solid Inrupt.

https://solid.inrupt.com/docs/getting-started

But do you think that the current internet Kings like Google, Facebook and Amazon will let the power slip by their hands? They will surely not give up.

Now only time can tell what will happen, or who will win?

Father of internet V/S Kings of internet Continue reading “Solid-Inrupt: Welcome to the internet 2.0.”

How to change name-server in Godaddy and other registrars?

Hi Everyone!

In this post, we are going to talk about the process of changing nameserver in Godaddy and other popular registrars.

You would need to do this process to connect or point your domain to your hosting, or whenever you decide to change your hosting service provider, as hosting providers ask to park the domain that you own.

The process is basically the same in all registrars, the only difference is in their visual interface.

First, we will talk about Godaddy and other popular ones then I will try to give general steps to change the nameserver in any registrar.

Read about your preferred registrar:
  1. Godaddy
  2. NameCheap
  3. Porkbun
  4. Alpnames
  5. Dynadot
  6. NameSilo
  7. Freenom

So, let’s begin.

Changing nameserver in Godaddy:

  1. Login to your Godaddy account.
  2. If you have multiple domains in your account then select the one you want to change nameserver for.godaddy
  3. Click on Manage DNS. DNS
  4. Go to the nameserver section and click change.change
  5. Switch the dropdown from default to custom and under nameserver fill new DNS.nameserver
  6. And Save.

NameCheap:

  1. Sign in to your NameCheap account.
  2. On the sidebar navigation click Domain list.
  3. Now for your preferred domain click on manage.
    namecheap
  4. Now choose the custom DNS from the drop-down menu. And enter your nameserver. namecheap 1
  5. Save and you are done.

Porkbun:

  1. Login to your pork bun account.
  2. Go to the domain page – account/domains.
  3. Now for Authoritative nameservers click edit. (as shown in the image below)porkbun
  4. Enter your own nameservers and save.

Alpnames:

  1. Login to your alpname account.
  2. In the sidebar menu select Domain registration.
  3. There you will find a section called nameservers. Click it and edit your nameserver. alpname
  4. Save your changes and you are done.

Dynadot:

  1. Login to your Dynadot account.
  2. select My Domains.
  3. Under my domains drop-down menu choose Manage Domains. Now go to DNS settings.dynadot
  4. Under add server, enter your own nameserver. dynadot 1
  5. Save and continue. That’s it for Dynadot.

NameSilo:

  1. Login to your namesilo account.
  2. In the sidebar menu go to Domain Manager. namesilo
  3. For your preferred domain select the rightmost icon as shown in the image below. namesilo1
  4. Under default name server enter your own nameserver. namesil2
  5. Submit your changes and relax.

Now let’s try to generalize these steps for all the registrars.

General steps for any registrar:

  1. Login to account.
  2. Go to the list of domains you own.
  3. Select manage DNS for your preferred domain.
  4. Change nameserver to custom DNS and fill new nameserver.
  5. Click save.

Navigation would be different for diff registrars, but the core process is almost the same.

An example of freenom.com:

This is how nameserver is changed in freenom. The interface and navigation are different but the ultimate process is the same.

my domain >> management tools >> nameserver >> custom DNS.

freenom

freenom

Now you are all set to change nameserver in any registrar. So, go ahead and do it.

We will keep uploading new blog posts full of information and tutorials. So, don’t go anywhere and stay tuned.

Thank You.

Understanding Media type and file format.

With the wane of physical media which is extremely limited, Digital media is exponentially becoming the dominant way we listen to music, watch videos, and view still images.

And there is no single file format that takes care of it all. (How unfortunate).

Hence it becomes important for us to understand media type and file formats. So that you don’t encounter with an instance where your device or browser says “unsupported file format”.

There is a lot to cover in this article, so let’s begin without any further delay.

Media type & File format:

Media type was previously known as MIME (Multipurpose internet mail extensions.) It is a two-part identifier for the file format, first is the type of media and second is the type of extension. ex- video.mp4

IANA is an official authority for standardization and publication of these classifications. You can check out the IANA website for media type here: https://www.iana.org/assignments/media-types/media-types.xhtml

You can get to know about media type naming, registration trees, suffix, mailcap, and mime type on Wikipedia.

Digital media files are encoded so that computer programs or apps can read and work with it.

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

Now have a look at the table below, which browser supports which file format for video and audio.

Video:

compatibility table

Audio:

table

Get familiar with a few formats:

  • MP4 = MPEG 4 files with H264 video codec and AAC audio codec
  • WebM = WebM files with VP8 video codec and Vorbis audio codec
  • Ogg = Ogg files with Theora video codec and Vorbis audio codec

Codec:

Many times we have to convert the file format so that it can be played by programs other than the software for which it was originally created. This is called “Coder-decoder” OR codec for short.

Converting the file format so that it can be played by another program, or by an incompatible device is called “transcoding”.

Commonly Used Digital Media File Formats:

  • Photo File Formats: JPEG, GIF, PNG, TIFF, BMP
  • Music File Formats: AAC (WebM), MP3, WAV, WMA, DOLBY DIGITAL, DTS
  • Other music file formats you may have access to AIFF, ASF, FLAC, ADPCM, DSD, LPCM, OGG
  • Video File Formats: MPEG-1, MPEG-2, MPEG-4 (mp4), AVI, MOV, AVCHD, H.264, and H.265.
  • Other video formats you may have access to DivX and DivX HD, Xvid HD, MKV, RMVB, WMV9, TS/TP/M2T

Don’t worry if all of this seemed like an alien language to you, I have a solution for you.

Media playback:

You can install or take help of some application and software that will play your media file regardless of the file format that your device or browser supports. Here are a few to name.

  1. Mx player
  2. VLC Media player
  3. All connect
  4. DG UPNP
  5. Plex
  6. Twonky
  7. Roku Media
  8. Airplay DLNA receiver

I hope that this article was helpful to you. You can check out other articles as well.

Thank You.

10 Free Web Hosting Service Providers.

HI Everyone!

Good to see you again. If you have landed on this post then you must be looking for a provider that will host your site for free. I am going to tell you the 10 best free web hosting service providers, So stay tuned.

Isn’t it amazing that even in today’s world you can get almost everything for free? (Note* Free things do have some limitations.)

I am also going to tell you which one is my favorite and why is it so?

I recommend you not to go with free hosting if you are working at a professional level, but for the learning and experimenting purpose or just to have fun.

OK! then let’s begin.

10 Free Web Hosting Service Providers:

  • 000Webhost.com – 2 sites are allowed to run on one account, 2 MySQL database, supports FTP, 100 GB of bandwidth per month & the panel is Cpanel.

 

  • FreeHosting.com – 1  site is allowed on one account, 1 MySQL database, supports FTP, unmetered bandwidth & the panel is Cpanel.

 

  • Byte.host – 1 site is allowed to run on one account, 5 MySQL database, supports FTP, 50 GB of bandwidth per month & the panel is Cpanel, 5 E-mail accounts.

 

  • Awardspace.com – 1 site is allowed to run on one account, 1 MySQL database, supports FTP, 5 GB of bandwidth per month & the panel is Proprietary, 1 E-mail.

 

  • FreeHostingEU– 1 site is allowed to run on one account, 1 MySQL database, supports FTP, 4 GB of bandwidth per month & the panel is Proprietary.

 

  • Free Virtual Server – 1 site is allowed to run on one account, 1 MySQL database, supports FTP, 200 MB of bandwidth per month & the panel is Cpanel.

 

  • Free web hosting No Ads – 1 site is allowed to run on one account, 3 MySQL database, supports FTP, 5 GB of bandwidth per month & the panel is Cpanel.

 

  • U Host Full – 1 site is allowed to run on one account, 2 MySQL database, supports FTP, 100 GB of bandwidth per month & the panel is Cpanel.

 

  • 5 GB Free – 2 sites are allowed to run on one account, 2 MySQL database, supports FTP, unlimited bandwidth per month & the panel is Proprietary.

 

  • Freehostia – 1 site is allowed to run on one account, 1 MySQL database, supports FTP, 4 GB of bandwidth per month & the panel is Proprietary.

These were the 10 best free web hosting service, providers. All of them have their own set of pros and cons. Now let me tell you the one which is my favorite & I have personally been using.

When it comes to free web hosting, I go for 000Webhost.com (always). Now the reason is simple, It has the best C-panel among all the free web hosting providers also it is the most user-friendly.

It works the best for me but may not be the best for you. So it is the time for you to explore and find out the one which is just made for you.

Bonus:

Let’s talk a bit about where you can get a free domain name. Of course, you won’t get .com or .in for free, but you can still find some good extensions like .tk, .ml, .ga, .cf & etc for free on Freenom.com.

I am done, now it’s your turn. Share your experience with different free web hostings and let us know which one worked the best for you, down below in the comments.

Thank You.

Everything about Free SSL certification & HTTPS redirection.

Here you are to make your site a secured one. So that your visitors don’t hesitate to surf your site.

Before we begin let’s understand a bit about SSL certification & HTTPS redirection.

SSL & HTTPS:

Just imagine how Whatsapp is an end to end encrypted messaging system, well! we are not talking about a messaging system here, but you got the idea.

Similarly, to establish an encrypted end to end connection between a web browser and a server you need a certification called SSL certificate.

HTTPS can be seen as the mark of security on your site, confirming that your site is under end to end encrypted connection.

Top Free SSL certification providers:

Now arises a question, How do you get this certification for free?

Here is a list of top Free SSL certificate providers.

  • Let’s Encrypt – Created by Linux Foundation with the internet security research group.
  • CAcert Free Certification Authority – CAcert has a variety of free SSL/TLS certifications available. Depending on the certification you get, they expire every six months, 12 months, or 24 months and you have to meet with the CAcert volunteer each time you renew it.
  • Comodo – It comes with the highest possible strength 256 bit. Offers a 90 days free certificate.
  • Cloud Flare – Cloud Flare is a security and a CDN company which offers universal free SSL/TLS certification. Sets up under 5 minutes and is the most user-friendly certificate provider.
  • SSL.com – The certification issued by this company is accepted by 99.9% of browsers and websites.
  • SSL For free – Good for an entire year before you have to renew it. Runs on ACME server of Let’s Encrypt.
  • StartCom – Maybe the best one for a personal website or a blog, It will give you one unlimited domain-validated SSL/TLS certificate completely free.
  • WoSign – These certifications are good for two years before you have to renew them, and they use automatic authentication, so they’re up and running in a few minutes.

5 Best WP plugins to manage SSL & HTTPS on your site:

Once you are done with your certification now is the time to manage it. You could have a hard time managing it if you are not a developer. In that case, plugins are always there to help you out, And that’s what makes WP the best CMS.

  • Really Simple SSL – Enables SSL just in one click, aims at keeping it simple with minimal options.
  • CM HTTPS Pro – This is a complete solution for installing SSL certification on your site and move from HTTP to HTTPS.
  • WP Force SSL – A basic plugin to redirect your HTTP site to HTTPS version. Don’t hope too much from it. (For simple blogs)
  • Easy HTTPS redirection – Ability to force load static files, such as images, css, js, etc., using HTTPS.
  • SSL Insecure Content Fixer – solve insecure content warning easily. Performs basic fixes after implementing SSL.

Blogger Bonus:

If your site is at blogger.com (a Google’s product), then congrats you don’t need to consider any of the above things.

You are just two clicks away from your free SSL certification & HTTPS redirection, And that also from Google.

Steps: For blogger.com
  1. Login to your blogger.com account.
  2. Go to settings > basics.
  3. There you will find two checkboxes regarding HTTPS, check both boxes as yes.

blogger screenshot.

That’s it you are done. I really loved this feature of blogger, Google made it so simple. (It may take up to 15 minutes)

So this is it. I hope you enjoyed the article. I would love to see you in some other article.

Thank You.

A list of few productivity plugins and useful websites for web developers

Browser Extensions

1. To know the platform and background details of any website – use Wappalyzer (chrome extension)
https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en

2. To protect privacy over internet, use privacy badger (chrome extension)
https://chrome.google.com/webstore/detail/privacy-badger/pkehgijcmpdhfbdbbnkijodmdjhbjlgp

3. To get away with distractions, use stayfocusd (chrome extension)
https://chrome.google.com/webstore/detail/stayfocusd/laankejkbhbdhmipfmgcngdelahlfoji

4. You hate CORS warnings in console, to get rid of them, use Allow-Control-Allow-Origin plugin for chrome
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

5. Developers and sys admins keep playing with DNS all the time, but browsers use cache and are lazy in updating the record. Use DNS Flusher
https://chrome.google.com/webstore/detail/dns-flusher/nbomnjapnclaocillijpceooehonajnk

6. Sometimes, you just want to check the website before actually moving the DNS or IP record, use Virtual Hosts (chrome extension)
you can set IP of any domain name to anything
https://chrome.google.com/webstore/detail/virtual-hosts/aiehidpclglccialeifedhajckcpedom

7. JSONView – use this extension to view any json with indentation
https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc

8. For sharing screenshots very quick, you can use two plugins Nimbus screenshot and Lightshot
https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en

https://chrome.google.com/webstore/detail/nimbus-screenshot-screen/bpconcjcammlapcogcnnelfmaeghhagj?hl=en

Useful Websites

HTML Online Editor

Free online HTML editor with WYSIWYG and source composer and instant preview and many useful built-in features

Stack Overflow

Huge programmer community where you usually don’t have to ask for help because probably someone has already answered the same question.

W3Schools

The place to learn web technologies. There’s a big chance that this site gives the first search result when you’re looking for a HTML term.

Github

Collaborate with other developers. Fork, send pull requests and manage all your public and private git repositories.

Built With

Enter a domain name to find out who is hosting it, what CMS and framework is used and many other insights.

Thum.IO

Fast real-time website screenshot API. If you are a backend guy, handling multiple sites and uptime can get messy. This api can really help you in managing the tasks relating to visibility of your website across the web.

HTML Color Codes

Search and save color codes. Search by name or mix the RGB, HSV or CMYK values. Use the generated HTML/CSS codes.

Freepik

Browse the large directory of free photos, vector arts, icons, illustrations, PSD files at FreePic.

PageSpeed Insights

This tool by Google analyzes the submitted link from mobile and desktop to suggest you what to consider optimizing.

Google Fonts

An interactive directory of over 800 free hosted web fonts. It allows to optimize loading speed by including only what you need.

Placehold.it

Image placeholders with customizable size. Just add the image resolution after the domain name, for example placehold.it/400×250

Speed Test by GT-Metrix

Analize the loading speed of a website from many available servers. The website creates a detailed analysis with screenshot and waterfall view.

Similar sites- Pingdom  and WebpageTest.org

FontAwesome

The most popular icon set based on CSS and LESS. The vector icons can be customized as text – size, color, drop shadow

XML Sitemaps

Generate XML sitemaps and URL list of a website. The crawl limit is 500 pages.

Post Image

Post images online for free and share them via links on messages, forums or emails

Codepen

Register to create, save and share HTML-CSS-JS code snippets and run them online.

Write PHP Online

Name suggests it all. Post your code and see what it does. In PHP

Pastebin

Pastebin is a website where you can store text online for a set period of time and share it with anybody or privately