ブックマーク / www.webdesignlibrary.jp (12)

  • CSS3で簡単なツールチップを作成する方法 / ウェブデザインライブラリー

    投稿日:2013年6月6日   レベル:-    ソフトウェア:CSS3 このチュートリアルではCSS3で簡単なツールチップを作成する方法について紹介します。 Step1 : はじめに Step2 : リンクの設定 Step3 : デザインの設定 Step4 : contentプロパティの設定 Step5 : 調整 Step6 : 完成 ツールチップは画像やテキスト上にカーソルを持ってくるだけで、ユーザーに追加の情報を与えることができる素晴らしい方法です。 例えば、デザインの邪魔になること無く、画像の短い説明文やリンク用の長い記述を表示したり、あるいは、サイト訪問者の満足度を高めるような役立つ情報を盛り込むことができます。

    ROBOT_KUN
    ROBOT_KUN 2013/06/10
  • 「requestAnimationFrame」でJavaScriptアニメーションをスピードアップさせる方法 / ウェブデザインライブラリー

    Home > ウェブプログラミング > 「requestAnimationFrame」でJavaScriptアニメーションをスピードアップさせる方法 「requestAnimationFrame」でJavaScriptアニメーションをスピードアップさせる方法 投稿日:2013年4月30日       ソフトウェア:CSS3 「requestAnimationFrame」でJavaScriptアニメーションをスピードアップさせる方法 Step1 : はじめに Step2 : 責任はブラウザへ Step3 : サポートするブラウザ Step4 : 結論 CSS3のおかげで見た目の良いアニメーションにFlashが必要なくなりました。 JavaScriptさえいらないと言われます。 しかしCSS3では不十分な場合もあります。 アニメーションの計算や再計算をするのに、 JavaScriptを使う必要

    ROBOT_KUN
    ROBOT_KUN 2013/05/04
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    ROBOT_KUN
    ROBOT_KUN 2013/03/08
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    ROBOT_KUN
    ROBOT_KUN 2012/12/13
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    ROBOT_KUN
    ROBOT_KUN 2012/12/09
  • Photoshopでコメント用のリボンアイコンを作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでコメント用のリボンアイコンを作る方法 Photoshopでコメント用のリボンアイコンを作る方法 投稿日:2012年11月20日   レベル:初心者    ソフトウェア: このチュートリアルではPhotoshopでコメント用のリボンアイコンを作る方法について紹介します。 まず黒い背景を作成し、それからたくさんのレイヤーやテキストレイヤーやその他の便利なテクニックをこのチュートリアルを通じて学んでいきます。 このチュートリアルは簡単なので、ぜひ、みなさんに挑戦してもらいたいと思います。 Step1 : はじめに Step2 : グラデーションの描画 Step3 : テキストの挿入 Step4 : テキストにレイヤースタイルの適用 Step5 : 完成

    ROBOT_KUN
    ROBOT_KUN 2012/11/25
  • Illustratorで太陽光線(ベクター素材)を作る方法 / ウェブデザインライブラリー

    Home > グラフィック講座 > Illustratorで太陽光線(ベクター素材)を作る方法 Illustratorで太陽光線(ベクター素材)を作る方法 投稿日:2012年11月16日   レベル:初心者    ソフトウェア: このチュートリアルではIllustratorで太陽光線(ベクター素材)を作る方法について紹介します。 初心者でも簡単にできます。ぜひお役立て下さい! Step1 : はじめに Step2 : 線幅の設定 Step3 : 収縮ツールの選択 Step4 : ツールの設定 Step5 : デザインの形成 Step6 : 完成 まずは、Illustrator を開きましょう。 このチュートリアルでは、サイズを360px × 360pxにしますが、どんな大きさでも構いません。 楕円形ツールを選択します。Lのショートカットでも構いません。 選択したら、円を描きます。 このチュ

    ROBOT_KUN
    ROBOT_KUN 2012/11/21
  • Photoshopで雪降る北極圏のような効果をテキストにつける方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopで雪降る北極圏のような効果をテキストにつける方法 Photoshopで雪降る北極圏のような効果をテキストにつける方法 投稿日:2012年11月13日   レベル:初心者    ソフトウェア: このチュートリアルではPhotoshopで雪降る北極圏のような効果をテキストにつける方法について紹介します。 初心者でも簡単にできます。ぜひお役立て下さい! その間に、レイヤーのブレンドオプション、クリッピングマスク、カスタムブラシ、基的な選択範囲のテクニックを使います。 Step1 : はじめに Step2 : レイヤースタイルの設定 Step3 : カラーの調整 Step4 : 雪のテクスチャの追加 Step5 : ワープの設定 Step6 : 完成

    ROBOT_KUN
    ROBOT_KUN 2012/11/18
  • Photoshopでノートアプリのアイコンを作成する方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでノートアプリのアイコンを作成する方法 Photoshopでノートアプリのアイコンを作成する方法 投稿日:2012年11月6日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopでノートアプリのアイコンを作成する方法 を紹介します。 Step1 : はじめに Step2 : 長方形の描画 Step3 : 紙のダメージ加工 Step4 : ディティールの追加 Step5 : 完成

    ROBOT_KUN
    ROBOT_KUN 2012/11/11
  • Photoshopでロマンチックな夕暮れの風景を作る方法 / ウェブデザインライブラリー

    Home > フォトショップ講座 > Photoshopでロマンチックな夕暮れの風景を作る方法 Photoshopでロマンチックな夕暮れの風景を作る方法 投稿日:2012年10月9日   レベル:初心者    ソフトウェア: 映画で見る有名な場所の、夢のように美しく、落ち着きのあるライティングはいつでも感動的です。 残念ながら、現実の世界では(まだ)見たことがありませんが。 とはいえ、Photoshopを使えば、お気に入りの風景でそのようなライティングを作ることが可能です。 このチュートリアルでは、Photoshopでロマンチックな夕暮れの風景を作る方法を紹介します。 Step1 : はじめに Step2 : クイックマスクの調整 Step3 : 逆光の設定 Step4 : フィルタの追加 Step5 : レイヤースタイルの変更 Step6 : コピー&ペースト Step7 : 完成 次の

    ROBOT_KUN
    ROBOT_KUN 2012/10/14
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    ROBOT_KUN
    ROBOT_KUN 2012/05/14
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。

    ROBOT_KUN
    ROBOT_KUN 2012/05/09
  • 1