Fellow Tuts

Creating a Responsive Multi Column List

Amit SonkhiyaUpdated: July 19, 2017

In this tutorial we are creating responsive multi column list which maintain predefined number of columns in each row regardless of device size. The last output of our tutorial will be like below with 3 responsive columns in each row. You can easily change it with 2,4,5 or more columns as per your requirement.

In a grid system you can maintain responsiveness where fluid container display grids of images, videos, text, and more. In our article we are doing the same but maintaining number of grids in each row.

jQuery, JS Plugins

Simple tabs using jQuery

Amit SonkhiyaUpdated: July 24, 2018

Simple tabs are actually a single content area with multiple panels, each associated with a header in a list. In this article we are going to create tabbed content with very simple tabs using jQuery. The last output of our tutorial will be like shown.

WordPress

WordPress AJAX login in sidebar without a plugin – Part II (AJAX logout)

Amit SonkhiyaUpdated: September 23, 2014

In the previous part of this tutorial we covered technique to implement AJAX login in sidebar without a plugin in WordPress. In this part two we will continue with AJAX logout.

After a successful login, login form gets disappear and AJAX loads user’s display name and a link to logout on the same page. Now we need to apply some functionality to show the same and keeping the login form hidden on page refresh or redirect.

WordPress

WordPress AJAX login in sidebar without a plugin – Part I (Login)

Amit SonkhiyaUpdated: July 19, 2017

In this AJAX login articles series we will implement best-practice techniques to provide Ajax login/logout mechanism for WordPress that will be available in sidebar.

By following this article you will be able to create a nice login box that resides in widget sidebar of your website and checks for user credentials and behaves accordingly .

jQuery

Cookies in javascript

K K AgrawalUpdated: September 23, 2014

For years, in web technology,we need to store data on the client side. Before the advent of HTML5 and its new mechanisms, every developer used cookies to achieve this goal. Unfortunately, working with cookies in JavaScript can cause a lot of headaches. This article discusses what cookies are, and how to use.

WordPress

Getting user info after sign in from wp_signon function

K K AgrawalUpdated: September 24, 2014

I use wp_signon() and it returns a user, not an error. However when I do is_user_logged_in() it returns false.
I am trying to get current user info by using get_currentuserinfo() and wp_get_current_user()

MySQL

Sum of multiple columns values in a row

Amit SonkhiyaUpdated: September 24, 2014

With help of the following simple query you can find sum of multiple columns values in a row.

In the `marks` table below we have roll number and marks of each student in physics, chemistry and maths. Now we wish to find sum of marks obtained by each student.

WordPress

Moving the Sharing and Like buttons in Jetpack

Amit SonkhiyaUpdated: September 23, 2014

In our WordPress blogs, the Sharing and Like buttons in Jetpack get printed at the end of the the_content() Loop function, which causes them to display at the end of our post’s text by default. But that may not be where we want them in our site’s design.

WordPress

Add a default image to Jetpack if no image present in a post

Amit SonkhiyaUpdated: September 23, 2014

Here is a code snippet to add a default image to Jetpack if no image present in our post and we wish that image to be used by Jetpack to publicize our post.
Jetpack crawls the post and looks for images that can be used when sharing that post on Facebook, on Twitter. It starts by looking for a featured image.

HTML - CSS

Vertically and Horizontally Center a Div

Amit SonkhiyaUpdated: September 24, 2014

Here is a good solution to make vertically and horizontally center a div inside another div. We also discussed how to center a div in a div either horizontally or vertically later in this article.

[ Page 26 of 32 ]