タグ

tipsとdesignに関するHoriuchi_Hのブックマーク (6)

  • 3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー

    DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ

    3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
  • らばQ:これはおしゃれ、15の靴ひもの結び方

    これはおしゃれ、15のひもの結び方 ひもなんて結べてほどけなきゃいいんじゃないの?と思っている人が大半かもしれません。 でもひもといえど結び方ひとつでずいぶんと個性が出たりおしゃれに見えたりするものです。ちょっと違う結び方をしたいなと思っていても、他に方法を知らないという人も多いのではないでしょうか。 GUIDE TO LACINGという海外サイトに15の結び方の説明がありますが、難しそうな結び方もあるので図解と共に15の結び方の説明文を全て日語訳にしてみました。 はしご結び 1. まずひもの両端をまっすぐ、つま先の両方の穴の下から外へ出します。 2. そのまま2をまっすぐ次の穴へ外から通します。 3. 内側から出してきたひもを交差させて、縦のひものラインの下をくぐらせ、そのあとまっすぐ次の穴へ外から通します。 4. 最後は交差させたひもを、縦のラインにくぐらせてから結びます。

    らばQ:これはおしゃれ、15の靴ひもの結び方
  • ウノウラボ Unoh Labs: CSSをデバッグしよう

    こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ・・・、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう

  • jmblog.jp - Web2.0っぽいグラデーションのコツ

    そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう?1 は彩度(鮮やかさ)が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション

    Horiuchi_H
    Horiuchi_H 2007/01/22
    『グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素』
  • CSS Tips:メモランダム

    Horiuchi_H
    Horiuchi_H 2006/08/31
    便利なCSS Tipsを発見した。他にも使えそうなTipsをブックマークしておく。
  • GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル

    GIMPというのは「Photoshopキラー」とも呼ばれていた有名なフォトレタッチソフト。WindowsMac OS X、Linuxで動作し、日語化もされていて、機能的にはかなり優秀ではあるものの、どんな画像が作れるのか?というチュートリアルがないとやはり使う気にはなれません。 というわけで、Photoshopでよく作られている画像をGIMPでも作ってみようというチュートリアルや、見た目自体をPhotoshop風にしたもの、CMYKを利用できるようにするプラグインなどをまとめておきます。 [GUG] Tutorials http://gug.sunsite.dk/?page=tutorials 上記サイトには色々あります。 これはアクア風のボタンを作るという有名なモノ iMacっぽいロゴ テープを貼った感じ 稲 錆のある金属 さらに一風変わったチュートリアルがここにあります。 BET

    GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル
  • 1