A Simple Parallax Scrolling Technique | Envato Tuts+
Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. If you're looking for a quick way to get started with a
Kwicks Example: Horizontal
Source<!DOCTYPE html> <html> <head> <title>Kwicks Horizontal Example</title> <link rel='stylesheet' type='text/css' href='../jquery.kwicks.css' /> <style type='text/css'> .kwicks { width: 515px; height: 100px; } .kwicks > li { width: 125px; height: 100px; /* overridden by kwicks but good for when JavaScript is disabled */ margin-left: 5px; float: left; } #panel-1 { background-color: #53b388; } #pa
『Fireworksのスクリプト実行を使いこなすために』
こんにちは、ピグディビジョンでフロントエンドの開発を担当しているHAKASHUN(@HAKASHUN)です。 今回は、Fireworksにおけるスクリプト実行についてお話したいと思います。 Fireworksにおけるスクリプト実行とは? Fireworksでは、[コマンド] > [スクリプトを実行]で、.jsfという拡張子のファイルを実行することができます。 .jsfという拡張子はFireworksオリジナルのファイル形式ですが、中身はJavaScriptであるため、Fireworksの様々な機能を、JavaScript言語で制御することができます。 多数のレイヤに対して反復して同じ作業を行いたいときや、ピクセル単位の計算を正確に作業に反映させたいときなどに、時間のコストや作業ミスのリスクを軽減してくれます。 簡単なスクリプトを作って実行してみる事始めとして、下記の画像のような簡単な図形を
Node + Socket.IO で簡単なチャットアプリの作成 | DevelopersIO
こんにちは、うえじゅんです。 今回はタイトル通りNodeとSocket.IOを使って簡単なチャットアプリを作ってみたいと思います。 「Node」のインストール インストールはとても簡単です。 公式サイトからダウンロードしてインストールするだけです。 (確認した環境はMacです) インストールが完了したらターミナルで「node -v」と入力して「v0.8.12」と表示されていれば無事成功です。 ついでに「Express」もインストールします 。 ターミナルで以下のコマンドを実行してください。 (エラーが出る場合は、「sudo」をつけてみてください。) 「Express」 インストールが終わったらこちらもバージョンを確認しておきましょう。 「express -V」で「3.0.0rc5」と表示されたら成功です。 プロジェクトの作成 ターミナルで「express アプリ名」と入力して実行します。
JSbooks - Free Javascript Ebooks
Learn JavaScript for free ! Discover the most popular free JavaScript books and improve your skills, thanks to the developers community ! Fork it on GitHub and add any books related to your best programming language :)
JavaScript 言語概要 - JavaScript | MDN
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 � ̪�View in English /̪�Always switch to English JavaScript はマルチパラダイムの動的言語であり、型や演算子、標準組み込みオブジェクト、メソッドがあります。その構文は Java や C 言語に由来するので、それらの言語の多くの構造が JavaScript にも同様に適用できます。 JavaScript は、オブジェクトプロトタイプやクラスによるオブジェクト指向プログラミングに対応しています。また、JavaScript は関数型プログラミングもサポートします。関数が第一級オブジェクトであり、式から容易に作成し、他のオブジェクトと同じように受け渡しすることができます。 このページは、 Jav
小さな Titanium Mobile の読み物 | The Little Book on Titanium (Appcelerator Titanium)
The Little Book on Titanium (Appcelerator Titanium) JavaScript を使って iOS/Android などマルチプラットフォーム対応のネイティブアプリケーションを構築することができる Appcelerator Titanium についてまとめた非公式サイトです。 ページ1 | はじめに Appcelerator Titanium Write Once, Adapt Anywhere 使えるの？ 苦手なものは何？ ページ2 | 開発ツール Titanium Studio Titanium CLI ページ3 | 開発スタイル JavaScript Titanium Classic Alloy ページ4 | アプリケーションの例 プロジェクトを作る レイアウトを考える 土台を作る 細かい機能を実装していく 終わりに ページ5 | Tita
いろんなJavaScript MVCフレームワークで作られた同一のToDoアプリで違いを学ぶ「TodoMVC」
JavaScriptでMVCの構造を持つアプリケーションを開発するためのフレームワークが10種類以上登場し、この分野が盛り上がっていることは、以前の記事「JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ」で紹介しました。 その各種JavaScript MVCフレームワークの違いを学ぼうというのが、Webサイト「TodoMVC」です。 ToDoMVCでは、AngularJSやBackbone.js、Ember.js、Spine.jsなど主要なMVCフレームワークを用いて開発したToDoアプリをまとめて公開しています。 開発されたToDoアプリはほぼ同一の外観や機能を備えています。これにより、それぞれのソースコードを見ることによって、各MVCフレームワークがどのようなコーディングスタイルを用いているのか、どのような機能を提供しているのか、といった違い
Introduction to JavaScript | adamonio.us
June 10, 2012 Adam Wexler Wexcode, 3 This tutorial does not require any prior experience in writing JavaScript, but does assume a basic understanding how Object Oriented Programming works, and a familiarity with using Developer Tools in Google Chrome or Firebug for Firefox. These tools are incredibly useful, and I recommend that you utilize them by running the examples in your console. While what
Diving into CanJS: Part 3 | Envato Tuts+
This is the final part of a three part tutorial that will teach you how to build a contacts manager application in JavaScript, using CanJS and jQuery. When you're done with this tutorial, you'll have all you need to build your own JavaScript applications using CanJS! In part two, you created the Views and Controls needed to display categories, created Model.List helpers, used routing to filter con
初心者のためのjQueryプログラミング入門 - libro
※ページが正常に表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
Build a Contacts Manager Using Backbone.js: Part 5 | Envato Tuts+
Welcome back to the Building a content viewer with Backbone series. Over the first four parts, we looked at almost every major component that ships with the latest version of Backbone including models, controllers, views and routers. In this part of the tutorial, we're going to hook our application up to a web server so that we can store our contacts in a database. We won't be looking at LocalStor
Creating a Todo List App With Node.js and Geddy | Envato Tuts+
In this three part tutorial, we’ll be diving deep into creating a to do list management app in Node.js and Geddy. This is the second part in the series, where we'll be creating a simple to do list management app. Recap As a quick refresher, last time we installed Node and Geddy, generated a new app, and learned how to start up the server. In this tutorial we’ll build upon what we did last time, so
Build a Contacts Manager Using Backbone.js: Part 2 | Envato Tuts+
Welcome back to part two of this tutorial; in part one we looked at some of the model, collection and view basics for when working with Backbone and saw how to render individual contact views using a master view bound to a collection. In this part of the tutorial, we're going to look at how we can filter our view based on user input, and how we can add a router to give our basic application some U
Node.js チュートリアル | Node ビギナーズブック
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
HTML5の3Dエンジン「Three.js」の物凄いボリュームの日本語チュートリアル
HTML5による物理シミュレーション環境の構築 - WebGLライブラリThree.js入門 (遠藤理平 | ナチュラルサイエンス) WebGLのJavaScriptライブラリ「Three.js」の日本語のチュートリアルが公開されています。 全部で３部のようですが、現時点では１部だけが公開されています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebRTC
JavaScript Syntax
http://japan.internet.com/webtech/20120314/1.html
learn.knockoutjs.com