Inerd Hussein - tagged with downloads

Google Chrome Apps : Experiment

Wed, 26 May 2010 11:30:00 -0600

The Chrome Web Store opens later this year. Users will be able to discover a broad range of amazing web apps while developers will be able to reach millions of new users. Google Chrome and the Chrome Web Store will support installable web apps. For now, to load installable web apps you need a Windows Dev channel release of Google Chrome with a special command-line (–enable-apps) flag. Chrome apps sounds quite interesting so i took a while of my time to experiment it. Its quite simple actually and here is my screen now.

If you are running the Dev Channel with –enable-apps flag you may use this Haveeru & Muraasil app as seen on my screen.

Display your Feedburner stats

Fri, 20 Mar 2009 09:13:00 -0600

I’ve been away for the last week. My wife and I bought a flat in North London and finally moved in on March 16th. So I’m currently without the internet and won’t have it until the end of March which is frustrating when I want to update my blog but simply can’t so please excuse my infrequent posts over the next few weeks. Here’s a quick piece of code to simply display your feedburner stats on your blog. I’m yet to post my stats publicly on my blog but have seen numerous blogs with the standard feedburner badge which I think is quite ugly. So here’s how to just get the stats using PHP and CURL. You can then style it how you like.

$ch = curl_init(); //set the feed url and options plus a timeout value $timeout=5; curl_setopt($ch,CURLOPT_URL,'https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=AshleyFord-Papermashupcom'); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout); $result = curl_exec($ch); // get just the subscriber number using the regex function $subscribers = get_match('/circulation="(.*)"/isU',$result);

echo 'Papermashup.com has '.$subscribers.' subscribers';

//close connection curl_close($ch);

function get_match($regex,$result) { preg_match($regex,$result,$matches); return $matches[1]; }

Jquery Spy

Sun, 01 Mar 2009 13:47:00 -0700

A while ago i spent a long time looking into how Digg made their original spy script, which i can no longer find on their site. They do however have a flash spy which is pretty cool and can be found here. I found a similar script to do the job over at leftlogic.com and used that for a while for a small project of my own, and over the past few weeks found the need to use the spy script for a project at MySpace that I’m working on that aggregates RSS feeds from various sources into one feed and displays them in a simple spy in date order. Due to the scale of the site the page needs to be cached and scalable for other projects. So with that in mind I went on the hunt for a new Spy script and found this one over at Jquery for designers. For the project, we modified the code so on load it paused before the next list item came in allowing for a better user experience, the code was also modified to order the list items correctly which was not the case in the original script. This script requires Jquery version 1.2.6. The [removed]

$(document).ready(function(){ $('ul.spy').simpleSpy('4','4000');

$('ul.spy li').reverseOrder();

});

(function ($) { $.fn.reverseOrder = function() { return this.each(function() { $(this).prependTo( $(this).parent() ); }); };

$.fn.simpleSpy = function (limit, interval) { limit = limit || 4; interval = interval || 4000;

return this.each(function () {
        // capture a cache of all the list items
        // chomp the list down to limit li elements
    var $list = $(this),
        items = [], // uninitialised
        currentItem = limit,
        total = 0, // initialise later on
        start = 0,//when the effect first starts
        startdelay = 4000;//set the initial delay onload.
        height = $list.find('> li:first').height();

    // capture the cache
    $list.find('> li').each(function () {
        items.push('

' + $(this).html() + '

'); });

    total = items.length;

    $list.wrap('

').parent().css({ height : height * limit });

    $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();
    function spy() {
        // insert a new item with opacity and height of zero
        var $insert = $(items[currentItem]).css({
            height : 0,
            opacity : 0,
            display : 'none'
        }).prependTo($list);

        // fade the last item out.
        $list.find('> li:last').animate({ opacity : 0}, 1000, function () {
            // increase the height of the new first item.
             $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
                // fade the first item in and remove the last one
                $(this).remove();

        });

        currentItem++;
        if (currentItem >= total) {
            currentItem = 0;
        }

        setTimeout(spy, interval)
    }

    if (start < 1) {
           setTimeout(spy,startdelay);
            start++;
        } else {
        spy();
        }

});

};

})(jQuery);

The HTML:

The style and content of the spy is completely up to you, you could easily add a PHP database query and while loop to this script to make this dynamic. If anyone has any questions implementing a database query into this leave a comment below.

Smashing Retro Icon Set

Thu, 12 Feb 2009 11:30:00 -0700

Over the last few months, we have extensively covered the influence of retro and vintage style on modern Web design. We have looked at recent vintage Web designs, showcased posters and typography and presented vintage tutorials. In fact, we are confident that vintage is still in, and that many designers are experimenting with this style to achieve unusual, creative and (hopefully) effective results. So today, we are pleased to release the Smashing Retro Icon Set, a set of 10 beautiful, high-quality “vintage” icons, created by the talented Russian design agency SoftFacade especially for Smashing Magazine and its readers. The set contains 10 original icons: search, sign-up, calendar, news, RSS, comments, email, ads, home and address.

Download the set for free! You can use the set for free and without any restrictions in both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Download the set (.zip, ICO and PNG, 9.3 MB)

Thank you, guys. We really appreciate your efforts! (al)

Post tags: downloads, free, Freebies, Graphics, icons

Mootools Ajax Example

Fri, 06 Feb 2009 05:15:00 -0700

Here’s a quick example of an ajax request with Mootools. the code below is from sandmoose.com. However I have modified it to get the data using the twitter search api. So the script contains 4 functions, the first function ‘initializeContainer’ makes a new ajax request to our file, in this case ‘twitter.php’. The next function initialises the fade out effect, and tells the function that onComplete to trigger the function ‘updateContainer’. This function puts the data from our file ‘twitter.php’ into the div with and id of contain, once this is done it triggers the function ‘fadeinContainer’ which fades the contents of the div back in. You need to include the mootools framework, here’s the Google hosted link:

The Code:

function initializeContainer() { new Ajax('twitter.php', {update:'contain'}).request(); }

function ajaxRequest() { $('contain').effect('opacity',{duration:1000, fps:50, onComplete:updateContainer}).start(1,0); };

function updateContainer() { new Ajax('twitter.php', {update:'contain', onComplete:fadeInContainer}).request(); }

function fadeInContainer() { $('contain').effect('opacity',{duration:1000, fps:50}).start(0,1); }

We need to initialise the function onload.

Friday Freebies: Flavours Icon Set And Cute Tweeters Icon Set

Fri, 23 Jan 2009 08:18:00 -0700

We continue to deliver fresh high-quality freebies to our readers, and we continue to pursue the diversity of subjects that we like to cover on Smashing Magazine. Since the beginning of the year, each icon set has been dedicated to a specific theme or topic that could be useful in your next project. Today, we are releasing two free high-quality icon sets. Flavours Icon Set Oliver Twardowski, a graphic designer from Bonn, Germany, has put in a lot of time and effort to release this handy icon set especially for Smashing Magazine and its readers. His set, aimed to help designers in their Web and user interface designs, contains 177 icons in a resolution of 48×48 pixels. The files are available for in the PNG and PSD sources, so you can modify the files as you wish.

As usual, the set is available as a free download and can be used for any purposes without any restrictions whatsoever. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Download the set (Zip, 2.0 Mb) Download the PSD sources (.psd, Zip, 5.9 Mb)

Behind the scenes As usual, here are some insights from the designer himself: In November 2008 I designed and released my first icon set, Sketch’d up!. This set was 100% vector-based and contained over 100 icons. After finishing it, I knew exactly what was the next task on my list. I wanted to create a pixel-based set of icons for websites and Web applications. For the size of the icons, I choose 48×48px, because for me this is the perfect size to fit on a website. I never thought that it would be such a hard task to create an icon based on pixels that says what it has to say. Pixel by pixel, every single icon of “Flavour” was created over the weeks. I am personally pretty satisfied with what came of it in the end. And I do really hope that you like it, too! Would be a pleasure to hear and see where you used it. Just drop me a line at icons [at] addictedtocoffee [dot] de. And who knows, maybe there’s a Part 2 of the “Flavour icon set” already in my head… All the best from Bonn, Germany, Oliver Twardowski Thank you, Oliver, for your great work! We hope the second part of the set comes soon! Cute Tweeters Icon Set This set was designed by the talented Mirjami Manninen, an illustrator from Finland who released the beautiful RSS feed set Feed Me Animals on Smashing Magazine last year. This new set contains eight transparent PNG icons for Twitter, available in resolutions of 128×128 pixels, 256×256 and 512×512. The sources are in EPS files (for CS4 and CS3), PSD files and AI files (for CS4).

Again, the set is available as a free download and can be used for any purpose without any restrictions whatsoever. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.

Large preview (JPG, 0.4 Mb) Download the set (.zip, 2.2 Mb) Download the sources (PSD, AI, EPS, .zip, 13,1 Mb)

Behind the scenes As usual, here are some insights from the designer herself: I am an illustrator from Finland. While drawing for one design competition that was about Twitter, I started to really like this little bird, and decided to create a whole set for Smashing Magazine’s readers. I am very excited of the mesh tool in illustrator, andIi want to encourage all designers to try it. I have found it very helpful in my icon design. Greetings to all Smashing Magazine readers! Mirjami Manninen Thanks, Miriam, we really appreciate your efforts! Suggestions for particular icon sets? What icons would you like to be released on Smashing Magazine next? What are you looking for? And, more importantly, what kind of icons shouldn’t we release anymore? We appreciate your input in the comments to this post! (al)

Visualise data with the MooWheel Class

Sun, 18 Jan 2009 02:40:00 -0700

Everyone knows Mootools as being a popular JavaScript framework and now there’s a different way to visualise data, in a unique and elegant way using the MooWheel class. The MooWheel class can also generate a graph based on a JSON request. The MooWheel is designed to display connections between many different objects, and their relationships with one another. Find out more about the MooWheel and Download the Class

Desktop Wallpaper Calendar: January 2009

Tue, 30 Dec 2008 15:48:00 -0700

Desktop wallpapers can serve as an excellent source of inspiration. However, if you use some specific wallpaper for a long period of time, it becomes harder to draw inspiration out of it. That’s why we have decided to supply you with smashing wallpapers over 12 months. And to make them a little bit more distinctive from the usual crowd, we’ve decided to embed calendars for the upcoming month. So if you need to look up some date, isn’t it better to show off a nice wallpaper with a nice calendar instead of launching some default time application? This post features 40 free desktop wallpapers, created by designers across the globe. Both versions with a calendar and without a calendar can be downloaded for free. Please notice:

all images can be clicked and lead to the preview of the wallpaper; you can feature your work in our magazine by taking part in our desktop wallpaper calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?

So which wallpapers have we received for January 2009? In With The New "I know that you require entrants to send in their work at least 2 days early and I admit that this is pushing it. I know that you’ll do your best as this took a fair bit of time hence the late entry. This entry basically reflects releasing the old and embracing the new. The whole concept is revolving around something big and embracing it as well as accepting it with style." Designed by Umer Tahir from Calgary, Canada.