Feed Subscription (more)

Subscribe with My Yahoo!Subscribe with NewsGatorSubscribe with My AOLSubscribe with RojoSubscribe with BloglinesSubscribe with NetvibesSubscribe with GoogleSubscribe with PageflakesSubscribe with PlusmoSubscribe with FeedLoungeSubscribe with The Free DictionarySubscribe with Bitty BrowserSubscribe with NewsAlloySubscribe with Live.comSubscribe with Excite MIXSubscribe with Yourminis.comSubscribe with Attensa for OutlookSubscribe with WebwagSubscribe with netomat HubSubscribe with Daily RotationSubscribe with Podcast ReadySubscribe with Flurry
Subscribe with Particlsadd to Any Feed ReaderSubscribe with fwickiPřidej na Seznam

Free & Recession | Google Apps Getting More Famous

syndicated content boosted by feedcat.net

Go to original website
 

Current Feed Content from 4 Jul 09 22:55

 
  • 56 CSS Tabs & Navigation Menu Scripts and Examples

    2009-05-11T12:22:00.000-07:00
    Tabbed navigation is a popular form of navigation and is a group of links that give the impression of being projections attached to different areas of unseen content. This will make the problem of a user's needs to navigate through a site to locate content and features much more easier and provides them with a clear indication of their current location in the site. Using tab based navigation allows is an interesting technique which reduces the effort to open and close multiple windows.

    Also, tab based navigation is much more useful when you are space constrained, i.e, you want to shoe more content in less space, or to show important or most helpful contents at the top while hiding the less important contents, yet want them to be available for the users. Most of the tabs which are used nowadyas are being designed using CSS and made functional using JavaScript and Ajax.

    There are different kinds of tab based navigation designs available for use if you search through the internet. While some used traditional CSS and Javascript, some of the tabs are made possible through AJAX which makes them adorable and much easier to use.

    Here is a list of CSS and Ajax based tabs that we found, which may be useful for you to use in your sites/blogs to make it more interesting.

    1. Cross Browser Tabbed Pages

    : This uses only CSS and no Javascript or AJAX, and is the simple of all that we found. Just hover your mouse over the tabs and the contents are displayed below.

    Cross Browser Tabbed Pages

    Currently two differnt types are available.
      One with a fixed height tab contents, which adds scroll bars to the contents when necessary.Another one with varying content height which adjusts the height of the content division to accomodate the whole contents, without a scrollbar.


    2. CSS Tabs 2.0

    : CSS tabs without using any images or hacks and with as little CSS as possible.

    CSS Tabs 2.0


    3. CSS Driven tabs

    : Just pure HTML & CSS

    CSS Driven tabs


    4. Hidden Tab Menu

    : Well, this can't be said as an example for a pure tab based navigation. But by the way it is presented, a tab which shows menu and hovering mouse over it showing the hidden menu, it can be considered as a sort of tab menu.

    Hidden Tab Menu


    5. Updated Simple CSS Tabs

    : These tabs provide you with tabs with nested Menus inside each tab content at the top.

    Updated Simple CSS Tabs


    6. CSS Tabs with Submenus

    : This is a way of accomplishing tabs and subnavigation using only CSS and nested unordered lists. The home tab has no subitems, the rest do.

    CSS Tabs with Submenus


    7. Simplified CSS Tabs

    : It uses just a styled, unordered list and a 1x1 pixel image to create the bottom border -- thereby bomb-proofing the display for most modern browsers.

    Simplified CSS Tabs


    8. CSS Mini-Tabs

    : The un-tab, tab. An example of an alternate take on pure, CSS tabs using just a styled, unordered list and no images or tables.

    CSS Mini-Tabs


    9. Simple CSS Tabs

    : One where the user can click on individual tabs to view different content within the same space.

    Simple CSS Tabs


    10. Standard Tabs Module

    : The Standard Tab widget provides standard features for a tab widget.

    Standard Tabs Module


    11. Close Tabs and Add New Tabs Dynamically

    : You can either Close a Tab or Add New Tab using this Tab, whcich uses Javascript to remove or create new tabs dynamically. The disadvantage is that the contents in the tab are from external files.

    Close Tabs and Add New Tabs Dynamically


    12. Closeable Tabs Module

    : The Closeable Tab widget allows tabs to be removed.

    Closeable Tabs Module


    13. Draggable Tabs

    : The Draggable Tab widget allows tabs to be dragged (and dropped) between one or more modules.

    Draggable Tabs


    14. Ajax Tab Content

    : This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more. Inspired from Yahoo's

    homepage

    , which employs such a concept to show news in an organized fashion.

    Ajax Tab Content


    15. Rotating UI Tabs

    : Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion. By default a tab widget will swap between tabbed sections onClick, but the events can be changed to onHover through an option. Tab content can be loaded via Ajax by setting an href on a tab. Tabs supports loading tab content via Ajax in an unobtrusive manner.

    Rotating UI Tabs


    16. Easy Tabs 1.2 - With Autochange

    : You can now set a auto-change modus to one of your menus. Accessible compact and compatible with all browsers as always.

    Easy Tabs 1.2 - With Autochange


    17. Slideshow Tabs

    : Supports "slideshow" mode, in which script automatically cycles through and selects each tab periodically until a tab is explicitly selected.

    Slideshow Tabs


    18. Sliding Tabs

    : Sliding Tabs is a mootools 1.11 plug-in which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site, which in turn was very similar to a widget used in the iTunes Music Store.

    Sliding Tabs


    19. Coda-Slider Sliding Tabs

    : Now you can target individual tabs and give each one a different look.

    Coda-Slider Sliding Tabs


    20. Perspective Tabs

    : Perspective tabs is a simple mootools 1.2 plug-in that allows for a large number of tabs to fit into a small space.

    Perspective Tabs


    21. Fabtabulous

    : Fabtabulous! Simple tabs singPrototype javascript library.

    Fabtabulous


    22. JQuery TabContainer

    : Implement a JQuery style fade animation that runs as the user navigates between selectedtabs.You can add tab transition animations to your existing Tab Panel Controls.

    JQuery TabContainer


    23. Accordion Style Tabs

    : Tabs which switches with an accordion like effect suing moo.fx library.

    Accordion Style Tabs


    24. MooTabs

    : This is MooTabs! Using a slightly modified CSS file and Fx.Transitions.Back.easeOut as changeTransition

    MooTabs


    25. Yahoo! UI Library: TabView

    : The TabView component is designed to enable developers to create navigable tabbed views of content.

    26. Fancy Sliding Tab Menu

    : The menu is developed in script.aculo.us and has some extra features as requested in comments after the last version of theFancy Sliding Tab Menu.

    Fancy Sliding Tab Menu


    27. Control.Tabs

    : Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

    Control.Tabs


    28. Zapatec AJAX Tabs

    : Uses the Zapatec AJAX Transport layer to transfer the tab contents dynamically.

    Zapatec AJAX Tabs


    29. ExtJS Advanced Tabs

    : TabPanel built entirely with javascript

    ExtJS Advanced Tabs


    30. Floating window with tabs

    This script is based on simple ordinary div tags. This makes it very easy to set up. Put in your HTML content and call a javascript function to initialize the window.

    Floating Window with Tabs


    31. AJAX Tabs (Rails redux)

    : Using Ajax to load information that does not need to be retrieved every time the user pulls the record. The methods used here are to yield absolute control over where the content comes from, what conditions trigger action, and how the panes are presented. This is really meant to be used in an application because the javascript and css are heavy if you are only using them on one page.

    AJAX Tabs (Rails redux)


    32. JQuery Nested Tab Set

    : This will provide you with a set of tabs nested inside a parent tab, made using jQuery plugin.

    JQuery Nested Tab Set


    33. jQuery Tabs

    : A nifty little plugin that creates accessible unobtrusive javascript tabs using jQuery.

    jQuery Tabs


    34. Clean Digg Like Tabs

    : Clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover).

    Clean Digg Like Tabs


    35. jQuery idTabs

    : idTabs is a plugin for jQuery.It makes adding tabs into a website super A simple.But it can also open the door to endless possiblities.

    jQuery idTabs


    36. Ajax Project - Tabbed Page Interface

    : There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh? Here's an example of a tabbed interface using Ajax to load the new pages.

    Ajax Project - Tabbed Page Interface


    37. Vertical CSS Menus

    : 14 interesting Vertical tab menus.

    Vertical CSS Menus


    38. JavaScript Tabifier

    : Automatically create an HTML tab interface using plug-and-play JavaScript.

    JavaScript Tabifier


    39. dhtmlxTabbar

    : JavaScript tabbar control for creating dynamic tabbed-navigation interface. This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.

    dhtmlxTabbar


    40. Centered Tabs withCSS

    : Since CSS Tab navigation it relies heavily on floats for the positioning of its tabs, we’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?

    Centered Tabs with CSS


    41. CSS Tab Designer

    : CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!

    CSS Tab Designer


    42.Light Weight Low Tech CSS Tabs

    : An example of light weight tabs by combining the Sliding Doors method with the Mountaintop corners idea.

    Light Weight Low Tech CSS Tabs


    43. Module Tabs - Carousel

    : Example of showing one page of content at at time in tabs. Each tab link scrolls to the page selected. Since all animation is turned off (animationSpeed = 0) then it just moves the desired content into view.

    Module Tabs - Carousel


    44. Tabbed Navigation Using CSS

    : Create low-bandwidth tab navigation on a web page using CSS. As an extra bonus you'll also learn how to switch tabs without loading the page more than once.

    Tabbed Navigation Using CSS


    45. Duoh’s 2nd Level Tab Menu



    Duoh’s 2nd Level Tab Menu


    46. CSS Menu with slider

    : This little example shows how to make really simple and yet very nice CSS Menu with slider.

    CSS Menu with slider


    47. Fancy Menu

    : Custom navigation bar with some cute Javascript effects.

    Fancy Menu


    48. Bulletproof Slants

    : Designs that are as fast, flexible and accessible as possible.

    Bulletproof Slants


    49. CSS Menus v2

    : Dynamic menu examples are driven completely by CSS and work in all modern browsers.Internet Explorer is the exception, of course. IE 6 requires some "hover" help, and IE 7 retains some z-index bugs.

    CSS Menus v2


    50. DOMTab

    : DOMtab is a JavaScript that turns a list of links connected to content sections into a tab
    interface. The script removes any "back to top" links in the section and automatically hides all but the first one when the page is loaded. You can use
    as many tabbed menus on the page as you want to.

    DOMTab


    51. CSS Tabs Menu with Dropdowns

    : Create dropdowns when the top level menu item is hovered over. This uses the Son of Suckerfish method for the dropdowns, as seen on HTML Dog.

    CSS Tabs Menu with Dropdowns


    52. Animated Horizontal Tabs

    : These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab.

    Animated Horizontal Tabs


    54. Inverted Shift Down Menu

    : This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it.

    Inverted Shift Down Menu


    54. Inverted Shift Down Menu II

    : This inverted horizontal menu creates tabs where the active tab is both longer and its text offset downwards compared to its less active counterparts. It does this by manipulating the tab's top/bottom padding values plus the color of its bottom border.

    Inverted Shift Down Menu II


    55. DD Tab Menu

    : DD Tab Menu is a standards compliant, 2 level tab menu. Move your
    mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

    DD Tab Menu


    56. Flexible Navigation

    : Navigation bar achieved via images, a bit of CSS and some JavaScript.

    Flexible Navigation
    Binish Mathew
     
  • 160, 000 User Accounts Breached at UC Berkeley

    2009-05-09T08:53:00.000-07:00
    The University of California, Berkeley (UC Berkeley) has begun notifying more than 160, 000 students, alumni and others about the potential compromise of their Social Security numbers, health insurance information and other personal data, following a database intrusion at the university. The University began notifying students, alumni and others that their personal information may have been stolen after hackers attacked restricted computer databases in the campus's health services center.

    The databases contained individuals' Social Security numbers, health insurance information and non-treatment medical information, such as immunization records and names of some of the physicians they may have seen for diagnoses or treatment.

    Accounts Breached at UC BerkeleyUC Berkeley administrators pointed out that the hackers fortunately did not access University Health Services's (UHS) medical records, which include patients' diagnoses, treatments and therapies. Those records are stored in a separate system and were not affected by this crime.

    The campus learned of the breach in April, immediately removed from service the exposed databases to prevent any further attacks, and alerted campus police and the FBI. In all, more than 160, 000 individuals will be alerted, including those who had their Social Security numbers accessed and others who may be at risk for identity theft. E-mails were issued starting today, and letters should start arriving over the next week. These communications will also include guidance on steps these individuals should take to guard against potential identity theft. A hotline has been established to answer any questions from individuals who received notices.

    The victims of this crime are current and former UC Berkeley students (as well as their parents and spouses, if linked to insurance coverage) who had UHS health care coverage or received services. The campus is also sending notification letters to approximately 3, 400 Mills College students who received, or were eligible to receive, health care at UC Berkeley.

    The data for UC Berkeley students, alumni and their parents date back to 1999. The information involving Mills College former and current students dates back to 2001.

    The server breach began on Oct. 9, 2008, and continued until April 9, 2009, when campus computer administrators performing routine maintenance identified messages left by the hackers. Administrators immediately activated an emergency security incident team to investigate the scope and impact of the breach; evidence uncovered to date suggests that the attack was launched by hackers based overseas. The attackers accessed a public Web site and subsequently bypassed additional secured databases stored on the same server.

    "The university deeply regrets exposing our students and the Mills community to potential identity theft. The campus takes our responsibility as data stewards very seriously. We are working closely with law enforcement and information security experts to identify the specific causes that may have contributed to this breach and to implement recommendations that will reduce our exposure to future attacks."
    said Shelton Waggener, UC Berkeley's associate vice chancellor for information technology and its chief information officer.

    Individuals whose names and personal data were stolen should consider placing a fraud alert on their credit reporting accounts. The campus has set up a website, datatheft.berkeley.edu, to assist these individuals with contact information for key resources, and it has established a 24-hour Data Theft Hotline, 888-729-3301, to answer their questions.
    Binish Mathew
     
  • Microsfot Found and Fixed Major Bug in Windows 7 RC

    2009-05-09T08:45:00.000-07:00
    Windows 7It came to know that just days after it launched Windows 7 Release Candidate (RC), Microsoft has released a fix for a major flaw that slipped through testing.The patch, which Microsoft describes as an "Important" update when it appears in Windows Update, was released yesterday.

    A hotfix is available as an important update that should be delivered and installed automatically by Windows Update, assuming you have set up automatic updates.According to the accompanying support document, the problem affects only the English-language version of the 32-bit edition of Windows 7 RC.

    "The folder that is created as the root folder of the system drive (%SystemDrive%) is missing entries in its security descriptor, " Microsoft acknowledged in the support article. "One effect of this problem is that standard users such as non-administrators cannot perform all operations to subfolders that are created directly under the root. Therefore, applications that reference folders under the root may not install successfully or may not uninstall successfully. Additionally, operations or applications that reference these folders may fail."

    Users will see a generic "Access is denied" error message when some chores, such as deleting a folder, are attempted. Microsoft said the root cause was that Windows 7 RC 32-bit "incorrectly sets access control lists (ACLs) on the root." ACLs are essentially lists of permissions.

    While the hotfix pushed through Windows Update fixes the flaw, it doesn't repair already-installed applications that may have been crippled by the bug. In fact, Microsoft recommended that to play it safe, users who have already installed Windows 7 RC, and subsequently installed any applications, essentially take a mulligan and do it all over again.

    "To make sure that this update does not affect your user experience, we recommend that you take the following actions, " Microsoft said, as it urged users to start the PC from the DVD, reformat the drive or partition where Windows 7 will be installed, re-install Windows 7, and then immediately apply the hotfix via Windows Update before restoring any backups or installing any software.

    Microsoft
    Website : www.microsoft.com
    Location : Redmond, Washington, United States
    Founded : April 4, 1974

    Microsoft is a multinational computer technology corporation. They are a veteran software company, best known for their Microsoft Windows operating system and the Microsoft Office suite of productivity software, but they have also ventured into hardware with consumer products such as the Zune and Xbox. They have made a presence on the Web with the MSN internet portal and Microsoft Live search, but have been widely criticized for their failure to penetrate this market.
    Binish Mathew
     
  • Twitterrific & Tweetie | Cool Twitter Clients for iPhone

    2009-05-08T07:41:00.000-07:00
    Twitterrific 2.0, the new version of the popular Twitter App for the iPhone, is now live in the iPhone App Store.Twitterrific is the iPhone's premiere app for reading and posting to the Twitter social network. The software has been designed to provide ease of use and a wide range of features while sporting one of the most elegant user interfaces available.

    Tweetie is the leader among Twitter apps (only Twitter and TweetDeck have more users, says TwitStat). Although , Twitterrific does have some features better than or more than Tweetie, it seems that Tweetie will hold its lead position for some time now. Twitterrific will be compared or benchmarked with the performance or features avaialbel in Tweetie, as of now.

    Tweetie

    Tweetie for iPhoneTweetie, the leading app for iPhone in the market comes with a clean interface and lots of cool functions and options. Using Tweetie in your iPhone you can handle multiple twitter accounts, view your Tweet timeline, allows you to reply, send direct messages and favorites, browse your friends and followers, post new tweets, retweet, reply directly to tweets and send direct messages, follow and unfollow people, mark tweets as favorites, navigate reply chains for your twitter account.

    The app also includes and inline web browser, allows you to post links with automatic link shrinking via bit.ly, upload pictures to twitpic.com, update your twitter location, view twitter trends and perform custom searches, save your favorite searches and the app implements the full twitter API.

    The best part about Tweetie is it uses secure connection (https), and contains a Go to User shortcut, provides you with Nearby search, have lots of themes and adjustable font sizes.

    Twitterrific 2.0