This link has been bookmarked by 170 people . It was first bookmarked on 18 Feb 2009, by someone privately.
-
17 May 12
-
25 Apr 12
-
21 Apr 12
-
09 Apr 12
-
08 Mar 12
-
06 Feb 12
-
27 Dec 11
-
12 Oct 11
-
14 Sep 11
-
25 Aug 11
-
-
24 Aug 11
-
06 Aug 11
-
28 Jul 11
Haylee TrommerHow to Mimic the iGoogle Interface | Nettuts+
-
26 Jul 11
Phillip FortnerHow to Mimic the iGoogle Interface | Nettuts+
-
21 Jun 11
Bernard NisetIn this tutorial, I’ll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications!
-
03 Jun 11
-
12 May 11
-
10 May 11
Olivier PEYRUSSEHow to mimic iGoogle interface to create movable widgets or elements in a easy ways
A step by step tutorial -
14 Apr 11
-
10 Apr 11
-
19 Mar 11
-
14 Mar 11
-
04 Mar 11
-
03 Feb 11
-
13 Jan 11
-
09 Jan 11
-
06 Jan 11
Dani C.Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.In this tutorial, I’ll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle
jquery javascript ajax webdesign design development web webdev google widgets gui guides tutorials howto interface samples code
-
05 Jan 11
-
04 Jan 11
-
27 Dec 10
-
26 Dec 10
-
25 Dec 10
-
23 Dec 10
-
19 Dec 10
-
16 Dec 10
-
21 Nov 10
Sam BurroughIn this tutorial I'll be showing you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded
-
04 Nov 10
-
31 Oct 10
-
18 Oct 10
-
08 Aug 10
-
03 Aug 10
-
02 Aug 10
-
10 Jul 10
-
09 Jul 10
iannnnn Singhtoอันนี้เมพสุด jQuery เลียนแบบ Interface ของ iGoogle เลย จับลากเปลี่ยนสีคอนฟิกได้เพียบ
widget webdesign drag google igoogle javascript jquery nettuts ajax
-
08 Jul 10
-
01 Jul 10
-
22 Jun 10
-
21 Jun 10
-
09 Jun 10
-
widgets
-
edited
-
collapsed
-
removed
-
columns
-
color
-
Normally it would be better to use images instead of the CSS3 border-radius property to create rounded corners
-
future-proof!
-
initmethod -
call it from the bottom of your document
-
if you want to override these settings then the script will require you to give the widget an
id(in the HTML) and then create a new ruleset. -
This method will return an object with the settings of any particular widget.
-
an additional stylesheet which the JavaScript enhancements will require
-
attachStylesheet
-
When a new link element is added to the document through the DOM the browser will load it and apply its CSS rules as it would for any regular hard-coded linked StyleSheet.
-
method
-
makeSortable
-
There will only be one instance of our global object
-
jQuery : $
-
dollar-sign symbol
-
movable
-
Since we want this page and all the elements inside it to expand when the browser is resized we haven’t set any explicit widths on the widgets (list items)
-
To make this happen we have explicitly set the widget’s width to what it was before dragging had begun.
-
running a function on mousedown of the handle
-
a function to be tied to the mouseup event of the handle:
-
The ‘dragging’ class is added on that ’start’ property of the sortable module which we talked about earlier.
-
makeSortable method
-
addWidgetControls
-
loop through every widget on the page
-
What is "Event Bubbling"?
-
We’ve written the code which will inject the edit boxes into the document in the correct places
-
-
01 Jun 10
-
29 May 10
-
21 May 10
-
07 Apr 10
Sam HamiltonThis is one of the best drag/drop/save/remove examples I have found... but no add feature
-
21 Mar 10
-
18 Mar 10
-
05 Mar 10
-
03 Feb 10
-
01 Feb 10
-
27 Dec 09
-
21 Dec 09
-
12 Nov 09
-
10 Nov 09
-
30 Oct 09
-
29 Oct 09
-
28 Oct 09
-
22 Oct 09
-
17 Oct 09
-
16 Oct 09
-
15 Oct 09
-
01 Oct 09
-
27 Sep 09
-
24 Sep 09
-
21 Sep 09
-
11 Sep 09
-
24 Aug 09
-
Doug PetersonIn this tutorial I'll be showing you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications!
jquery interface igoogle Netvibes nettuts portal webdev Javascript icsxx
-
05 Aug 09
-
20 Jul 09
-
02 Jul 09
-
27 Jun 09
-
19 Jun 09
-
11 Jun 09
-
08 Jun 09
-
13 May 09
-
11 May 09
-
21 Mar 09
-
jQuery UI
-
-
13 Mar 09
-
12 Mar 09
-
Riccardo PietrucciCome simulare l'interfaccia IGoogle con JQuery
javascript ajax interface webdesign jquery tutorial igoogle widgets
-
11 Mar 09
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.