HTML: Id Attribute

The id attribute specifies a unique id for an HTML element. The value must be unique within the HTML document.

The id attribute is mostly used to point to a style in a style sheet, and by JavaScript (via the HTML DOM) to manipulate the element with the specific id. The id attribute can be used on any HTML element.

Rules

  • Must begin with a letter A-Z or a-z.
  • A class name cannot start with a number.
  • Must not contain any space characters.
  • Can be followed by: letters (A-Za-z), digits (0-9), hyphens (“-“), and underscores (“_”).
  • In HTML, all values are case-insensitive.
<html>
	<head>
		<title> id attribute</title>
		<style>
			#top{
				color: blue;
			}
			#imp{
				color: brown;
			}
		</style>
	</head>
	<body>
		<a href="#imp">Important</a>
		<p id="top">
			Once upon a time, all the birds - the swans, cranes, </p>
		<h3 id="imp">
			Goodwill is that unseen force which is </h3>
		<p>He has neither the time, nor the interest to bother </p>
		<a href="#top">Go to Top</a>
	</body>
</html>
Tagged : / / / / / / /

How to Use Padding Property in CSS?

Its shorthand padding property It declares all padding properties in one single line. We can set this property to length in the form of %, cm, px etc.

Padding Property

  • padding
  • padding-left
  • padding-right
  • padding-top
  • padding-bottom

Padding

This property is used to set the padding of specified element.

Ex: –

img { padding: 10px 20px 30px 40px;}

padding-left

This property is used to set left padding of element. We can set this property to length in the form of %, cm, px etc.

Ex: –

img { padding-left: 20%; }
h1 { padding-left: 40px; }

padding-right

This property is used to set right padding of element. We can set this property to length in the form of %, cm, px etc.

Ex: –

img { padding-right: 20%; }
h1 { padding-right: 40px; }

padding-top

This property is used to set top padding of element. We can set this property to length in the form of %, cm, px etc. 

Ex: –

img { padding-top: 20%; }
h1 { padding-top: 40px; }

padding-bottom

This property is used to set bottom padding of element. We can set this property to length in the form of %, cm, px etc.

Ex: –

img { padding-bottom: 20%; }
h1 { padding-bottom: 40px; }

Tagged : / / / / / / /

How to use Margin Property in CSS?

margin

Its shorthand margin property It declares all margin properties in one single line. We can set this property to auto or length in the form of %, cm, px etc. It is by default set 0px.

When we set auto value browser decide the margin. 

Ex: –

img { margin: 10px 20px 30px 40px;}

Margin Property

This property is used to set the margin of specified element.

  • margin-left
  • margin-right
  • margin-top
  • margin-bottom
  • margin

margin-left

This property is used to set left margin of element. We can set this property to auto or length in the form of %, cm, px etc. It is by default set 0px.

When we set auto value browser decide the margin. 

Ex: –

img { margin-left: 20%; }
h1 { margin-left: 40px; }
p { margin-left: auto; }

margin-right

This property is used to set right margin of element. We can set this property to auto or length in the form of %, cm, px etc. It is by default set 0px.

When we set auto value browser decide the margin. 

Ex: –

img { margin-right: 20%; }
h1 { margin-right: 40px; }
p { margin-right: auto; }

margin-top

This property is used to set top margin of element. We can set this property to auto or length in the form of %, cm, px etc. It is by default set 0px.

When we set auto value browser decide the margin. 

Ex: –

img { margin-top: 20%; }
h1 { margin-top: 40px; }
p { margin-top: auto; }

margin-bottom

This property is used to set bottom margin of element. We can set this property to auto or length in the form of %, cm, px etc. It is by default set 0px.

When we set auto value browser decide the margin. 

Ex: –

img { margin-bottom: 20%; }
h1 { margin-bottom: 40px; }
p { margin-bottom: auto; }

Tagged : / / / / / / /

How to use the position property in CSS to align elements?

In This tutorial, I am going to explain that how to How to use the position property in CSS to align elements? Below Property to uses in align elements-

Position-

  • Left
  • Right
  • Bottom
  • Top
  • static
  • Fixed
  • Relative
  • Absolute

Length (cm, px, %)

Left Align Property-

  • left: auto
  • left: 55px
  • left: 50%

Right Align Property-

  • right: auto
  • right: 23px
  • right: 50%

Bottom Align Property-

  • bottom: auto
  • bottom: 23cm
  • bottom: 40%

Top Align Property-

  • top: auto
  • top: 20%
  • top: 40px

static

When we set static position for an element then it is not positioned in any special way, it is always positioned according to the normal flow of the page. left, right, top and bottom property won’t work with static position.

Ex: –

h1 {
position: static;
border: 5px solid red;
}

h1 {
position: static;
border: 5px solid red;
left: 50px;
}

fixed-

When we set fixed position for an element it always stays in the same place even if the page is scrolled. The top, right, bottom, and left properties are used to position the element.

img {
position: fixed;
right: 0;
top: 50%;
border: 3px solid red;
}

relative-

When we set relative position for an element, elements positioned to its normal flow.

h1 {
position: relative;
left: 50px;
border: 3px solid red;
}

absolute-

When we set absolute position for an element, element is positioned to the nearest positioned ancestor. If there is no positioned ancestor then it follow the normal position according to browser.

div {
position: absolute;
top: 80px;
right: 0;
width: 200px;
height: 100px;
border: 3px solid red;
}

Absolute Positioning Inside Relative Positioning | CSS-Tricks

These properties are used to position an element.

We can not use any of these properties without setting up position property.

Tagged : / / / / / / / /

List of Top 11 Programming Languages in 2021

  1. JavaScript
  2. Python
  3. Java
  4. Go
  5. TypeScript
  6. C++
  7. Ruby
  8. PHP
  9. C#
  10. C
  11. SQL

What is programming Languages?

  • A programming language is a set of words, symbols and codes that enables human to communicate with computers.
  • It is a set of rules that provides a way of telling a computer what operations to perform
  • It is a set of rules for communicating an algorithm
  • It provides a linguistic framework for describing computations

Use of Programming Language?

  • The programing language enables us to write efficient programs and develop online solutions such as- mobile applications, web applications, and games, etc. 
  •  Programming languages are used to facilitate communication about the task of organizing and manipulating information, and to express algorithms precisely.

What are the types of programming language?

There are two types of programming languages, which can be categorized into the following ways:

  1. Low level language

(a)  Machine language (1GL)

(b)  Assembly language (2GL)           

2. High level language    

(a) Procedural-Oriented language (3GL)

(b)  Problem-Oriented language (4GL)

(c)  Natural language (5GL)

  1. Low level language :This language is the most understandable language used by computer to perform its operations.

It can be further categorized into:

a) Machine Language (1GL) : A first-generation programming language (1GL) is a machine-level programming language. This makes the language suitable for the understanding of the machine but far more difficult to interpret and learn by the human programmer.

b) Assembly Language : An assembly language is a type of low-level programming language that is intended to communicate directly with a computer’s hardware. Unlike machine language, which consists of binary and hexadecimal characters, assembly languages are designed to be readable by humans.

 2. High level language: A high-level language is any programming language that enables development of a program in a much more user-friendly programming context and is generally independent of the computer’s hardware architecture.


High level language can be further categorized as:

(a) Procedural-Oriented language (3GL): With a procedural language, often called a third-generation language (3GL), a programmer uses a series of English-like words to write instructions. While Programmers use an object-oriented programming (OOP) language or object-oriented program development tool to implement objects in a program.

(b) Problem-Oriented language (4GL): It allows the users to specify what the output should be, without describing all the details of how the data should be manupulated to produce the result. This is one step ahead from 3GL. These are result oriented and include database query language.

(c) Natural language (5GL): A fifth-generation programming language (5GL) is any programming language based on problem-solving using constraints given to the program, rather than using an algorithm written by a programmer. Most constraint-based and logic programming languages and some other declarative languages are fifth-generation languages.

 Which programming Language is most popular?

Tagged : / / /

What is DevOps and How its Different from AWS DevOps?

Introduction

Guys, today in this blog you will learn in detail about DevOps and AWS DevOps, so let’s know what is DevOps and AWS DevOps. DevOps is a term of the two words ‘development’ and ‘operations’. DevOps is not a technology, it is a combination of cultural, practices, and tools that increases an organization’s ability to deliver applications and services. As we know, AWS DevOps provides application developer teams with the means to efficiently implement continuous integration and continuous delivery (CI/CD). This enables them to securely store and version application source code, while automatically building, testing, and eventually deploying the application to either on-premises environments or to AWS.

What is DevOps?

DevOps is a software development methodology where the Development team & Operations teamwork as together. After adopting DevOps, it helps to increase the speed of an organization to deliver applications and services. And it can be defined as the alignment of development and IT operations with better communication and collaboration. And those who are DevOps engineers use many tools for the development & operations processes so that our life becomes easy. These popular DevOps tools are- Docker, Git, SVN, Maven, Jenkins, Selenium, Kubernetes, Puppet, Chef, SaltStack, Nagios, Splunk, etc.

Here are the some Benefits of DevOps:-

  • DevOps ideology encourages a completely new way of thinking and decision-making.
  • DevOps certified professionals are among the highest-paid in the IT industry.
  • The market demand is increasing rapidly with its increased implementation worldwide.
  • It ideology promotes increased collaboration and communication between the operation and development teams.
  • You learn to work in a team consisting of cross-functional team members—QA, developers, operation engineers, and business analysts.

What is AWS?

AWS stands for Amazon Web Services, It is a cloud infrastructure, is an extensive, emerging cloud platform offered by Amazon that contains a combination of IaaS, PaaS, and SaaS offerings. Also, AWS can provide organizational tools including database storage, computing power, and content delivery services. It can be used to store crucial data.

The below image gives you an idea about AWS certifications

Benefits after Grab AWS Certification:-

  • AWS certified professional is someone who can manage servers provided by amazon.
  • It is cloud storage is quite useful for organizations and it’s easily accessible too.
  • Design and deploy dynamic, scalable, highly available, and reliable cloud applications.
  • It is enables businesses to scale and grow with database storage, content delivery, compute power and other tools.

AWS Certified Developer Roles and Responsibilities:-

  1. Skills in write, correct and debug application code modules
  2. Knowledge of software development lifecycle for AWS cloud
  3. Ability to develop, deploy & debug AWS cloud applications
  4. Knowledge of software development lifecycle for AWS cloud
  5. Understanding of serverless applications and ability to write code for these applications.

What is AWS DevOps?

AWS DevOps is Amazon’s answer to implementing the DevOps philosophy using its cloud platform and dedicated tools and services. provides application developer teams with the means to efficiently implement continuous integration and continuous delivery (CI/CD). This enables them to securely store and version application source code, while automatically building, testing, and eventually deploying the application to either on-premises environments or to AWS.

Benefits of AWS DevOps:-

  • Develop, improve, and thoroughly document operational practices and procedures.
  • Develop and implement instrumentation for monitoring the health and availability of services including fault detection, alerting, triage, and recovery.
  • Work in conjunction with IT, engineering, and business groups to understand functionality, scalability, performance, security, and integration requirements.
  • Build solutions to problems that interrupt availability, performance, and stability in our systems, services, and products at scale.

Difference Between DevOps and AWS DevOps:-

DevOps is a software development methodology where the Development team & Operations team work as a together. After adopting DevOps, it helps to increase the speed of an organization to deliver applications and services. And it can be defined as the alignment of development and IT operations with better communication and collaboration. AWS DevOps is Amazon’s answer to implementing the DevOps philosophy using its cloud platform and dedicated tools and services. provides application developer teams with the means to efficiently implement continuous integration and continuous delivery (CI/CD).

DevOps Fundamental to Advanced Tutorial for Beginners

If you want to learn DevOps | Cloud and Containers Free Videos and Tutorials then Join scmGalaxy YouTube Channel

I hope this post will be very helpful for you!

Thank You

Tagged : / / / / / / /

Top 10 Container(Docker) Monitoring Solutions and Tools in 2018

Top 10 Container Monitoring Solutions/Tools in 2018

  1. Native Docker
  2. cAdvisor
  3. Scout
  4. Pingdom
  5. Datadog
  6. Sysdig
  7. Prometheus
  8. Heapster / Grafana
  9. ELK stack
  10. Sensu

Reference

https://rancher.com/comparing-10-container-monitoring-solutions-rancher/

Tagged : / / / /

Top 30 best paying tech companies for software engineers

As per the latest survey done by Glassdor, These are top tech companies who pay highest attractive salary to their employees. Listing is alphabetic order, not in order to rank.

  1. Adobe
  2. Amazon
  3. Apple
  4. Autodesk
  5. Bloomberg LP
  6. Brocade Communications
  7. Cisco
  8. eBay
  9. Facebook
  10. FreeScale
  11. Goldman Sachs
  12. Google
  13. Informatica
  14. Intel
  15. Intuit
  16. LinkedIn
  17. Microsoft
  18. Morgan Stanley
  19. Net Apps
  20. NVIDIA
  21. Oracle
  22. PayPal
  23. Perforce
  24. Synopsys
  25. Texas Instruments
  26. Trilogy
  27. Twitter
  28. VMWare
  29. Xilinx
  30. Yahoo
  31. Zynga
Tagged : / / / /

Best date android apps

Tagged
Tagged – Meet, Date, Chat, Flirt, Free, Fun! Over 300 million members make Tagged the largest and best FREE app to meet new people and make new friends for flirting, dating, friendship and fun! Free to download and – unlike other dating apps – free to connect with people too!

Badoo – Meet New People
Badoo is a mobile social network with over 150 million users. So Badoo is a new great place on mobile for chatting and dating.

MeetMe – Meet New People
Whether you’re at the bar, on the beach, or hanging out at home, MeetMe is one of the best dating app for meeting and chatting with new people. Download the app and meet over 40 million of new people.

Skout
Skout is the global network for meeting new people. Instantly meet people near you or around the world. Discover new friends at a local bar or in Barcelona. Millions of people are connecting and meeting through Skout every day. Use exciting in-app features to increase your chances of friending or chatting!

DATING (meet singles)
Meet cool people nearby: free (no ads too!) and easy to use! If you want to flirt, or just to chat with new friends, this is the app to download!

WeChat

WeChat is a mobile text and voice messaging communication service developed by Tencent in China, first released in January 2011.  The app is available on Android, iPhone, BlackBerry, Windows Phone, and Symbian platforms. Languages supported include traditional/simplified Chinese, English, Indonesian, Spanish, Portuguese, Thai, Vietnamese, and Russian.

Tagged : / / / / / / / / / / /

Top Must have android apps in India

Indian Rail Info App
Indian Rail Info App is the most downloaded Android application for information about Indian Railways. It enables users to search information about train schedules, including arrival and departure time. Along with that, the app offers details like PNR status, seat availability, train numbers seat upgrade status, fares and status of running trains.

AVG Antivirus Free
AVG AntiVirus Free is the most popular free antivirus app on Android and will go through all the contents of your smartphone to ensure is protected from malware. The app will also keep an eye on the memory and battery consumption, along with mobile data usage. By activating the anti-theft feature of the device, you can even track your smartphone in case it is lost or stolen.

Justdial
With the Justdial app, you will have all information about your local area on your fingertips. Using the device’s in-built GPS and Google Maps, this app easily finds the businesses, services and products in any area in India. Users can even add the addresses listed with Just Dial to their device’s Contact List, book events and send listings over SMS and email free of cost.

Viber
When it comes to free calls and messages, Viber is the top free app in Google Play marketplace. This app can help you reduce the amount you spend each month by enabling you to make calls and send SMSes via a reliable internet connection. Along with that, you can send photos and videos with your friends using this app. Think of it as the combination of WhatsApp and Skype and use it to call another Viber users, irrespective of which platform they use, be it Android, iOS, Windows or Symbian.

Zomato
Zomato
Finding a restaurant in major cities of India becomes easy with the Zomato Restaurant Finder app. This app covers food joints in cities like Delhi NCR, Mumbai, Bangalore, Kolkata, Pune, Chennai, Hyderabad, Jaipur, Ahmedabad and Chandigarh. Users can check the ratings, reviews and pictures of the restaurants registered with Zomato through this app, which even recommends the best restaurants based on the location.

Mint.com Personal Finance
Your various banking institutions and credit card companies may each have their own Android apps, but Mint.com’s app ties them all together and aggregates your total income and debt so you can put an exact number on the soul-crushing feeling of constantly being in the hole.
The app also helps you set a budget for yourself, lets you track your spending, and presents you with money saving offers, so there’s a light at the end of that tunnel after all.

Angry Birds
Some pigs steal from you and then hide in a ramshackle fortress built out of wood and ice. You knock down said fortress by launching birds from a slingshot. These birds each have different powers. Except flight.

That’s the basic premise of Angry Birds. I think. I’ve played every level and I still can’t figure out why the birds and the pigs can’t just get along. Anyway, just get the game. It’s free and highly addictive.

WebMD
Though it is not a replacement for an actual doctor, it is the next best thing to have. An easy medical reference that we can carry in our pockets. Though some features are not tailored for Indian conditions, it can be a lifesaver in an emergency.

Dropbox
If you happen to access your files on multiple PCs or devices, then Dropbox is possibly the best client for you. Probably the simplest to set up amongst all the rivals, and instant sync across devices- you wont need to worry about not having that one critical file ever again. And it works on a wide range of devices as well.

Burrp
This app throws up information on just about everything in your city – food, nightlife, events, movies, shopping, beauty and fitness. The details for an establishment include the contact number, ability to send messages and even find on the map. Must have app to discover the city a little better.

Facebook Messenger
With integrated SMS texting, the Facebook messenger app for Android is worth downloading if you spend a lot of time communicating with friends from your mobile device.

Skype
The most popular video and voice calling software which is not available on all mobile devices. This uses your data connection (3G or Wifi) to make voice or data calls to other users who have also installed Skype. Make use of your front-facing camera.

Badoo – Meet New People
Badoo is a mobile social network with over 150 million users. So Badoo is a new great place on mobile for chatting and dating.

MeetMe – Meet New People
Whether you’re at the bar, on the beach, or hanging out at home, MeetMe is one of the best dating app for meeting and chatting with new people. Download the app and meet over 40 million of new people.

Tagged : / / / / / / /