このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Google Documentの入力欄を僕達はまだ知らない。
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.Your browser doesn't support features required by impress.js, so are presented with simplified version of this presentation. For the best experience please use latest Chrome or Safari browser. Firefox 10 and Internet Explorer 10 should also handle it.
Facebook Platform SDKについて
Facebookの開発者ブログでPlatform SDKについて告知がありましたので、本エントリーで情報展開します。 Facebook Platform SDK Support １．SDKの種類とソース・ドキュメント Facebookで現在サポートしているSDKの種類と、それぞれのソース・ドキュメントのURLは次の通りです。JavaScriptとPHPのgithubリポジトリはURLが変更になっているようなので注意が必要です。 JavaScript SDK ソース https://github.com/facebook/facebook-js-sdk ドキュメント https://developers.facebook.com/docs/reference/javascript/ PHP SDK ソース https://github.com/facebook/facebook-php-sd
HTML5 これまでと、これから - techlog
12/17(土)に東京理科大学の大学院特別講義で、外部講師として「HTML5 これまでと、これから」というタイトルで話をしてきた。 スライドはこちら。いつもどおり、Chromeでしか動作確認をしていない。 HTML5 これまでと、これから 最初に「ウェブの進化」をとりあげながら、WebやHTMLの歴史を紹介した。このあたりの話、読むのも聞くのも好きなんですよ。個人的に。 The evolution of the web - ウェブの進化 W3CやHTMLやWHATWGの話をして、HTML5の話をした。広義のHTML5と、狭義のHTML5、様々な仕様について。 そのあとはいろいろなサンプルを紹介した。 最初は、スライド自体について説明した。html5slidesはHTML5でマークアップしていくことで、スライドを作れる。これを見せながらHTML5のタグの説明や、ChromeのDevTools
URI.js - URLs in Javascript
URI.js is a javascript library for working with URLs. It offers a "jQuery-style" API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods like .directory() and .authority(). URI.js offers simple, yet powerful ways of working with query string, has a number of URI-normalization functions and converts relative/absolute paths. While URI.js p
Get Value of CSS Rotation through JavaScript | CSS-Tricks
A comment by aditya: Is there a way to get the angle [through JavaScript] by which the element is rotated? Seems like a reasonable request. So we have some HTML: <div id="i-am-rotated">text</div> And it’s rotated through CSS: #i-am-rotated { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); } Our goal is to get the number “3
JavaScriptやHTML5を駆使した、2011年を代表する国内のWebデザイン
TWENTY THREE TO FOUR | F... / WEBコミュニケーション｜スマートデザインアソシ... / 東京大学TLO他...全18件
JavaScriptをもっと上達したい人へのヒント（JavaScript おれおれ Advent Calendar 2011 – 24日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 24日目（最終日） JavaScriptを書くプログラマーさんでも、JavaScriptも書くデザイナーさんでも。 僕なんかがおこがましいとは思うんですが。 いっぱい書く とにかく書く事です。何でもいいです。作りたいものがあれば作ってもいいし、面白そうなものを見かけたら真似してみましょう。 ライブラリーやフレームワークは躊躇なく使う 簡単に書けるならそれに越した事はありません。どんどん使いましょう。そもそも便利なライブラリーを習得する事だって大切です。 分かりやすいと最近評判の本ですね。プログラミングの知識が全く無い状態の読者を想定しているそうです。 「Webデザイナーのための jQuery入門」という本を書きました – Takazudo hamalog で、私が書いた本の話に戻りますが、「Webデザイナーのため
[js,css] テンキーがついているスマートフォンの罠
Androidを爆発し隊・投げ捨て隊に所属するみなさん、 ますますスマホ戦線が活発化する中いかがお過ごしでしょうか。 スマホといえばiPhoneがその美しいデザインでこれぞスマホ！という概念を決定的に印象づけた ３〜４インチ前後のタッチパネルのものが主流ですが、 テンキーとか十字キーとかがついている狂った機種をお忘れじゃありませんか？ 狂気の007SH ぱっと見ガラケーなのに中身はAndroid。 画面はタッチパネル対応だから触ればタッチイベントが発生する。 007SHはソフトバンクから出てるものですが、シャープはauやdocomoにもテンキー付きAQUOS PHONEを出してます。なんてことしやがる。 私はこのデバイスに触れて初めてスマホをへし折りたいと思いました。 幸い今の会社はテスト端末が豊富なのでスマケー()も実機で見る事が出来たんですが、 手元に無ければこんな機種絶対頭から抜け落
![[js,css] テンキーがついているスマートフォンの罠](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3bcbc68e9e4a75831d561ba1ad4b0b85f24c160/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2011%2F12%2F007sh.png)
どう書いていますか？JavaScriptのクラス - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptでのクラスの話は定期的に書いているネタな気がしますが、 自分でもなかなかスタイルが定まらないので、ちょっとメモなど。 基本的な形 プラグインとか書いた事もありましたが、 結局今は、こんなオーソドックスな形に収まっています。 var Person = function( name ){ /* コンストラクタ */ this.name = name; }; Person.prototype = { name : null, sayHello : function(){ console.log( "こんにちは！" + this.name + "です！" ); } }; var john = new Person( "まっは" ); john.sayHello(); // "こんにちは！まっはです！" プロパティにオ
Open a Window with Full Size Unscaled Image | CSS-Tricks
For the gallery section of this site, I wanted people to have the ability to see the screenshot at its original size. Due to the fluid nature of this site, it’s fairly common for the screenshot to be scaled down to fit into its column. So I put together this little solution. My plan is to open a window the exact size needed to fit the image. Quick, easy, and perfectly good UX in my opinion. All yo
__proto__・prototype (1) : JavaScript
// 関数オブジェクト定義 var Foo = function () { } // プロトタイプにメソッドを定義 Foo.prototype.hoge = function () { return 'Hello'; } //Fooをコンストラクタとしてインスタンスを生成。 var o = new Foo(); o.__proto__ === Foo.prototype; // true o.hoge(); // Hello // インスタンスはprototypeプロパティは持たない o.prototype // undefined __proto__とprototypeの分かり易い記事の紹介と引用。 JavaScriptにおける「プロトタイプ・オブジェクト」って言葉は、まったく異なる2つの意味で使われています。混乱を避けるために、ここでは、「__proto__オブジェクト」と「proto
Hogan.js
Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Alternatively, drop hogan.js in your browser by adding the following script. <script src="h
Polyfilling The HTML5 Gaps With JavaScript
Related links and resources Tweet A little about me JavaScript & UI Developer @ AOL jQuery [Bug Triage/Docs/Learning] teams Contribute to open source projects like Modernizr Wrote a few polyfills and shims I ♥ making the web better I occasionally battle the dark side. Why Do Polyfills Matter? First do it. Then do it right. Then do it better. Do it: Get your application or demo working using the na
IndexedDBに関する覚書 (2011年12月版) – mzsm.me
厳密に言うと違う部分もありますが、こんなイメージだとざっくりと理解しておいてください。 DBへの接続 ではここから実際のコードを使って説明していきます。 まず、2011年4月のWDの仕様(以前の仕様)でDBへ接続するには次のように書きます。 //Chrome16, Chrome18(canary), Firefox 8 で動作します var dbName = 'mzsmTest'; //データベース名 var idb; var dbConnect = indexedDB.open(dbName); console.log(dbConnect); //-> {IDBRequest} dbConnect.onsuccess = function(e){ idb = e.target.result; //IDBDatabaseオブジェクト console.log('DB接続完了'); }; db
qooxdoo
Build rich, single page applications Build rich, Single Page Applications using OO development, with no CSS or HTML required - Qooxdoo applications are cross platform, run on any browser or NodeJS, and can be coded in latest ES6 everywhere (including server and mobile) Versatile and powerful Qooxdoo offers a wide range of widgets and UI components, plus powerful server I/O communication. Extensive
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS 20 stunning examples of CSS 3D transforms
GitHub - thebird/Swipe: Swipe is the most accurate touch slider.
MSDN ホームページ
Google Code Archive - Long-term storage for Google Code Project Hosting.