Javascript
> Tsunkuokuo
> 電腦
> Computer Language
> Web
Node
CSS and JavaScript tools to take your website to the next level. Topcoat Topcoat is a very neat and clean library of CSS classes specialized in form elements: buttons, checkboxes, sliders, etc.
A super easy way to make your website or app look good in minutes. Demo/Download: Countable.js As you can guess, countable.js is a JavaScript function to add live paragraph, word and character counting to any HTML element. Demo/Download: iCheck Want super-looking checkboxes and radio buttons for your new web app? Demo/Download: CSS only responsive navigation Responsive layouts are very popular on the web right now, and this is definitely a good thing in my opinion. Demo/Download: Almost Flat UI Based on Foundation Framework, Almost Flat UI is a complete HTML/CSS/JS framework to build your site on.
ClojureScript
Hiroshi/knockoutFire. Firebase - A scalable real-time backend for your app. Learn.knockoutjs.com. In this first tutorial you'll experience some of the basics of building a web UI with the Model-View-ViewModel (MVVM) pattern using knockout.js.
You'll learn how to define a UI's appearance using views and declarative bindings, its data and behavior using viewmodels and observables, and how everything stays in sync automatically thanks to Knockout's dependency tracking (even with arbitrary cascading chains of data). Using bindings in the view In the bottom-right corner, you've got a viewmodel containing data about a person. In the top-right corner, you've got a view that's supposed to display the person data.
Right now it just displays "todo", so let's fix that. Modify the two <strong> elements in the view, adding data-bind attributes to display the person's name:
Ingrid, the jQuery Datagrid.
How to Use Part 1 - Setup Ingrid uses the sugary sweetness only found in your latest version of JQuery.
You'll just need two files to get Ingrid working in your site/app. <script type="text/javascript" src="js/jquery-1.2.js"></script><script type="text/javascript" src="js/ingrid.js"></script> Include the Ingrid CSS (or roll your own). <link rel="stylesheet" href="css/ingrid.css" type="text/css" media="screen" /> Check the CSS and make sure the images are properly referenced. .. Part 2 - Activate Part 3 - Server Side Download Currently on Github. The Toolbox: a directory of useful single-page sites and apps. » HTML 簡報正夯:html5slides, deck.js, impress.js 使用心得. 即使有精練的文字、美麗的圖片、華麗的動畫效果,仍舊覺得自己的投影片沒有新意嗎?
那麼來試試看使用 HTML CSS 製作你的投影片吧! 優點. Presentation tool based on the power of CSS3 transforms and transitions in modern browsers. Jaysalvat/jquery.facedetection. BonsaiJS. KineticJS HTML5 Canvas JavaScript Library Framework. Paper.js — Paper.js. Tangle: a JavaScript library for reactive documents. Tangle is a JavaScript library for creating reactive documents.
Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. Tangle is super-simple and easy to learn. This is a simple reactive document. When you eat 3 drag cookies, you consume 150 calories. This is the HTML for that example. When you eat <span data-var="cookies" class="TKAdjustableNumber"> cookies</span>, you consume <span data-var="calories"> calories</span>. And this is the JavaScript. Write your document with HTML and CSS, as you normally would. Try out some examples. Proposition 21: Vehicle License Fee for State Parks The way it is now: California has 278 state parks, including state beaches and historic parks. What Prop 21 would do: Proposes to charge car owners an extra $18 on their annual registration bill, to go into the state park fund.
Analysis: Suppose that an extra $18 was charged to 100. Datavisualization.ch Selected Tools. Javascript in Modern Web Design. In today's web design, Javascript is a must-have component.
Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don't need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website. Don't forget to check out the sample sites, which show how the plugins can be used. The Two Popular Javascript Frameworks Right now, the two commonly used Javascript frameworks are: jQuery and MooTools.
Loading ... Image Zoom and Popup Lightbox You're probably very familiar with Lightbox — a light Javascript used to display overlay images on the current page. jQuery lightBox Plugin This is exactly the same as Lightbox JS, but written on top of jQuery library. Thickbox Thickbox is a jQuery plugin that is very similar to Lightbox, but comes with more features. Highslide JS Tabs. jClockClock.