A front end web development playground.
![Top Pens of 2013 on CodePen](https://cdn-ak-scissors.b.st-hatena.com/image/square/b03f672cb06c9cde2f6ac91e7992e03ca34c33fc/height=288;version=1;width=512/https%3A%2F%2Fstatic.codepen.io%2Fassets%2Fsocial%2Ffacebook-default-05cf522ae1d4c215ae0f09d866d97413a2204b6c9339c6e7a1b96ab1d4a7340f.png)
カラー画像を白黒のグレースケール画像に自動変更して表示する画像ギャラリーのjQueryのプラグインを紹介します。 デモページ:マウスホバー(2番目)でカラー表示 Black and Whiteの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js"></script> <script src="js/jQuery.BlackAndWhite.js"></script> HTML 画像を内包するa要素に「class="bwWrapper"」を加えます。 <ul id="wrapper"> <li><a href="#" class="bwWrapper"><img src="files/Hydrangeas.jpg" width="300" height="225" /></a></li> <l
HTML5の花火大会が始まりました。 JavaScriptやCSS3で書かれたコードが美しい花火となって 夏の夜空を鮮やかに彩ります。 START
(※FireFox5 においてソース部分が表示エラーとなるようです。お手数ですが他ブラウザでご覧ください。) 写真をWebサイト上に公開するのに 魅せ方の一つとしてイメージギャラリーがあります。 また一重にイメージギャラリーといっても表現方法も様々で 魅力的なギャラリーのライブラリもたくさん提供されています。 ここではその代表的なギャラリーの 「Lightbox」「Thickbox」などをご紹介します。 以下の画像3枚を使って実際に適用してみることにします。 実用的に各サイトに反映するには更にワンステップ必要になると 思いますが、ここでは導入の方法を掲載してみます。 尚それぞれのギャラリーには 公式サイトへのリンク、サンプル表示、ダウンロードができるようにしてあります。 ライセンス形態は各サイトでご確認ください。 ■ 1.Lightbox prototype.jsを利用した定番のイメージギ
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く