フッタをブラウザ下部に固定配置するCSSテクニック – creamu
フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス
Fireworksの素材集決定版 – creamu
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
オンラインのフォトマガジン10 – creamu
写真の綺麗なブログを探していたら、ちょうどいい記事を見つけました。 Photojojoでオンラインのフォトマガジンが紹介されています。 ざっといくつかご紹介。 » Ahorn Magazine 大きい写真、フォトグラファーのインタビュー、書評など » Blueeyes スライドショーで写真を表示 » Blueeyes フォトグラファーの作品にフォーカス » Deep Sleep UKベースのサイト。都会的な美しさがある。記事ごとにテーマが異なる » Flak Photo 書評やオンラインの写真展に関する情報、今日の写真など その他のリストは以下からどうぞ。 » 10 Online Photography Magazines We Love もろもろ進めるぞぅ。
jQueryを使ったフルスクリーンのスライドショー『supersized』 – creamu
supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。
ベクターの世界地図データ集 – creamu
WEB DESIGN LEDGERで、ベクターの世界地図データがたくさん紹介されています。 ざっといくつかご紹介。 ↑はDotted world map vector resource。 9 Vector Globes Download World Map Vector Graphic Free Vector World Maps World Globe その他のリストは以下からどうぞ。 » Extremely Useful Geography Vectors: Maps and Globes アバクロきた！12月に銀座にお店ができますね〜〜。超楽しみだ。 » 米カジュアルブランド「アバクロ」、銀座にアジア初の旗艦店?12月開業へ
プロフェッショナルデザインのためのクオリティーの高いフリーフォント30 – creamu
DESIGNER DAILYでプロフェッショナルデザインのためのクオリティーの高いフリーフォントが紹介されています。 ざっといくつかご紹介。 ↑はMiso。 Quicksand Alte Haas Grotesk Comfortaa Justus Karabine サンセリフ体やセミセリフ体、セリフ体など、カテゴリーに分かれてかっこいいものがそろっていますね。ライセンスについてはリンク先を確認してください。 その他のリストは以下からどうぞ。 » 30 high-quality free fonts for professional designs 今日もいい天気ですねー。クロスバイクのギアの調子が悪い。。修理しに行かないとな。
オリジナルフォントが作れるジェネレータ – creamu
オリジナルフォントが作りたい。 そんなあなたにおすすめなのが、『YourFonts – Generate Your Own Fonts Online』。オリジナルフォントが作れるジェネレータだ。 このサイトでは、自分のフォントを作ることができる。 PDFが配布されていて、↑のようにAからZまでを書き込んでいく。それをサイトにUPすればOKだ。 現在は負荷のためUPできない状態だが、おもしろいサービスではないだろうか。 オリジナルフォントが作れるジェネレータ、チェックして一度見ていただきたい。 » YourFonts – Generate Your Own Fonts Online 今日は寒いですねーー。
複数カラムの高さをそろえるクロスブラウザなCSS – creamu
複数のdivの高さをそろえたい。 そんなときにおすすめなのが、『Equal Height Columns with Cross-Browser CSS & No Hacks』。複数カラムの高さをそろえるクロスブラウザなCSSだ。 このエントリーでは、↑のようにdivの内容によって高さが違ってしまう場合に、高さをそろえるテクニックが紹介されている。 The method shown here is 100% CSS hack-free, image-free and JavaScript-free so it can even be used on the most strictly coded websites とあるように、CSSハックや画像やJavaScriptは使用していないとのことだ。 2カラムから5カラムのデモページが用意されている。 複数カラムの高さをそろえるクロスブラウザなC
まじで使える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
Macでマウスポインタと一緒にスクリーンショットを撮る方法 – creamu
ちょっとメモ。 Macでマウスポインタと一緒にスクリーンショットを撮る方法です。 いつもは「Command + Shift + 4」でスクリーンショットを撮ってるんだけど、これだとマウスポインタが含まれません。 アプリケーションの「グラブ」を使うんですね。 1. まず、「アプリケーション / ユーティリティ / グラブ.app」を開きます。 2. 次に、環境設定でマウスポインタのスタイルを選択。 3. 最後に、「取り込み / スクリーン」あたりを選択して、キャプチャ。 というところですね。 場合によっては、「取り込み / タイマー」を使うと、10秒後にスクリーンショットを撮ってくれます。 試してみてください〜〜。 そろそろ出かけようかな。 iPod nanoが出ましたね。Appleのサイトデザインが素晴らしすぎるからキャプチャしとこうっと。
画像を横断検索できる『Cyclo.ps』 – creamu
ロイヤリティーフリーなどの画像を一括で検索したい。 そんなときにおすすめなのが、『Cyclo.ps』。画像を横断検索できるサイトだ。 このサイトでは、↓のサイトから画像を一括検索してくれる。 BigStockPhoto™ Fotolia© iStockphoto® Photos.com™ Shutterstock® 検索結果は↓こんな感じ。なんとなく象が見たかったので「elephant」で検索してみた。 「+」のアイコンにマウスオーバすると、スムーズに拡大してくれる。画像をクリックすると、それぞれの画像ストックサイトに飛び、画像を購入したりできるという仕組みだ。 インターフェースも綺麗だし、キャラクターもかわいい。「Search once. See it all. At Cyclo.ps. 」というコピーも秀逸だな、と思った。 画像を横断検索できるサイト、チェックしてぜひ一度使ってみていた
画像を保存するのを防ぐJavascript『dwProtector』 – creamu
右クリックなどで画像を保存するのを禁止したい。 そんなあなたにおすすめなのが、『dwProtector』。画像を保存するのを防ぐJavascriptだ。 このエントリーでは、↓のように画像を保存するのを禁止するJavascriptが紹介されている。 ・右クリックで「別名で画像を保存」 ・デスクトップに画像をドラッグ ・右クリックで「背景として画像を保存」 ・右クリックで「デスクトップの背景に設定」 Javascriptクラスを用意して、それを「window.addEvent」で呼び出す。 あとは<img src="imagepath" class="protect">のように画像にprotectクラスを指定すればOKだ。 保存できたとしても、「blank.gif」という空ファイルになる仕組みとなっている。 画像を保存するのを防ぐJavascript、チェックしてぜひ使ってみてはいかがだろう
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
DiaryTechnology CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 CSSでmin-heightをブラウザに関係なく使いたい。 そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。 There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser
効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 – creamu
DiaryTechnology 効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 かっこいいインターフェースをCSSで実現したい。 そんなあなたにおすすめなのが、『Powerful CSS-Techniques For Effective Coding』。Smashing Magazineによる、効果的なコーディングのための強力CSSテクニック集だ。 以下にいくつかご紹介。 » Triadic Background Setting with CSS Silverbackのサイト。シンプルなCSSで3枚の背景画像を重ねて3D効果を出している。ドキュメントはないがソースコードを見るだけでとても刺激的 » Creative Use of PNG Transparency in Web Design We
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
