How Can We Help You?

Although we try to list all the tutorials in the top menu but if you are still unable to get your tutorial then you can search the topic by entering keyword in the following form.

Search From tutorials

Search From Questions Bank

Looking for Dummy addresses as per country?

Checkout the following address generators as per the country.

Our Vision

Our Vision is to make it easy for the students to learn by providing best study material and best code snippets for the developers so that they can get all in their hands from a single website and don't need to search here and there for the day to day codes.

Who we are is a website which provides the best tutorials and study materials for the freshers as well as experienced developers. The best part is the content is free of cost for learning. You can copy and paste the code into your projects. We provide the tutorials for HTML, CSS, javascript, Jquery till now. These topics will get on going to increase by the time. fell free to choose your topic from the following listing and start your tour to that topic. Happy learning!!!!

Why People like us?

This website provide free tutorials for learning.

It provide better tryit editor in which you don't need to worry about the closing tags.

We provide clean and easy to understandable code so that you can learn more in less time.

Got lots of questions?

Lucky, we got lots of answers as well.

Are you an expert?

Share your knowledge and experience.

125,193 Questions total questions asked
65,485 Solved total solved questions
83,495 Answers total answer posted
5,964 Total users total community members

Tryit Editor

Tutsocean is now providing the platform to try your code online. In the tryit editor - v2, your syntax will be properly highlighted. Along with that, you don't have to worry about the missing closing tags or closing braces because this editor will automatically close all the opening tags and braces. Sublime editor lovers will surely love it for its interface and features. Try it now!

Tryit - v1 or Tryit - v2


Best Place to share larger or small files over the world. Must give a try

Try now

All Topics

Following are some of the topics we provide for freshers as well as experienced peoples which are going to increase day by day



HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.



Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL.



jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today, with installation on 65% of the top 10 million highest-trafficked sites on the Web. jQuery is free, open-source software licensed under the MIT License. It needs js file to be included in your project to work properly.



PHP is a server-side scripting language designed for web development but also used as a general-purpose programming language. Originally created by Rasmus Lerdorf in 1994, the PHP reference implementation is now produced by The PHP Group.



WordPress is a free and open-source content management system (CMS) based on PHP and MySQL. Wordpress is installed within a web server, but a local computer can also be configured as its own web server hosting Wordpress for single-user testing or learning purposes.



AngularJS (commonly referred to as "Angular.js" or Angular) is an open-source web application framework mainly maintained by Google and corporations to address many of the challenges encountered in developing single-page applications.

Top Ten Topics From HTML

HTML Text Link ( HTML anchor )

Web pages can contain links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks. In web world language, it is known as “HTML anchor Tag” Hyperlinks allow visitors to

HTML Tables

Tables are very useful to arrange in HTML and they are used very frequently by almost all web developers. HTML Tables are just like spreadsheets and they are made up of rows and columns. You will create a table in HTML/XHTML by using <ta

HTML Phrase elements

While some of these HTML phrase elements are displayed in a similar manner to the <b>, <i>, <pre>, and <tt> elements you have already seen, they are designed for specific purposes. For example, the <em> and <

HTML Meta tags

HTML lets you specify metadata information about a document rather than document content in a variety of ways. The best way is “HTML meta tags” The META element can be used to include name/value pairs describing properties of th

HTML Marquee

A HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. This is created by using HTML tag <marquees>. NOTE: The HTML <marquee> is an MSIE

HTML Image tag

Images are very important to beautify as well as to depicts many concepts on your web page. Its is true that one single image is worth than thuasands of words. So as a Web Developer you should have clear understanding on how to use images i

HTML Frames

Frames divide a browser window into several pieces or panes, each pane containing a separate XHTML/HTML document. One of the key advantages that frames offer is that you can then load and reload single panes without having to reload the ent


HTML Forms are required when you want to collect some data from the site visitor. For example registration information: name, email address, credit card, etc. A form will take input from the site visitor and then will post your back-end app

HTML Formating

If you want people to read what you have written, then structuring your text well is even more important on the Web than when writing for print. People have trouble reading wide, long, paragraphs of text on Web sites unless they are broken

HTML Fonts

<font> tag is used to add style, size, and color to the text on your site. You can use a <basefont> tag to set all of your text to the same size, face, and color. The font tag is having three attributes called size, color, and f

Top Ten Topics From CSS

CSS Display

The css display property controls the box’s type generated by an element. CSS Display Property The CSS specification defines the default display value for all the elements, e.g. the <div>element is rendered as block, while the &

CSS Visual Formatting

The visual formatting model typically explains how elements in the document tree are processed for visual media such as computer screen. CSS Visual Formatting Model The CSS visual formatting model is the algorithm that is used to process th

CSS Units

Units are used to specify non-zero length value in CSS properties. Understanding CSS Units The units in which length is measured can be either absolute such as pixels, points and so on, or relative such as percentages (%) and em units. Spec

CSS Dimension

The CSS dimension properties used to control the height and width of an element. CSS Dimension Properties The CSS provides several properties such as width, height, max-width and max-height etc. that allows you to control the dimension of a

CSS Overflow

The overflow property specifies the behavior that occurs when an element’s content overflows (doesn’t fit) the element’s box. CSS Overflow Property There may be a situation when the content of an element might be larger th

CSS Cursors

CSS cursor property used to define cursor type (i.e. mouse pointer) when the mouse moves over a certain area or, over a link on the webpage. CSS Cursor Property The browsers typically display the mouse pointer over any blank part of a web p

CSS Outline

An outline is a line that is drawn just outside the border edge of the elements such as buttons, active form fields, etc., to make them stand out. Outlines Vs Borders The outlines are generally used to highlight elements. An outline at a gl

CSS Border

Border of an element goes around the padding and content. CSS Border Properties The CSS border properties allow you to define the border area of a box. The border can either be a predefined style like, solid line, double line, dotted line,

CSS Padding

The padding area is the space between the content of the element and its border. CSS Padding Properties The CSS padding properties allow you to set the padding area for an element that separates its border from its content. The padding is a

CSS Margin

Margin clears an area around the border that separates it from other boxes. CSS Margin Properties The CSS margin properties allow you to set the margins around the sides of an element’s box. The margins does not have a background-colo

Top Ten Topics From jQuery

select2 with sort using drag and drop


jQuery Validation on Login Page

In this tutorial we learn how to “create a Login system & jquery validation“. The prestored username, password are verified from database whether both exists or not in our database, this is done using PHP script. HTML File:

jQuery Validation on Registration Page

In this tutorial, we will learn about how to make “Registration system & jquery validation”. jquery will be used to validate the form with simple steps. we will also learn a bit about database connectivity using PHP. We hav

jQuery Remove

In this tutorial you will learn how to use jQuery Remove property to remove the HTML elements or its contents as well as its attribute from the document using jQuery. jQuery Remove Elements or Contents jQuery provides handful of methods, s

jQuery Insert

In this tutorial you will learn how to use jQuery Insert to insert new elements or contents to the document using jQuery. jQuery Insert New Content jQuery provides several methods, such as append(), prepend(), html(), text(), before(),after

jQuery Get or Set

In this tutorial you will learn how to use jquery get & set in the element’s content and attribute value as well as the from control value using jQuery. jQuery Get or Set Contents and Values Some jQuery methods can be used to ei

jQuery Callback

In this tutorial you will learn how to use jquery callback function for the jQuery effect. jQuery Callback Functions JavaScript statements are executed line by line. But, since jQuery effect takes some time to finish the next line code ma

jQuery Chaining

In this tutorial you will learn how to use jQuery chaining of multiple methods. jQuery Chaining Method The jQuery provides another robust feature called method chaining that allows us to perform multiple action on the same set of elements,

jQuery Stop

In this tutorial you will learn how to stop running animations using jQuery. jQuery stop() Method The jQuery stop() method is used to stop the jQuery animations or effects currently running on the selected elements before it completes. The

jQuery Animation

In this tutorial you will learn how to animate CSS properties using jQuery Animation. Get started with jQuery Animation Codes jQuery animate() Method The jQuery animate() method is used to create custom animations. The animate() method is t

Top Ten Topics From AngularJS

Promises in AngularJS

In this tutorial, we will keep an eye on “Promises in AngularJS” We first looked at fetching categories from a server by using $http directly inarticleCtrl. For this to work, we would have to undo some of the decoupling we previ

Server integration in AngularJS

The aim of this section is to discuss two services AngularJS provides for integrating with a server, namely $http and $resource. We’ll look at $http first and$resource second. $resource is essentially a RESTful extension of $http. Previou

Directives continued

In this last directives section, we again return to our analogy (a team of laborers completing some building works), as we have yet to cover any decorative directives. Rather than strictly being about styling and CSS, by decorative I mean i

Dependency annotations

AngularJS needs assistance to know what to inject into the callbacks we provide to certain functions, such as controller(). In the examples we’ve seen so far, AngularJS uses the argument name, so if we were to make a typo such as £scope

Injection in AngularJS

In the first directives section, we mentioned injection, stating that we would cover it in a later section. Injection might get a little complicated, but I’ll do my best to keep it concise and understandable. Minimal theory Dependency inj

Directives again in AngularJS

In the first directives section, I introduced an analogy (a team of laborers completing some building works) and used it to begin categorizing directives as one of three types: structural decorative plumbing Unfortunately, I then proceeded

Bindings in angularJS

In the previous section of this tutorial, we introduced ng-bind as a way to connect controller models to the text content of HTML elements. There is an alternative, non-directive way of achieving this, namely double curly bracket notation o

Directives in AngularJS

Considering the fact that I discussed MVC in the introduction, it would be very tempting to structure this tutorial by the AngularJS implementation of models, views and controllers. But there is a construct so fundamental to AngularJS that

Key feature of AngularJS

AngularJS is one core library. I really like that concept because I don’t have to rely on a million other scripts and worrying about those different script versions playing nicely into the future. If you work on a development team then ma

The Challenge With SPAs

DOM Manipulation History Module Loading Routing Caching Object Modeling Data Binding Ajax/ promises View Loading. Above is the list of challenges we will face during the AngularJS development. We will try to face these challenges so we can

Top Ten Topics From PHP

Get Latitude & Longitude from an address – php

Using cURL [crayon-5de8b203a3b27667194210/]  

Top PHP Interview Questions 2018 – part3

In this article, we provide PHP Interview Questions which you can use to crack any level of php interview. Feel free to ask any question in questionbank. Question # 41) What is a lambda function in PHP? Answer # To sum up, a lambda function

Top PHP Interview Questions 2018 – part2

In this article, we provide PHP Interview Questions which you can use to crack any level of php interview. Feel free to ask any question in questionbank. Question # 21) Is Java is better than PHP? Answer # PHP and Java are both very similar

Top PHP Interview Questions 2018 – part1

In this article, we provide PHP Interview Questions which you can use to crack any level of php interview. Feel free to ask any question in questionbank. Question # 1) What is PHP? Answer # PHP: Hypertext Preprocessor is a widely-used open

PayPal payment gateway integration in PHP

PayPal is an American international e-commerce business allowing payments and money transfers to be made through the Internet. PayPal is very popular payment gateway for every web project. This tutorial will explain about PayPal payment gat

Convert html to pdf and send as email attachment

If we are developing a website then there are chances that we need to Convert html to pdf and send as email attachment. If you also need such functionality then this tutorial is for you. Just follow the steps and you will be able to send em

PHP interview questions and answers for freshers

In this post, we provide you some “important PHP interview questions” which can help you to crack any interview for php job. These questions better fit the freshers as we know that when you are experienced then you don’t

PHP Sorting Arrays

The elements of an array can be sorted alphabetically or numerically in ascending or descending order. PHP Functions For Sorting Arrays In the previous chapter you’ve learnt the essentials of PHP arrays i.e. what arrays are, how to cr

PHP Arrays

An array can store many values at once within a single variable. What is PHP Arrays Arrays are complex variables that stores multiple or a group of values under a single variable name. Let’s suppose you want to store 10 numbers in yo

PHP Switch…Case Statements

The switch-case statements are used to test an expression with different values. The switch-case statement is an alternative to the if-elseif-else statement, which does almost the same thing. The switch-case statement tests a variable again

Top Ten Topics From wordPress

How to Create a Custom WordPress Widget

[crayon-5de8b1e611bb4480731649/]     [crayon-5de8b1e611bbc596972435/] Advance option with hide_empty and exclude dynamic from widget [crayon-5de8b1e611bbf955874850/]  

Installing WordPress on 000webhost

Installing WordPress on 000webhost is definitely the right way to go, since 000webhost is a user-friendly and free website hosting service – you won’t have to spend a dime on web hosting, which is very important when you are just st

WordPress setup guide – 10 steps in 10 minutes

In this post, we will learn about the WordPress setup or wordpress installation in 10 easy steps in 10 minutes. Set your stop watch. As we know that wordpress is CMS for php. This is famous for the easiness of its installation. Setup of wor

Custom user listing with numbered pagination

If you are making a custom page in WordPress where you want to show the user listing with numbered pagination then you are at right place. In this tutorial, I will share code using which you can make Custom user listing with numbered pagin

How to remove Strange characters ’ and  in WordPress posts

WordPress is an open source web software also called as CMS which is developed and designed in PHP with MySQL database support which can be used to create a beautiful website or blog. The core of WordPress is built by hundreds of community

WordPress Ajax Numbered Pagination in 5 minutes

As we know that in the current era, everyone is looking for the websites with minimum number of refresh. One of the solution for that is “Ajax”. We consider that you already have basic knowledge of how to use Ajax in wordPress.

Send sms to mobile using twilio sms service

In today’s era, we send sms to mobile from our site for many purpose. It can be for phone number verification at the time of user registration or it can be some other purpose. But this is becoming trending these days to send sms from

Ajax load more for Users with wordpress

In this tutorial, you will learn about implementing “Load More users in wordpress” functionality. We will use jquery and ajax. If you are not familiar with jquery and ajax, You can learn jquery from here. As we know that, in the