background preloader

jQuery UI - Home

jQuery UI - Home

jQuery for Designers - Tutorials and screencasts JS-Kit: Web 2.0 For Lazy People We first covered JS-Kit last November when we talked about their quick embed code that lets you add comments to any site where JavaScript is accepted. Since then, JS-Kit has been creating more widgets making adding user interaction to any site dead simple (2 lines of code per widget). JS-Kit has also grown from a one-man-show into a full company after adding 5 of the 12 engineers from Filmloop (which shut down earlier this year). Since then, they’ve been turning out a new widget every two weeks. JS-Kit is growing a suite of widgets that will help site owners optimize their website content, eventually allowing website owners to easily optimize their site based on how people surf their site. JS-Kit’s current widget suite consists of comments, five-star ratings, and a polling widget added this week. Each widget also has administrative capabilities, assigned by cookie to the first computer to accesses the widget code. Comment and rating widget after the jump… jQuery Countdown The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time. You can also remove the countdown widget if it is no longer required. Default countdown: 331Days6Hours34Minutes12Seconds The defaults are: Text is in English Format is 'dHMS' Days are shown if needed Hours/minutes/seconds are shown You can override the defaults globally as shown below: Processed fields are marked with a class of hasCountdown and are not re-processed if targetted a second time. A note on Date - the JavaScript Date constructor expects the year, month, and day as parameters. You can control how the countdown is presented via the format setting. Don't show days: 119Hours59Minutes58Seconds Don't show seconds: 5Days0Hours0Minutes Don't show either: 120Hours0Minutes Pad with zeroes: 04Days23Hours59Minutes58Seconds Compact version: 4d 23:59:58 Minimal compact version: 120:00 For targets further in the future, there are more presentation options. <?

jQuery Plugin Demo Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer quis ipsum eu nibh aliquam porta. Suspendisse nunc libero, lacinia ut, pellentesque sit amet, porta at, neque. Sed id nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce lorem libero, bibendum in, accumsan id, imperdiet vitae, pede. Nullam ac mi. . Aliquam arcu sapien, luctus et, laoreet at, scelerisque eu, ipsum. . Aenean vel felis. viverra, ipsum orci imperdiet ipsum, vitae vulputate lorem magna et magna. Donec orci eros, euismod ut, convallis at, cursus suscipit, libero.

Creating a login form with jQuery | View Demo Creating a login (or any form for that matter) can be trickier than it looks. After all how difficult can two text boxes a button and some labels be? There are different ways to accomplish this task, some using more proper semantically correct markup techniques than others. We’ll first start out with some html markup, notice the lack of css class attributes or JavaScript event handlers present. The next step we take is to target each element down the list and assign it a css class. Next, we’ll add the event handler for the submit button by using .click(). Throw in an animation for good measure to display a message for invalid attempts and you’re good to go. ASP.Net Portal Tutorials and DotNetNuke Resources My favorite jQuery Plugins Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.ArgumentOutOfRangeException: startIndex cannot be larger than length of string. Parameter name: startIndex Source Error: Line 102: string page = url.Substring(firstIndex, lastIndex - firstIndex); Line 103: int length = url.Length - max + 3; Line 104: url = url.Replace(page, "..." + page.Substring(length)); Line 105: } Line 106: Source File: c:\Inetpub\wwwroot\SITES\MIGLIORISI.COM\BLOG\App_Code\Extensions\ResolveLinks.cs Line: 104 Stack Trace: [ArgumentOutOfRangeException: startIndex cannot be larger than length of string.

Expand-collapse toggle panel (div) using jquery | jquery toggle Advertisement In this post, I’ll show you how easy it is to show expandable and collapsible toggle panel using jQuery. When you click on the heading, the content gets displayed by sliding and when you again click on the heading again, it gets collapsed. View LIVE DEMO Now let’s look at the html code, <div class = "msg_list" > <p class = "msg_head" > Header-1 </p> <div class = "msg_body" > orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit </div> <p class = "msg_head" > Header-2 </p> <div class = "msg_body" > orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit </div> <p class = "msg_head" > Header-3 </p> <div class = "msg_body" > orem ipsum dolor sit amet, consectetuer adipiscing elit orem ipsum dolor sit amet, consectetuer adipiscing elit </div> </div> As you can see above, the whole message panes contained inside the div with class name “msg_list”. Popularity: 86% [ ?

Blogging Roller: Parsing RSS with .Net How do you do it? I need to provide some examples to show how to parse RSS with Java and C#. I have written simple parsers using the common XML parsing techniques such as DOM, SAX, and Pull. I have also written some examples that use parser libraries, but I have yet to find a good and free RSS parser library for .Net. When you assume... If you assume that RSS is XML and you are just interested in getting titles, decriptions, links, and dates then it is pretty easy to write a simple parser that can handle most forms of RSS including RSS 1.0, RSS 2.0, and some forms of funky RSS. Parser libraries Python programmers are blessed with a great newsfeed parser library: Pilgrim's regex-based Universal Feed Parser which can parse any feed, even if it is not valid XML. So how do you parse RSS with .Net? My examples Now it's time for the lazy web to point and laugh at my feeble efforts to build simple RSS parsers in C#. First, here is a simple C# RSS parser method that uses a DOM based approach.

Anthem.NET Samples Starter Kits and Community Projects Microsoft continues its commitment to open source. We not only host projects at the CodePlex forge and support many open source projects, but we also create our own open-source projects that the community can improve and extend. In addition to Microsoft-supported open source projects, there are thousands of great open source projects, applications, and libraries that you can use with ASP.NET today. Here you'll find a few of our favorites. If you're looking for Samples, there's lots of samples here as well as on Juice UI Juice UI is a collection of WebForms components that brings jQuery UI Widgets to your project with ease. Glimpse At its core Glimpse allows you to debug your web site or web service right in the browser. .less Write regular CSS with your .NET apps, then add a few variables, mixins and nested rules. “.less” (pronounced dot-less) is a .NET port of the funky ruby LESS library. DotNetOpenAuth ASP.NET Sprite and Image Optimization jQuery Mini Profiler