Posts by admin

A Job for web developers and designers

  • 17
  • Aug

Date: 17th Aug 2012 Author: admin Categories: resources 3

Tags: , , , ,

Infographic: A Job for web developers and designers

Our today’s collection of infographics is .. about our work (job). Sometimes we can ask ourselwes: Is my work a well paid?, or, Am I really satisfied with my work? And even: Should I work for free? Or, we are thinking about our future, our plans. Answers to these questions will give our new hand made collection of infographics about our work.

Read more

Last.fm javascript API practice

  • 15
  • Aug

Date: 15th Aug 2012 Author: admin Categories: HTML/CSS, JavaScript, jQuery 10

Tags: , ,

Last.fm javascript API practice

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

CSS3 3D top shift menu

  • 13
  • Aug

Date: 13th Aug 2012 Author: admin Categories: HTML/CSS 6

Tags: ,

CSS3 3D top shift menu

CSS3 3D top shift menu

In this tutorial I will show you how to create animated 3D navigation menu (with images) with CSS3 only (JavaScript-free ). We will be using the power of CSS3 effects like perspective, box-sizing, transforms, gradients and transitions. You can use this menu in order to make a professional look of your website. Pay attention, than to see this menu you should move and hover your mouse over the blue element at the top of page.
Read more

How to display twitter posts using javascript

  • 10
  • Aug

Date: 10th Aug 2012 Author: admin Categories: JavaScript, jQuery 6

Tags: , ,

How to display twitter posts using javascript

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.

Read more

Facebook API – Get friends activity

  • 08
  • Aug

Date: 08th Aug 2012 Author: admin Categories: JavaScript 0

Tags: , , , ,

Facebook API - Get friends activity

Facebook API – Get friends activity

Today I want to show you how to display activity feeds of your friends at your website. Ever wondered what your friends were doing on the Facebook Pages that you both like? Most of you can answer ‘yes’. And today we are going to display that activity feed at your website, I am going to use Facebook API (using fql.query). The result script can show us different feed types, for instance: status update, posted links, notes, photos, videos and other. Everything are located in ‘stream’ FQL table. So, let’s look to the realization.

Read more

How to create simple and effective design template

  • 06
  • Aug

Date: 06th Aug 2012 Author: admin Categories: HTML/CSS, jQuery 0

Tags: , ,

How to create simple and effective design template

How to create simple and effective design template

Today we are going to use jQuery mobile library again. Today I’m going to show you how to create simple, but very effective webdesign template for your website. Our template consists of header (with small logo), navigation menu, main content area (2-column grid layout with custom design boxes) and footer. More, we can say that this is a fluid layout, which means that it looks great with any resolution of your monitor. Welcome to try it.

Read more

How to create a stylish setting page

  • 03
  • Aug

Date: 03rd Aug 2012 Author: admin Categories: HTML/CSS, jQuery 7

Tags: , ,

How to create a stylish setting page

How to create a stylish setting page

In our new tutorial I would like to show you how to create really modern and stylish settings page. Lets assume that you’ve had an own project. And, you are looking how to create admin panel for your project with some settings. If so – just continue reading and check our demonstration. In order to make this page with options I use jQuery mobile library. I think that this is really great library to create such pages as settings page.

Read more

How to get your Google+ profile info and friend’s activity using the Google JS API

  • 01
  • Aug

Date: 01st Aug 2012 Author: admin Categories: HTML/CSS, JavaScript, jQuery 3

Tags: , , , ,

How to get your Google+ profile info and friend's activity using the Google JS API

How to get your Google+ profile info and friend’s activity using the Google JS API

Today I would like to tell you about several interesting things. It is Google JavaScript API v3 and new generation of jQuery Templates – JsRender. I will show you how to setup authentication with Google (OAuth 2.0) and perform some API requests. One of them is obtaining info of logged-in member, and second one is obtaining an activity feed of your friends. Another side of our tutorial is jQuery templating. I will show you how to render HTML content using templates.

Read more

Facebook API – Get friends list

  • 30
  • Jul

Date: 30th Jul 2012 Author: admin Categories: JavaScript 49

Tags: , ,

Facebook API - Get friends list

Facebook API – Get friends list

In our recent tutorials I told you how to import your contacts from google. Today I decided to make similar tutorial, but for facebook. I think that it can be very interesting for you to get a list of your friends. We are going to use Facebook’s API (javascript api) to build today’s example.

Read more

Infographic: The science of color

  • 27
  • Jul

Date: 27th Jul 2012 Author: admin Categories: resources 2

Tags: ,

Infographic: The science of color

Our today’s collection of infographics is about Color. Color is an important component of every website. The final impression of your website depends on correctness of the chosen colors. And you don’t should neglect with it. A bad color combination can have a negative effect as well. In today’s article I’ve selected three related infographics which can help to understand the color theory and the nature of color.
Read more