タグ

2010年2月14日のブックマーク (5件)

  • フッタをブラウザ下部に固定配置する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 今日もいい天気ですね〜。タス

  • CSS3でIEにも角丸を適用させるhtcファイル – creamu

    CSS3で最も簡単にクロスブラウザの角丸を実装したい。 そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。 クロスブラウザの角丸を実装するには、「border-radius.htc」ファイルをダウンロード、配置して、CSSに以下のように記述すればOKです。 CSS3 -moz-border-radius: 32px;//for Firefox -webkit-border-radius: 32px;//for Safari and chrome border-radius: 32px;//CSS3 behavior: url(border-radius.htc);//for IE すごく簡単な方法なので、CSS3での角丸はこれで決まりな

  • Photoshopのテキストエフェクトチュートリアル33 – creamu

    Photoshopでテキストを装飾したい。 そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Create a Stunning Text on Wild Fire Effect 炎の効果を演出したテキスト How to Create a 3D Text Photo Manipulation 3Dのテキストを作るチュートリアル How to Quickly Create a Stylish Retro Text Effect テキストの中をクールなラインで抜いた、レトロエフェクト Patriotic Text Using Displacement M

  • 知っておきたいillustratorのチュートリアル40 – creamu

    illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s

  • かっこいいアニメーションでフィルタ&並べ替えができる『Qucicksand』 – creamu

    フィルタ&ソートにもかっこいい演出をしたい。 そんなときにおすすめなのが、『Quicksand』。かっこいいアニメーションでフィルタ&並べ替えができる、jQueryプラグインです。 「Filter by type」と「sort by」からフィルタ / ソート方法を選ぶと、すっすっとアニメーションしながら、フィルタ&並べ替えをすることができます。かなり動きがかっこいいですね。 ソースがダウンロードできるのと、「Demos & Docs」からは解説を見られます。 一度見てみてください。 Quicksand とてもいい式でした。感動したな。 さて、東京に帰ります。