Posts in category jQuery
How to turn jQuery accordion into CSS3 accordion
- 28
- Sep
How to turn jQuery accordion into CSS3 accordion
Have you ever used ordinary accordion plugins in your projects, I believe that yes, and, most of them use javascript to work (or jQuery). Usually we use such plugins (accordions) to build a promo with images, a little photo gallery, or in case if we have to build an advertisement with a list of product features. We did some research and came to the conclusion that sometimes we don’t need to use any script in order to build accordions. We can just use the power of CSS3. We can handle the OnClick event and use custom animation.
Read more
Our new product – Promoter
- 25
- Sep
Our new product – Promoter
Our new article is not quite a tutorial, but more a review and demonstration of our new product. Recently we’ve finished our first product. It is called – ‘Promoter’. This is a complex solution for you. It is made to promote your resource (your page or website) through social networks and email. You can send an invitation to your website to your friends (and other contacts) using your email addresses, also, you can invite your friends from social networks. So you can be sure that your invitation has been sent to maximum number of people. You can invite people from various email providers and social networks like: Facebook, Google (and G+), Yahoo, Mail.ru, Ya.ru, Odnoklassniki, LinkedIn, Vkontakte and Livejournal. How it works? – Easy. It doesn’t use any hidden methods like parsing of DOM pages (as you probably know this method is pretty unstable), instead of this we use APIs. It means that we use API of every provider in order to get your contacts (so this solution will be most stable). Built entirely on the latest technology with jQuery Mobile framework – it brings the power of HTML5 and CSS3 into your life.
Read more
Сontent slider with jCarousel
- 18
- Sep
Сontent slider with jCarousel
Today we are going to develop a nice content slider with jCarousel. It is possible that you have already seen similar sliders before, and were looking forward to repeat it. Our slider consists of next elements: initial intro block, control buttons to navigate through the slides, slides itself, and carousel with images (thumbnails) in the bottom. Plus, we can see all the slides one after the other (in alternative layout). This slider works very well in all the most popular browsers (Chrome, Firefox, IE7-9 etc).
Read more
Active charts using Highcharts
- 14
- Sep
Active charts using Highcharts
If you are looking how to create active charts (or diagrams) with information – our new article is for you. I have browsed the web, and found one good and serious solution – Highcharts library. This is pure javascript library which offers interactive and intuitive charts. This library supports various of possible charts: area, line, spline, areaspline, pie, column and other. I think that this is the best way to produce information for viewers. In today’s demo I prepared several examples with different charts.
Read more
How to create a game using jQuery
- 12
- Sep
How to create a game using jQuery
Today we are making a simple puzzle game called “Fifteen”. The purpose of the game is to slide 15 square blocks around to form an image. The goal of this tutorial is to look at this simple browser-based game and explain how it was made line by line. It’s a great way to learn jQuery. For this tutorial, We will use a 2D image square-sliding game I created last week and I will go over each line of code to demonstrate the train of thought. I really do believe that breaking this game up into explanations on per-line basis will help you understand how to use jQuery in your own projects.
Read more
Fancy Image gallery – jqFancyTransitions
- 10
- Sep
Fancy Image gallery – jqFancyTransitions
In our new tutorial I would like to show you how to create a nice looking photo gallery with transition effects. I’m going to use a ready jQuery plugin – jqFancyTransitions. It is easy and effective jQuery plugin to display photos as photo slideshow with fancy transition effects (wave, zipper and curtain). There are a lot of ways to customize the result. All the possible options will be published at the end of this article.
Read more
3D CSS3 Book Generator with jQuery
- 30
- Aug
3D CSS3 Book Generator with jQuery
Today we made up my mind to develop something really interesting and useful for you. A new jQuery plugin – as a generator of books. The main idea is to display user friendly book basing on raw text (with images). The book consists of pages, each page consists of 2 sides (as in a usual book), there are buttons Back-Next at the sides of pages to navigate through the pages, and when we turn the pages we see that the pages are turned in 3D (powered by CSS3). In order to achieve this 3D effect we use CSS3 transform (rotate3d, preserve-3d and rotateY) and transition effects.
Read more
Javascript cross-domain api for your website
- 22
- Aug
Javascript cross-domain api for your website
Welcome our readers. Today I would like to give a small but very important lesson where we will create our own cross-domain javascript api. I think that many of you have already tried to implement something similar, and maybe you faced with the impossibility of normal operation with the API functions at third-party domains. Basically, you just can not make a normal AJAX requests to a remote server and receive a reply in your javascript function. And all because of security regulations. But today I’ll show you how to solve this problem.
Last.fm javascript API practice
- 15
- Aug
Last.fm javascript API practice
Today I would like to give you something new, we have already talked about different social networks like facebook, google or twitter, but we haven’t tried other services, as example – musical services. I’ve prepared for you an example of work with Last.fm. As we know, this is huge musical website with rich api. In our tutorial we are going to create a script with next functionality: In the beginning it will obtain the top weekly artists (chart), then, we will remember a first one artist (as a top artist), and in the next step we will obtain information about him. And finally, in the third step we will get the top tracks by him. I sure that such script will be very useful for any music website.
Read more
How to display twitter posts using javascript
- 10
- Aug
How to display twitter posts using javascript
I think that displaying your Twitter posts on your website is a wonderful way to show people in-time news. This feature can be very useful for your project. Because it can can inspire your website’s visitors to follow you on Twitter. I am going to create simple script which loads twitter posts and renders into HTML format using JsRender jQuery library. Everything is on the client side.
