cssやプログラミング

Webデザインやプログラミングなどの勉強に良さそうな国内のブログ記事やWebサイトいろいろ

いよいよ2011年がスタートしました。 今年も去年同様、勉強することが 沢山あります。まだモチベーションが そこそこあるうちに勉強になりそうな 国内の記事をリンク集にしました。 迷ったときに見てみようかなと思い ます。

2010年のWeb制作に役立つ海外まとめ記事のまとめ

まとめのまとめです。来年の復習用 にエントリー。今年もWeb制作関連 の記事が沢山ありましたが、そんな 中でもうまくまとめてくれている記事 をまとめてハブ的な記事にしたいと 思います。

全画面をスライドとして使うダイナミックなナビゲーションを構築する2KB以下の軽量jQueryプラグイン

全画面をスライドギャラリー風にするダイナミック なナビゲーションをjQueryを使って実装するサン プルです。透過処理が必要ですが、IE6、IE7の 両問題児でも問題なく動いてくれますので、実践 でもプロモーションなどに利用できるっ...
Ads

デスクトップっぽいUIをブラウザ上で再現するjQueryプラグイン・jDesktop

ユニークなライブラリでしたのでメモも 兼ねてシェア。PCのデスクトップのよ うなUIをブラウザ上で再現するjQuery プラグインです。特にWinのような、と かMacライクな、といったものではあり ませんが・・ご覧頂いた方が早い...

ドロップダウンメニューをマウスストーカー化したユニークなjQueryプラグイン・CURSOR FOLLOWING MENU

昔のWebサイトで、マウスを追従する 画像(アイコン)をよく見かけたと思う んですが、それをメニューにしてしまお う、という発想。遊び心のあるサイトに したい、という方は如何でしょうか。使 い方次第ではユーザーに不快な思い をさ...

Codropsの新作・超クールなjQueryイメージギャラリー・Bubbleriffic

かなり人気の高まってきた印象のCodrops ですが、先日公開された新作のjQueryイメ ージギャラリー・Bubblerifficもかなりクール な仕上がりになっていますねー。今回もIE6 で表示が崩れてしまっていますが、そろそろ...

Youtubeにある「共有ボタン」っぽいUIをjQueryを使って実装出来る・Youtube Style Share Button

Youtubeのソーシャルサービスへの 投稿ボタンっぽいUIをjQueryで実装 したYoutube Style Share Buttonの ご紹介です。クリックするとソーシャル サービスへの投稿ボタンが入ったbox が表示される...

2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ

少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしま...

新・TwitterのUIをjQueryを使用して作られたサンプル・twitter_style_app

個人的に、未だに新しいTwitterのUIに 慣れませんが、そんな新TwitterのUIを jQueryを使用して作られたサンプルが ありましたのでシェアしようと思って記事 にします。Post部分をクリックすると、 右にボックスが...

自動でリピート再生するYoutube動画を背景全体に指定出来るjQueryプラグイン・jquery-tubular

Webサイトの背景をリピート再生するYoutube の動画にしてしまおう、というjQueryプラグイン ・jquery-tubularのご紹介です。なかなか斬新 では無いかなと思います。ユニークなサイトを 作る際に参考にしたいですね...

個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ

個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェ...

商用もOKのPHP製投票システムをオンラインで作成⇒ダウンロード出来るWebサービス・Opineo

よくある投票システム、星のマークを クリックして評価するシステムを、Web 上で作成し、PHPでダウンロード出来る Webサービス、Opineoのご紹介です。 スターの形なども変更できるので覚えて ちょっとクールな投票システムを探...

ブラウザに合わせて背景画像のサイズを自動で合わせてくれるスクリプト・jQuery Backstretch

とても楽そうだったのでメモです。画面 のサイズに合わせて自動で背景画像 をリサイズしてくれるので背景画像を 固定できる、というもの。jQueryのプラ グインなので手軽でいいですね。ユー ザーがどんなモニタサイズでも同じ 背景画...

jQueryプラグインを探せる検索エンジン・pluginquery

いつか出るかと思っていましたが、 やっと出始めました。数多に存在 するjQueryのプラグインを検索する ことが出来る検索エンジンです。 まだ膨大な量とは言えないですが、 イデックス数は1000近くあるので 覚えておいて損しなさ...

シンプル・軽量(2.2KB)・手軽なjQueryコンテンツスライダー・hash slider

よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。

とっても使いやすそうなツールチップ実装jQueryプラグイン・jQuery Bubble Popup

使いやすい感じでしたので備忘録。 ツールチップを実装するjQueryの プラグインです。多数存在しますが、 選択肢が増えて困ることも無いので 覚えておいて損しませんね。汎用的 で個人的には好みのプラグインです。

20個ほどのjQueryプラグインを公開しているJS Plugins

いくつか良いプラグインがあったので シェアしたいと思ってエントリーします。 去年始まったプロジェクトのようで、数 はさほど有りませんが、多く知ってお いて損するものでも無いので覚えて おくといいかもですね。

クロスブラウザ対応・グリッドレイアウトのCSSフレームワーク・FEM

以前、まとめ記事にも複数含めましたが、 この手のものはいくつあっても困らない のでご紹介。グリッドレイアウトのcssの フレームワークです。勿論、IE6~IE8、 Firefix<Chromeなどクロスブラウザに 対応しています。...

Webフォントを使ってみよう!@font-face 関連の情報いろいろ

Webフォントを使う機会があった のでついでに備忘録的メモです。 @font-face関連の情報いろいろ。 と言っても、まだそんなに情報が 無いので触りを理解するための まとめ的な記事です。

広告等に使えそうなjQueryプラグインいろいろ

広告表示などにうまく使えそうな jQueryプラグインのまとめです。 諸事情で調べたのでついでに メモしておきます。応用すれば 画像を使ったものは全て広告に 使えますが、その中でも特に 良さそうだったものを中心に。

jQueryで実装するサークル状の簡易ギャラリー

なかなかユニークだったのでメモ。 サークル状に実装するjQueryを 使ったギャラリーです。Lightbox風 に拡大もします。真ん中にキャプ ションも表示される親切設計。デモ は3種類ありますよ。

50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン

機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。
Ads