Tutorial

A Countdown Timer is a feature that you can install on your website to know users about an upcoming event, and counting down the time left for that event. A countdown timer can be built using various languages, but here I am going to discuss with you how to create a countdown timer using jQuery as the primary language to code. Obviously you will need to use HTML to display the countdown timer and style it using CSS. Apart from that, the tutorial is going to be a very simple and easy to follow one. ...

Earlier last month, I posted an article describing what Android Studio is, and why you should consider moving to it at this stage for your Android Application Development needs. After posting that, I got a few messages asking me a guide to move their projects from Eclipse to Android Studio easily without spending too much time. I decided to write this small guide on how to move projects from Eclipse to Android Studio. ...

I bet you have seen quite a few websites where in when you scroll the webpage, the menu bar of that webpage gets fixed or stuck at the top to allow you to easily navigate the website. In technical terms, it is called a Sticky Menu Bar. A sticky item is something that just sticks to any given position on the webpage, and it can be anywhere that you want. ...

Custom Fonts for a website, or a single webpage are becoming common these days. The reason behind this is that people want to showcase the content on their website in various different fonts, and the natively supported fonts on various computers and browsers is very low. I have **used a lot of different fonts **for different websites that I have worked on, and they have turned out great. Now, the problem with using Custom Fonts is that you are unaware if the user would have that specific font installed or not. So, to overcome this problem, we can take any of the following measures, that I will get to in a minute. ...

jQuery is something that helps web developers and designers achieve a lot of difficult tasks easily. Today, in this tutorial, I am going to teach you how to create a custom content scroller on your webpage. Have you ever faced a problem when you need to set a maximum height or width for an element on your webpage, but you are cautious that it may hide the actual content? Well, in such a scenario, a custom content scroller can be used, which enables the user to scroll through the content of an element in case it does not fit the screen. It will not scroll the entire webpage, but will just scroll that specific element. Before we begin, have a look at the demo and download the source code if you want. ...

Android applications are getting more and more popular these days. A lot more programmers and developers are getting together to build Android Applications for the masses. Also, not to forget that most of these Android Applications need to access the internet for one or the other thing. Though almost every Android phone out there is generally connected to the internet, there may be a case when there is no internet connectivity on the phone. We can not be certain that the internet connection exists. ...

Lately, I have been talking a lot about optimizing your website’s loading time. The main reason behind that is that Google and other search engines like websites that load fast, even the customer or the reader would like to visit a website that loads pretty quickly. Thus, it was essential to talk about optimizing your website loading time. After my last post on 5 tips to increase website loading time, one of the readers sent me an email asking me to describe a way to optimize images for his website without losing quality at all. ...

At times, we want to use an image slide show for displaying images in the background of our webpage and this is a difficult task. But with the advancement in the field of web development, it became easy to do so with using some jQuery or JavaScript on the webpage and achieve this goal. But I feel using additional lines of code to implement jQuery or JavaScript is not worth it. We can actually do that by using some of the properties in CSS3. CSS3 introduced a new property, the animation property. We already saw the animation property when I told you how to create a simple animated background for a webpage. If you missed that post, go ahead and read <a title="Animated Background Using CSS" href="http://slashcoding.com/create-an-animated-background-using-css/" target="_blank" rel="nofollow">How to Create animated Background using CSS</a>. In today’s tutorial, I would like to share with you all a way to create an image slide show background for your webpage. This can be useful when you want to display some images to the user, by default on any page as the background! ...

Sometimes hiding or showing some content to the user is to be decided. For instance, you are writing down the review of a movie and you don’t want the user to know the suspense by default. So, you can tell the user that this is a Spoiler Alert. If the user wants to read it, he or she can read it otherwise it will remain hidden to the user! Making such a thing is pretty easy but requires you to decide if you want the user to see the data by default or it must remain hidden by default. It totally depends on your application of this tip. Well, let’s get started writing down some basic HTML and CSS first. If you already don’t use Notepad++ for writing your codes, I recommend you to go ahead and get that at first. Read more about Notepad++ in my earlier article. ...