タグ

ブックマーク / coliss.com (7)

  • [JS]ポラロイド写真を散らかしたような画像ギャラリーのスクリプト -Polaroid Photo Viewer

    ポラロイド写真をバラバラに重ねて散らかしたような画像ギャラリーのスクリプトをmarco folioから紹介します。 Creating a polaroid photo viewer with CSS3 and jQuery demo 上記キャプチャ画像はSafari3でのもので、画像の傾きやシャドウなどにCSS 3が使用されています。 CSS 3非対応の場合は、下記のようになります。

    amerio
    amerio 2009/03/20
    順番に表示されるナビゲーションもつけてみたい。
  • タップ、コード、アダプターなど電源周りをすっきりと収納できるボックス

    コード&タップボックス 日経トレンディネットで紹介されていた「コード&タップボックス」で、幅約38、奥行約16、高さ約13cmのボックスに電源のタップ、コード、アダプターなどを収納することができます。 値段は6,990円で、カラーはブラウンとアイボリーの2色。 電源コード周りがすっきり「コード&タップボックス」 追記:コメントより 楽天で同じのが4,830円であるとのことで。 コード&タップボックス サイトを見たら在庫切れだったため、楽天で探してみたら、似たようなのがありました。

    amerio
    amerio 2009/02/25
    週末にプラケース買ってきて自作してみようと思う。一通りやってみてやっぱ無理だったら泣きながら注文する。
  • ステンレス、チタンなどメタルの高解像度のテクスチャのフリー素材

    ステンレス、チタン、ダークメタル、メタルのスピーカーなどメタルの高解像度のテクスチャのフリー素材をpsdGraphicsから紹介します。

    amerio
    amerio 2009/02/18
    おおー。メタルイメージってありそうでなかなかないんだよねー。写真に撮るのも実は難しかったりする。
  • 商用・非商用で使用できるフリーの写真素材サイト集 | コリス

    商用・非商用で使用できるフリーの写真素材サイトのリンク集です。 ライセンス(二次加工禁止・著作権表記など)は各画像ごとに異なるため、特に商用利用の際は確認が必要です。 「商用利用可」「非商用のみ可」の記載は、各サイトの主要なライセンスとなっています。

    amerio
    amerio 2008/05/18
    写真があるとサイトが映えるよね。
  • [JS]わずか14KBのJavaScriptで動作するスーパーマリオ

    nihilogicのエントリーから、14KBのJavaScriptで動作するスーパーマリオを紹介します。 Super Mario in 14kb Javascript デモページ マリオを操作するには、矢印キーで行います。 サイトでは上記のノーマルサイズ+音無し版の他に、音有り版・ダブルサイズ版が公開されています。 スーパーマリオの表示が崩れる時は、「西ヨーロッパ言語(ISO)」にすると正常に表示されます。 スーパーマリオ:ノーマル版 スーパーマリオ:ノーマル+音付き版 スーパーマリオ:ダブルサイズ版 スーパーマリオ:ダブルサイズ+音付き版

    amerio
    amerio 2008/04/09
    すげえええ。ブラウザでこれだけのゲームができるなんて。なんでも出来るような気がしてきた。
  • エクセルのデータを見やすくする5つの簡単なテクニック | コリス

    Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し

    amerio
    amerio 2008/03/30
    交互の色分けは条件付き書式で設定できたんだ。今まで手でやってたなあ。
  • [CSS]テキストにグラデーション効果をつけるスタイルシート

    Web Designer Wallにエントリーされている、テキストにグラデーション効果をつけるスタイルシートの紹介です。 CSS Gradient Text Effect 仕組みは、見出し要素(h1)に空のspanを記述し、グラデーションの背景画像を表示しています。 デモページでは、下記のようなさまざまなグラデーションをつけたテキストがあります。 CSS Gradient Text Effectのデモページ 利点としては、下記のような点が挙げられています。 テキストなので、ブラウザからのサイズの拡大・縮小が可能。 背景画像を変更することで、グラデーションを変更することが可能。 見出し画像をいちいち作成する必要がない。 数が多い場合、作成時間・帯域の節約になる。

    amerio
    amerio 2008/01/17
    これはひさびさヒットのデザインネタ。テキストにグラデかかってると見栄えが全然違うもんな。
  • 1