[B! JavaScript][webデザイン] fumiruiのブックマーク

fumirui id:fumirui

JavaScriptとwebデザインに関するfumiruiのブックマーク (5)

D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
fumirui 2017/04/04
web制作

webデザイン

javascript
リンク
Ginpen.com | Powered by JavaScript and JapaneseSushi
JavaScript and Web by Ginpei
fumirui 2016/12/12
webデザイン

Web制作

css

jQuery

javascript

blog
リンク
Webpark　
今年になって仕事でPowePointを使う機会が増えまして、今までまったく使ったことがないので、どのようにすれば見栄えがよくなるのか色々と調べてみました。久々の投稿なのにブログの本筋から外れた内容になりますが、調べるなかで役に立ったものと、個人的な感じることを書いてみます。
fumirui 2016/10/28
Web制作

Webデザイン

css

JavaScript
リンク
[JS]大量の画像コンテンツに便利！サムネイルを自動生成するスクリプト -NailThumb
大きいサイズの画像から、クロップやリサイズなどして小さいサイズのサムネイルを自動生成するjQueryのプラグインを紹介します。サムネイルはテキスト配置やさまざまなエフェクトにも対応しています。 jQuery NailThumb [ad#ad-2] NailThumbのデモ NailThumbの使い方 NailThumbのデモ NailThumbは元画像のアスペクト比を維持したまま、クロップやリサイズをしてサムネイルをスクリプトで生成します。サムネイルはさまざまなフォーマットが用意されています。キャプションテキストをオーバーレイで表示することもできます。 NailThumbの使い方 NailThumbの基本的な使い方は、サムネイル用のコンテナとサムネイルのサイズ設定です。外部ファイルスクリプトとスタイルシートを外部ファイルとして記述します。 <script type="text/
fumirui 2012/04/12
Webデザイン

css

javascript

plugin

jQuery
リンク
jQueryで背景画像をアニメーションで無限ループさせる
画像の準備とりあえずアニメーションさせる画像を用意します。ループさせるので継ぎ目のない画像を作成した方がいいかもです。作成したら「bg.png」という名前で保存します。今回はこんな画像を作成してみました。デザインがしょぼいとか言ってはいけない！ html+cssでバックグランドに画像を配置 html+cssは特別なことはなく普通に作ります。画像はbodyの「background」で配置してみました。 html <body> <div id="container"> <h1>jQueryでバックグラウンドを無限ループ</h1> <p> このページはjQueryでバックグランド画像をアニメーションループさせるサンプルページです。 </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
fumirui 2012/04/09
webデザイン

tips

design

javascript

tutorial
リンク
1