[B! js] hamuzou_66のブックマーク

hamuzou_66 id:hamuzou_66

jsに関するhamuzou_66のブックマーク (3)

[はじめてのjQuery]コンテンツのスライダー機能を持つjQueryプラグイン「Awkward Showcase」と実装メモ
おはようございます！おつぱ（ @OZPA ）です。さて、Webのお勉強ﾅｰと言うことで、最近jqueryを使った仕掛けを色々ブログに取り入れております。で、ずっとやりたかったけどできなかった、当ブログの主要カテゴリーへのかっこいいリンク作成を、jQueryプラグイン「Awkward Showcase」を使用してロゴ下に導入してみました！なんだコイツ…動くぞ…！今回使用しましたのは、コンテンツのスライダー機能を持つjQueryプラグイン「Awkward Showcase」。 Awkward Showcase – デモページ HTML要素をスライド部分に使用可能。ｘ軸、ｙ軸座標を利用したツールチップ機能水平or垂直タイプのサムネイル機能スライドはいくつでもok といった特徴を持っています。レイアウトもいくつかのバージョンから選べます。こちらはバーティカル（垂直）サムネイル。
hamuzou_66 2012/12/20
jQueryプラグイン

css

js
リンク
表示サイズに合わせてフォントのサイズやレイアウトを最適化できるjQueryプラグイン・jFL - かちびと.net
ちょっと気になってたjQueryプラグインだったのでテストしてみました。表示しているサイズに応じてレイアウトやフォントサイズを最適なものにしてくれる、というもの。Media Queryは使用していないのでcssも綺麗に保てます。場合によっては軽量化に繋がるかも、と思ったのでちょっとテストしてみたかったライブラリ。説明されてもあんまりピンとこないライブラリですけどｗなんというか、かゆいところに手が届く的なやつです。このようにサイズを表示変えるとフォントサイズやdivの幅も指示通り変わってくれます。Media Query択一だと、どうしても面倒になってくることもあるので、こういうスクリプトも覚えておくと保険になるかもですね。スクリプトはたったの6KBですので軽量化にも役に立つかもしれません。尚、IE6と7には対応していません。日本語でも問題ありませんでした。以下サンプルどうぞ
hamuzou_66 2011/10/04
jQueryプラグイン

js

レイアウト

jQuery
リンク
[JS]かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic
HTML5 Canvasを使って、ローディング用のアニメーションを作成する超軽量（約3K）のスクリプトを紹介します。デモページ Sonicの実装 Square（矩形）とCircle（円形）を例に実装方法を紹介します。外部ファイル当スクリプトを外部ファイルとして指定します。 <script src="sonic.js"></script> JavaScript: Square（矩形）あとは、JavaScriptで記述するだけです。 var square = new Sonic({ width: 100, height: 100, fillColor: '#000', path: [ ['line', 10, 10, 90, 10], ['line', 90, 10, 90, 90], ['line', 90, 90, 10, 90], ['line', 10, 90, 10, 10]
hamuzou_66 2011/08/31
html5

ローディング

Webデザイン

js

アニメーション
リンク
1