Webサイトやブログに、気持ちいいインタラクションやユーザーインターフェイスを実装できるJavaScriptを紹介します。実用的なものから、あまり見かけない新鮮なものまで、素晴らしいアイデアがいっぱいです！
Web制作者がチェックしておきたい、気持ちいいインタラクションやUIを実装できるJavaScriptのまとめ
Webサイトやブログに、気持ちいいインタラクションやユーザーインターフェイスを実装できるJavaScriptを紹介します。実用的なものから、あまり見かけない新鮮なものまで、素晴らしいアイデアがいっぱいです！
プロトタイプ汚染とループ - latest log
脳内棚卸 Prototype.js と プロトタイプ汚染(昔話) jQuery が登場する以前、Prototype.js という JavaScript ライブラリがありました。 Prototype.js は、JavaScript OOP の普及期(2005～2007年頃)に多くのサイトで活用されました。 Prototype.js は Object.prototype や Array.prototype 以下に、Ruby 由来のメソッドを拡張することで、 JavaScript に Ruby 感をもたらし、ブームを起こしました。 当時の JavaScript(ES3: ECMAScript262-3rd) には、 言語仕様として Object.prototype を安全に拡張する方法が存在せず、 Prototype.js はしばらく後に 汚染(pollution) と呼ばれる問題を起こしてしま
企業のソーシャルメディアキャンペーンの半数はユーザに届かず [調査結果] – TechDoll.
企業が実施するソーシャルメディアキャンペーンの半数が消費者の耳に届いていないという“Digital Life 2012”という調査結果（TNS実施）。調査対象となったのは、60ヶ国の72,000人の消費者で、彼らがブランドや製品とオンラインでどのように接しているかを調べたもの。 その結果、デジタルマーケティングキャンペーンへの反応がもっとも低いのはイギリス人とアメリカ人であることが判明。米国とイギリスは60%前後が関心を示さず、反対に発展途上の市場ではその数字が低い。コロンビアは67%が関心を示し、メキシコは63%が関心を示す。 発展途上国の消費者の59%が、ブランドや製品について学ぶ場所としてソーシャルメディアを優れていると感じている。世界60ヶ国の平均は44%。とはいえ、オンラインのコメントやレビューの影響力は増していて、全体の半数がオンラインで製品やブランドについてコメントをした経験
![企業のソーシャルメディアキャンペーンの半数はユーザに届かず [調査結果] – TechDoll.](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d7384a7a31c492dbd3798768e10696661ed2716/height=288;version=1;width=512/http%3A%2F%2Fwww.techdoll.jp%2Fwp-content%2Fuploads%2F2011%2F11%2Fopeness-to-brands.png)
ネットのレビュー、友達のおすすめと同じくらい信頼する人が72% – TechDoll.
ローカルビジネスにとって、ネットのレビューはますます無視できない存在になっているという調査結果。Search Engine Landが行った“The 2012 Local Consumer Review Survey”（2012年ローカル消費者レビューアンケート）による。 アンケートは1/15-3/1まで実施され、対象となったのは米国、カナダ、イギリスの2,862人の消費者。ネットのレビューを信頼する消費者が増えており、72%がレビューを友達からのおすすめと同じくらい信頼すると回答。 ネットのレビューを確認する頻度は？ ネットのレビューをどれくらい頻繁にチェックするかという問いに関しては、日常的にという人が27%。時々チェックするという人の割合は2010年と変わらないけれど、レビューチェックが当たり前になっている人が増えていることがわかる。 お店あたりチェックするレビューの数は？ 新しいお
[JS]カレンダーや日付ピッカーのスクリプト集
Six Revisionsのエントリーから、カレンダーや日付をフォームに入力するスクリプトを紹介します。 Fantastic, Free Calendar and Datepicker Scripts
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
Starting with enchant.js | enchant.js - A simple JavaScript framework for creating games and apps.
はじめに enchant.js を使ってゲームやアプリケーションを作るにはたくさんの方法があります。この中には、「前田ブロック」などのenchant.js から派生して作られた開発環境は含まれていません。 code.9leap を使って開発する jsdo.it を使って開発する ファイルシステム上で開発する ローカルのサーバ上で開発する リモートのサーバ上で開発する code.9leap を使って開発する 「code.9leap」は、enchant.js を使って簡単にゲームを作ることができる統合学習・開発環境です。enchant.js や、JavaScript を使ったプログラミングが初めての人におすすめです。 左の画面で実行結果をプレビューしながら、右の画面でプログラミングを進めていきます。好きな画像をアップロードしたり、enchant.js 以外のライブラリやスクリプトファイルを添付
SVGによるベクターグラフィック(1)(1/6):JavaScriptによるHTML5プログラミング入門 - libro
HTML5に実装されているグラフィック関連機能はCanvasだけではありません。もう１つ、重要なグラフィック機能が用意されています。それが「SVG（Scalable Vector Graphics）」です。 SVGは、ベクターグラフィックを扱うための技術です。ベクターグラフィックというのは、「図形を形状情報として管理し表示する方式」のものです。――普通のイメージのようなもの（デジカメの写真など）は、ビットマップグラフィックです。１つ１つの点が何色かという情報としてグラフィックを管理します。ですから、例えば拡大したりするとドットが大きくなり、全体として粗いイメージになってしまいます。 ベクターグラフィックは、例えば「◯◯の位置から△△の大きさで◇◇の図形を表示する」というように、図形の位置や大きさ、色、線の太さなどといった情報を保管し、表示する際にはそれに基づいて描画をします。要するに、表示
とほほのVML入門 - とほほのWWW入門
VML は Internet Explorer 10 で廃止されました。今後は <canvas> を使用することが推奨されます。(2013.1.4追記) VML とは Vector Markup Language の略で、Webページ上で線や円などのベクトル図形を表示するための言語です。IE5.0 以上でサポートされています。Netscape ではサポートされていません。 XMLベースの言語として、1998年5月13日に Microsoft、Macromedia、HP社などから W3C に提案されましたが、そのままは採用されず、Adobe 社の PGML と統合され、2001年9月5日に SVG として勧告されました。将来的には SVG に移行する予定です。「今更 VML・・・」と言われてしまいそうですが、とりあえず、今使える VML について説明します。 ※ このページを IE5.0 以
JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い | 圧縮電子精神音楽浮遊構造体
2011年12月17日土曜日 JavaScriptの無名関数の実行 (function(){})() と (function(){}()) の違い JavaScript Advent Calendar 2011 (オレ標準コース) 17 日目、polygon_planet です。 ずっと Advent Calendar 参加してみたいなぁと思ってたんですが ネタが思いつかない日々で半分諦めてたんですが、考え過ぎな気がしてきたので 別におもしろい記事でもないし、技術的にも参考になるのか不明ですがとりあえず書きます。 もしかしたら同じようなこと解説してる記事がすでにあるかも…(うまく検索できてない) JavaScript で無名関数をその場で実行するとき、 (function() { // 処理 })(); という書き方が主流っぽいですが、 (function() { // 処理
Freebie Release: Web GUI Kit (PSD)
To continue our grateful thanks to our readers and community in general, we are glad to release a very useful freebie – Web Graphical User Interface (GUI) Kit. These GUI elements come in layered vector shapes which mean that you can easily re-size the elements without losing quality. The GUI kit is designed by GraphicsFuel.com exclusively for Hongkiat readers, and is delivered in Photoshop (PSD) f
ゲームでも使えそうなJavaScriptで作られた物理エンジン·box2dweb MOONGIFT
box2dwebはJavaScriptで作られた物理エンジンライブラリ。Box2DFlashをJavaScriptへポートしたソフトウェア。 box2dwebはJavaScript製のオープンソース・ソフトウェア。ゲームを作る際に欠かせない要素が物理エンジンだ。オブジェクトの落下や重力の作用、オブジェクト同士の作用反作用、慣性の法則など様々な要素がそこには絡んでくる。スーパーマリオも物理エンジンあってこそのゲームだ。 デモ 最近であればAngry Birdsも物理エンジンを用いた処理によってあの動きが実現する。Webブラウザで動作するゲームを作る時に採用を考えたいのがbox2dwebだ。 box2dwebはBox2DFlashというFlash製の物理エンジンをJavaScriptに移行させたソフトウェアだ。デモでは多数の四角または丸のオブジェクトが落下し、それぞれが作用しながら動き回るよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scrolling Divs JavaScript Examples
Typography | Free Online Resources For Developers, Designers and Photographers @Smashing Hub
http://kaelab.ranadesign.com/blog/demo/hashchange/
WebUDA Tuigwaa - Tutorial
Ice — Freezing cold JavaScript magic. Documentation.
https://github.com/jney/jquery-textresize-event/blob/master/jquery-textresize-event.js
CSS transforms | CSS transitions, CSS transforms and CSS animation
Basic · Isotope Demo