반응형
반응형

Chart.JS - SIMPLY STUNNING  HTML5 JS Chart and Gauge Widgets

 

http://chartjs.devexpress.com/

 

Dynamic client side data visualization

Whether you are creating traditional websites, sites that target mobile devices, or native apps built with HTML5 JavaScript and compiled with Apache Cordova (PhoneGap), ChartJS provides high-performance and elegant data visualization options for all your business intelligence needs.

 

 

 

 

 

 

 

반응형
반응형
PhoneJS - HTML5 JavaScript Mobile Development Framework

 

http://phonejs.devexpress.com/

 

Create mobile apps with HTML5 and JavaScript for different screens and platforms

  

HTML5 JavaScript framework for smartphones and tablets

PhoneJS contains everything you'll need to create native client applications using HTML5 and JavaScript with a single codebase and deliver solutions that target today's most popular smartphones and tablet devices.

With a touch-optimized user experience, natively rendered widgets, straightforward page navigation, view management, and data access layers, PhoneJS is a single page application (SPA) framework for your next iOS, Android and WindowsPhone application, ready for online publication or packaged as a store-ready native app using Apache Cordova (PhoneGap).

 

 

Demos

DX WorkoutQR Code 

DX Work out

A sample application that demonstrates the power of the PhoneJS framework and ChartJS data visualization widgets. DXWorkout uses local storage to store data and the PhoneGap API for its splash screen and to persist user data when leaving the application (incoming call, switch to another app, back to home screen, etc). Built with MVVM in mind, DXWorkout illustrates the separation of app logic from its UI. It’s iPhone 5 compatible and includes full source code with PhoneGap Build config.

Run DemoView Sourcehttp://dxpr.es/10oXsNf
Kitchen SinkQR Code

Kitchen Sink

PhoneJS ships with over 30 touch optimized HTML JS widgets that are automatically styled for each target platform. The Kitchen Sink demo illustrates the use of each widget and how you can use them to build store-ready applications for the App Store, Google Play or Microsoft Store.

Run DemoView Sourcehttp://dxpr.es/14lqpt4
Tip CalculatorQR Code

Tip Calculator

TipCalculator is a straightforward PhoneJS application, with a single view and view model. It’s been designed to help you learn the basics of the PhoneJS framework. Description

Run Demo

 

 

 

반응형
반응형

Pop Easy — Easy modal windows with jQuery

pop easy

 

반응형
반응형

18 Best jQuery Carousel Plugins

jquery-image-scale-carousel

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery Carousel plugin allows users to present their website contents such as videos, images, and text in creative and attractive way. jQuery carousel plugins make it easy for developers to easily use and implement plugins to achieve desire and visually stunning looks for their websites.

In this article we have gathered 18 free best jQuery Carousel plugins that will make your tasks easy and help you to easily present your website contents and images in creative and innovative way. Following jQuery carousel plugins are absolutely free and each of them comes with different features, functionality and several options for customization. I hope you will find these plugins handy, useful and right choice for your next and upcoming projects.

If you like the article you might be interested in our other article on 15 Best jQuery Image Slider Plugins

1. Tiny Circleslider

circular-slider
Tiny Circleslider is a circular slider / carousel. That was built to provide web developers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any webpage. It was built using the javascript jQuery library. It supports iPhone, iPad and Android as well. A interval can be set to slide automatically every given milliseconds. You can fire a callback after every move. It is easy customizable and lightweight with only 130 lines of code. The minified size is only 4 KB.

Source & Demo

2. Flexisel

Flexisel
Flexisel is a jQuery carousel plugin that works well on screen sizes down-to-mobile. It has settings for enabling autoplay, defining the animation speed and stopping on hover or not.The standard layout of Flexisel adapts to different screen sizes but also, the plugin provides an option to customize the “number of visible items” for the screen sizes preferred which offers a great experience for users.

Source & Demo

3. Cycle 2

Cycle2
Cycle, a pretty old yet very popular jQuery slideshow plugin now has a new, improved version: Cycle2. The plugin is perfect for anyone looking to create a completely customized slideshow as it does not declare any markup or style. And, its functionality is flexible too. Cycle2 supports responsive layouts, has options for everything (global and per slide) and can be extended easily using a full-featured API.

Source & Demo

4. Minimit Gallery

minimit-gallery
Minimit Gallery is a highly customizable, library agnostic plugin that does galleries, slideshows, carousels, slides, practically everything that has multiple states in less than 10kb Using Minimit Gallery you have more time to focus on the ideation and the dynamics of your interface, all the logic functionality instead is managed by the plugin. It’s designed for advanced JavaScript/Jquery programmers because you need to code all the animations and the css of the gallery. It has been tested on IE7+, Firefox, Safari and Chrome.

Source & Demo

5. CarouFredSel

caroufredsel
jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.
You can dynamically add and remove items to/from the carousel. It is compatible with most popular (jQuery) lightbox-plugins. The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.

Source & Demo

6. Slider Kit

jquery-slider-kit
Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels and more. It has support for both horizontal + vertical sliders and items can be navigated via buttons, mousewheel, image click or keyboard. There are lots of options provided like auto-start being on/off, animation types, and navigation being an infinite loop or not, starting position of the slideshow and much more.

Source & Demo

7. Tiny Carousel

tiny-carousel
Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Source & Demo

8. jCoverflip

jcoverflip
jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set. It has many features like drag or click functionality to showcase featured content items or demand by the users, ability to showcase both images and content associated with an item, module integration with Drupal or standalone version and many more.

Source & Demo

9. jQuery Image Scale Carousel

jquery-image-scale-carousel
It is a jQuery plugin which auto-scales the images into appropriate height and width keeping their aspect ratio. The plugin simply converts an array of images to a slider and supports manual browsing with previous-next controls and auto-play. The download package also includes a PHP-based example which creates the “images array” itself by scanning a given directory.

Source & Demo

10. Slides js

slidesjs
SlidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions.

Source & Demo

11. Agile Carousel

agilecarousel
Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows. The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier. You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

Source & Demo

12. Barouseul

Barousel
Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

Source & Demo

13. Circular Content Carousel

cicruclar-carousel
This plugin uses slider which holds the content along with their brief description, when users click on content a small box expands next to the content slider, where users can read and see the detail information related to the topic and slider yet navigates.

Source & Demo

14. Elastislide

elastislide
Elastislide is a responsive jQuery carousel plugin that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Source & Demo

15. Cloud Carousel

cloudcarousel
Cloud Carousel is a free option with 3D effects. The images rotate in a circular fashion with realistic perspective and reflections are also show.

Source & Demo

16. jQuery Infinite Carousel Plugin

jquery-infinite-carousuel
The Infinite Carousel is a jQuery plugin that allows you to showcase any number of images and videos in a carousel-like fashion. Unlike some other carousels, the Infinite Carousel displays items in a continuous loop no matter how you navigate. Try out the demos below to see how versatile the Infinite Carousel is.

Source & Demo

17. jQuery Liquid Carousel Plugin

jquery-liquid-carousel
Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Source & Demo

18. jCarouseul Lite

jCarousel Lite
jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

Source & Demo
반응형
반응형

Tracking.js — Camera-based interaction with your browser

Tracking.js lets you create interactions with your browser using your computer’s webcam. It’s fairly simple to use, considering the powerful uses that it makes possible.

tracking.js

 

 

 

 

 

.

반응형
반응형

 

-- 임시테이블명 : #mytemptable'

 IF OBJECT_ID('tempdb..#mytemptable') is not null

      select * from #mytemptable'with(nolock)

 

SELECT OBJECT_ID('tempdb..#mytemptable')

 

 

스키마 범위 개체의 데이터베이스 개체 ID를 반환합니다.

반응형

+ Recent posts