IE8以下でメディアクエリーを有効にするためのJavaScript – creamuレスポンシブWebデザインで使用するメディアクエリーはIE8以下では使用できないため、以下いずれかのjsを使って対応させます。 Respond.js css-mediaqueries.js 実装上の注意点、うまく動作しない場合は以下URLを参照。 IE8以下でレスポンシブWebデザインを実現するRespond.js css3-mediaqueries.jsが効かなくて困った時のまとめ
jQueryでカレントページの要素にclass=”current”を付加する方法 – creamu
<ul class="menu"> <li id="menu01"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul> <ul class="menu"> <li id="menu01" class="current"><a href="/page01/">page01</a></li> <li id="menu02"><a href="/page02/">page02</a></li> <li id="menu03"><a href="/page03/">page03</a></li> </ul>
Photoshop CS6で点線を描く方法 – creamu
Photoshop CS6で点線を描く機能が追加されましたが、うまく描けないときがあるのでメモ。 ラインツール(U)で「シェイプ 塗り：透明 ストローク：線の色」を指定。 「ストロークオプション / 詳細オプション」で以下のように指定。 これでいい感じになります（この場合は1pxずつのドットラインになります）。 幅を伸ばすことが可能なのと、高さを変えると、塗りが透明なので枠線が点線になります。
Photoshopのかわりになるフリーソフト10選 – creamu
Photoshopに似た機能を無料で使いたい。 そんなときにおすすめなのが、『10 Excellent Open Source and Free Alternatives to Photoshop』。Photoshopのかわりになるフリーソフト10選だ。 以下にご紹介。 » GIMP 最も古くから知られているPhotoshopの代替ソフト » Krita 「Akademy Award for Best Application in 2006」の受賞作品 » Paint.NET MSPaintからオープンソースのイメージエディタとして進化を遂げた » ChocoFlop Macに最適化されたMac用のデザインアプリケーション » Cinepaint 動画編集やイメージエディタとしても使えるアプリ » Pixia 元々アニメやマンガ用に作られたエディタ » Pixen ピクセルアーティストのた
facebookでページをiframeで読み込む方法 – creamu
facebookをいじっているんですが、ものすごくわかりにくいですね・・・。 やっとページをiframeで読み込めたんですが、次は覚えてなさそうなので、メモしておきます。 ※2011年5月11日時点の情報です。 まず、width:520px以下でページを作成します。 ※heightを800px以下にしないとiframeで読み込んだときに上下左右のスクロールバーが出ますが、jsで回避します（後述します）。 作成したページをサーバにUPします。 次に、アプリを作成します。 ・フッタの「開発者」/ グローバルメニューの「マイアプリ」をクリック ・「+ Set Up New App」ボタンをクリック ・「Facebook Integration」でタブ名とタブのURL（iframeで読み込むページのURL） を入力 上記アプリのページの「Application Profile Page」にいき、左
jQueryを使ったストレッチする背景画像 – creamu
背景に大きくビジュアルを使いたい。 そんなときに参考になるのが、『Image Now』。jQueryを使った、背景画像がストレッチするサイトです。 jquery.backstretch.jsが使われていて、width:1024pxの画像が、ブラウザサイズに合わせて伸縮しますね。Flashサイトでなくてもこれができるのはいい感じ。 画像がランダムに切り替わるんですが、それはfunctionでJavaScriptが書かれています。 デザインも設計もクールなサイトなので、一度見てみてください。 Image Now LADの新作のレザーバッグを購入。前のが破れてしまって新しいのがほしかったので、ちょうどいいのが見つかっていい感じ。ふとボッテガ ヴェネタのも気になって見に行ったんだけど、結構するしまだいいかな、と見送りました。でもデザインも質もものすごくいいですね。 あとFenderロゴ入りの帽子も
CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU
画像だけでなく、Flashや動画もかっこいいインターフェースで見せたい。 そんなあなたにおすすめなのが、『Shadowbox.js』。Flashや動画にもlightbox効果をあたえてくれるJavascriptだ。 『Shadowbox.js』では、画像やFlashや動画をクリックすることで、周りがグレーアウトするインターフェースを作ることができる。 周りがグレーアウトすると、Flashや動画が映えてとても綺麗だ。 以下のブラウザに対応しているほか、 ・Firefox 1.5+ ・Camino ・Safari 2+ ・Opera 9+ ・Internet Explorer 6+ ライセンスは GNU Lesser General Public License となっている。 かなり使えるJavascriptではないだろうか。 Flashや動画にもlightbox効果をあたえてくれるJava
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Grid-A-Licious – レスポンシブに対応した、グリッドを敷き詰めるjQueryプラグイン – creamu
垂直・水平方向にスクロールしてページを切り替える演出を可能にするjQueryプラグイン – creamu
JavaScriptのデバッグ方法 – creamu