Archive for the ‘Tutorial’ Category

19
May
TRE
Author:
Chocksy
0

I just watched a video from nettuts where they show the new Google Font Directory and how easy it is to use it. I just had to share this with you guys.
Here is the video

And the links to the font directory: Google Font Directory and a tutorial on getting started: tutorial

09
Mar
TUT
Author:
Chocksy
2
Sexy CSS+JS Form

I was working on our new open source project that i think you will like and I was working on the registration page. This is what I got in the end and i will walk you trough the process with me. This new tutorial is about styling the forms of your website, I find it very good looking and very simple to implement. We will use simple CSS and some [...]

02
Jan
TUT
Author:
Chocksy
0
Performance

I was experimenting with new features for the past few weeks and while i was working on optimizing a website we are working on currently i was wondering what would it take to get a very big score on Yslow. But as Jeff says in this old post: “Yahoo’s Problems Are Not Your Problems”. So i was just doing the usual putting the javascript files at the bottom, minify every [...]

01
Oct
TUT
Author:
Chocksy
0
Play with CSS3

If you saw our “ImageRoll” page and you used Firefox, Chrome or Safari then you saw the images being rotated in different angles well the way i did that is by using CSS3. I guess you already figured that out from the title. :)

CSS3 implements a lot of new features that can make your life easier of course you will not be able to use them quite yet. IE is not supporting like more than 90% of them so it’s useless if you want to make this for a client. The ones that we used on our blog are: box-shadow, border-radius and text-shadow. [...]

29
Sep
TUT
Author:
Chocksy
1
Cache Pic

As I said in my last post, I wanted from the first time to make a cacheing system for my imageroll page. Because i take the images from vi.sualize.us servers and we don’t want to make to much trafic and make stuff worse for them.

So what i did is simple, i made a class that extracts the rss data from theirs servers and get the images to display them. I do this every time someone visits the page.

23
Sep
TUT
Author:
Chocksy
4
Write Better CSS

When writing your CSS, it is possible to write neater, more readable code by making use of CSS shortcuts. A shortcut is a feature of CSS that allows the developer to specify a number of related properties on a single line rather than specify them all separately. Lets look at the following example:

.header {
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
[...]

22
Sep
TUT
Author:
Chocksy
0
JQUERY upload plugin

Sometimes we come into a problem that is a little harder to do when it comes to customizing and that is the file upload input. Well Andris Valums helps us with a plugin he created for jQuery.
The plugin requires jQuery 1.2 or above and allows users to upload multiple files without refreshing the page.
To make the plugin work you have to include jQuery and the plugin in your websites [...]

22
Sep
TUT
Author:
Chocksy
15
jQuery pagination

Description
When you have a a large list of items (e.g. search results or news articles), you can display them grouped in pages and present navigational elements to move from one page to another. This plugin creates these navigational elements.
Usage
Include the pagination plugin script and the pagination.css file in your HTML page. In your HTML body create a container tag pair that will hold the link elements. Give it an id [...]

22
Sep
TUT
Author:
Chocksy
1
PNG Fix for IE6

Last night i was working on a site that uses a lot of transparent .png’s . As we all know, our dear MS IE 6 doesn’t know how to handle the transparency of PNG files.
For quite a while, i was using a Javascript png fix called SUPERSLEIGHT and i was very happy about how it worked.
But last night i came into a problem. I needed to make some rollover images [...]

22
Sep
TUT
Author:
Chocksy
8
Twitter followers tutorial

You’re probably wondering why should i bother if we have TwitterCounter to show us the followers, well what if i don’t like the way it shows them what if i wanna do a counter with my own graphics , well i’m gonna show you how.
We’re gonna need the jpg to show the followers on and 2 classes to read the data.
Let’s get some twitter icons so that we can create [...]