background preloader

Demos

Demos
jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop behaviors and more with just a few lines of code. Interactions also make great building blocks for more complex widgets and applications. Widgets Widgets are full-featured UI controls that bring the richness of desktop applications to the Web. Effects Effects add support for animating colors and class transitions, as well as providing several additional easings. Utilities Utilities used by jQuery UI to build interactions and widgets.

http://jqueryui.com/demos/

Related:  jquerytechnologies webStructures esthétiques (HTML, CSS, Jquery...)steven29programming

Using jQuery with ASP .NET A brief introduction to jQuery and ways in which we can integrate it into ASP .NET Introduction In September 2008 Scott Guthrie, the head of the ASP.NET team, announced in a blog post that Visual Studio would be shipping with the jQuery library. He writes: “jQuery is a lightweight open source JavaScript library (only 15kb in size) that in a relatively short span of time has become one of the most popular libraries on the web. tubular, a YouTube Background Player jQuery Plugin Video controls:Play | Pause | Volume Up | Volume Down | Mute Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world

jQuery custom content scroller Last updated on Nov 17, 2015 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.1.3 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files.

ajax() Description: Perform an asynchronous HTTP (Ajax) request. The $.ajax() function underlies all Ajax requests sent by jQuery. It is often unnecessary to directly call this function, as several higher-level alternatives like $.get() and .load() are available and are easier to use. If less common options are required, though, $.ajax() can be used more flexibly. At its simplest, the $.ajax() function can be called with no arguments: Note: Default settings can be set globally by using the $.ajaxSetup() function.

Play with Ricoh THETA w/o Smartphones TL;DR: Using gphoto2 with PTP/IP seems to give us a full control of Ricoh THETA without proprietary softwares nor hardwares. Ricoh THETA (and also gphoto2) are awesome. Detailed explanation We can connect a THETA with a PC through a USB or a Wireless LAN. jQuery Tabbed Navigation Tutorial – How to create your own fancy menu Lot of people have asked how to create the tabbed navigation as seen on my site. Josh who coded it originally has agreed to write a tutorial. One of the many challenges when it comes to information architecture is the idea of presenting enough information for people to make informed decisions, but not overwhelm them while doing so. This can be particularly tricky when it comes to dealing with navigation. One technique that is often used to combat this problem is the concept of a tabbed navigation. Exceptional, we’ve got a standard navigation with a sub-navigation underneath.

HTML5 & CSS3: Take Your Design to Another Level While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site. Let’s take a deeper look at them. HTML5 is the latest version of HTML or Hypertext Markup Language. It is currently only fully supported by a handful of browsers but the next year should see a large increase in usage.

Customizing Browser Scroll Bar With CSS / jQuery - Hongkiat Windows, OS X and Linux have their own style for the scroll bar as you can see in the following screenshot. This in return could lead to undesired results and consistencies for your design. In this post we will see what we can do to customize the scroll bar look so that it can sit well with your overall design. Recommended Reading: Sticky Position (Bar) with CSS or jQuery Internet Explorer 5.5 Back in IE 5.5, the Internet Explorer team introduced a set of non-standard CSS properties that allows us to style the scroll bar, as follows.

Welcome to CodeIgniter : CodeIgniter User Guide Welcome to CodeIgniter CodeIgniter is an Application Development Framework - a toolkit - for people who build web sites using PHP. Its goal is to enable you to develop projects much faster than you could if you were writing code from scratch, by providing a rich set of libraries for commonly needed tasks, as well as a simple interface and logical structure to access these libraries. CodeIgniter lets you creatively focus on your project by minimizing the amount of code needed for a given task.

36 Eye-Catching Jquery Navigation Menus Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be the right choice to choose offering bunch of customizable options. That’s why I present to You 36 really good jquery navigation menu examples for every need. 1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development.

WebGL Water Loading... Made by Evan Wallace This demo requires a decent graphics card and up-to-date drivers. If you can't run the demo, you can still see it on YouTube. Interactions: Using RXTX - Rxtx From Rxtx This page is for general content regarding the use of rxtx. Feel free to add your own content. Code examples I wrote an app several months ago using javax.comm on windows. jQuery UI Tabs Styling Most of these examples only involve CSS changes that can be added inline to your page to override the defaults. Note, however, that for the left and right side examples you need to explicitly set the tab content height and the tabs list width, and that for the single line of tabs you must specify the overall list width. Tabs on a single line. This implementation also requires the addition of a div wrapper around the tabs ul. Show HTML<div class="tabs"> <div class="scroller"> <ul> ...

30 Grid-Based Websites Recognition and prestige for Web Designers and Agencies 30 Grid-Based Websites February 22 By awwwards-team In Web Design Grid-based layouts have become very popular in web design Share on Facebook Share on Twitter Share on Google Share on Stumbleupon Share on Pinterest Share on Linkedin In the last two years or so, grid-based layouts have become very popular in web design.

Related:  Play! FrameworkJQueryjqueryFrameworkFramework