cssやプログラミング

Tweet数も表示できる「bit.lyボタン」なるものがあったのですね・・・

見かけた事無かったので個人的に メモ。TweetMemeのようなTwitter でのそのページのTweet数を表示 するボタンのbit.ly版のようなものが あったんですね。

コーポレートサイト向けに美しくデザインされたフリーのHTML5+css3テンプレート

HTML5+css3なので、実際の業務で 使用する機会は日本では無さそうで すが、デザインがとても美しかったの でメモがてらご紹介。jQueryはIEでも 動いたのでcss3やhtml5を変更すれ ば普通に実践使用できそうです。 ...

シンプルな地図系jQueryプラグイン・ jQuery Plugin for Zoomable

地図系のjQueryプラグインを諸事情 で探していたので、ついでに見かけた 良さそうなプラグインを備忘録的にメモ。 Zoomableというプラグインです。 一部地域をグループ化して、グループ をズームさせる、というシンプルなもの。...
Ads

jQuery+css3で作るダイナミック且つクールなWebギャラリー・SIDEWAYS

css3を使う限り実践的なテクニックとは 言えませんが、素敵なWebギャラリー でしたのでメモがてらエントリー。jQuery とcss3で画面全体を使ったダイナミックな Webギャラリーです。かなりFlashに近い 感じで素敵です...

Facebookのように検索ボックスにアイコンつきのサジェスチョンを実装するjQuery

Facebookの検索ボックスは結構 便利で、キーワードを入れるだけ で出てくれるサジェスチョンにアイ コンも入れてくれるんですが、そ んな検索ボックスを実装する jQueryのご紹介。

スライドさせると画像がフェードインしながら表示されるjQueryプラグイン・Magic Scroller

見たことの無かったjQueryプラグイン だったので備忘録的に記事にします。 ギャラリータイプのプラグインです。 コンテンツをスライドさせると、画像 がサイドからフェードインしてきます。 シンプルで面白い見せ方ですね。

多機能且つ、クロスブラウザ対応のカルーセルを実装するjQueryプラグイン・carouFredSel

使い勝手が凄く良さそうだったので メモ&シェア。クロスブラウザ対応の カルーセルを実装するjQueryプラグ イン・carouFredSelのご紹介です。 シンプルながら縦タイプ、スライド、 lightboxを付加させる事が出来る...

iPhone向けWebサイトの制作等に役立ちそうな情報まとめ

iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご...

borderに画像を使用したcss3プロパティをサクッと生成するジェネレーター・border-image-generator

今まで知らなかったんですが、 css3ってborderに画像を使える んですね・・・勉強不足でした。 border-image-generatorはその css3による画像borderをサクッと 作ってくれるWebジェネレーター ...

Flash製の広告をcss3で再現したデモが凄い

iPhoneでも動いた(当たり前ですけど) のでちょっと素敵だなーと思ってメモ。 動きのあるFlashの広告をcss3を使用 して再現したデモがありましたよ。 HTML5のフレームワークを配布して いるSENCHAのブログで公開さ...

アニメーションが可愛らしいツールチップタイプのメニューを実装する国産jQueryプラグイン

おっ、と思ったのでメモ。可愛らしい メニューがマウスオーバーでツール チップ的に表示されるjQueryプラグ イン。国産です。メニューの出現時 のアニメーションがなんとも可愛らし いですね。メニューに限らず応用効 きそうです。 ...

iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン

iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢と...

マウスオーバーで背景がスライドダウンし、同時にコンテンツを横スライドさせるダイナミックなjQuery

jQueryを使った面白いスライダーがあった のでメモ。IE6、7でも一応は動いてくれます よ。メニューのボタンにマウスを乗せると、 他のボタンがフェードアウトし、マウスを乗 せたボタンだけ下にスライド、同時にコン テンツが横にダ...

サムネイル付きのボックスをサイドからスライドさせるjQuery

ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。

Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法

Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな?という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて いるファンページにオリジナリティ...

GoogleMapっぽい地図コンテンツを作成出来るjsライブラリ・Polymaps

便利そうだったのでメモ。GoogleMap をはじめ、様々な地図サービスのような ドラッグで移動したり、拡大縮小な地図 コンテンツを実装するJavaScriptライブラリ Polymapsのご紹介。地図には画像を使 い、マス目上に...

Flashに限りなく近いコンテンツをcss3+jsで創り上げたPure CSS3 Spiderman Cartoon

ここまで出来る、という想像はしていました が、実際に作ってくれた方がいましたよ。 css3とjs、html5というFlash不使用で、 Flashサイトのようなコンテンツを実装して いるPure CSS3 Spiderman Cartoonの ご紹介です。

コンテンツスライダーを実装できる380バイトほどの超軽量なjQueryプラグイン

シンプルで良さそうだったので メモ。コンテンツをスライドさせ る事が出来る、380バイト程度 の軽量なスクリプトです。軽い ですな、これは・・使い勝手も 良さそうです。

透過PNGにも対応のロールオーバーで滑らかに画像が切り替わる国産jQueryプラグイン

とっても便利そうなjQueryプラグインが あったのでメモ。国産です。IE6、7でも 確認しましたが、Chrome等のブラウザ と相違なく動いてくれます。動きもとても スムーズで素敵。透過PNGにも対応し ていますが、他のライブラリと併用する形。

画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images )

画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQuery全般が沢山 あるのと、探してる方が直ぐに見つ けられるようにリンク集を作りました。

Youtube動画をクール且つシンプルなプレーヤーで実装するjQuery

シンプルな動画プレーヤー

Youtubeのインターフェースが 気に入らない、という方向け ですね。Youtube動画をクール でシンプルなプレーヤーで 実装出来るjQueryのご紹介 です。

最近知ったフリーのHTML5テンプレート6個

HTML5テンプレ

ちょこちょこ紹介されている HTML5を使ったテンプレート で少しずつ学び始めていま すが、そんな中で最近知った テンプレートを備忘録的に記事 にまとめておきます。
Ads