2012年8月3日のブックマーク (5件)

  • 3 Cool Techniques For Your Next Web Design Project

    2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか?」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います! ↑私が10年以上利用している会計ソフト! 準備:分析&実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLCSSが確

    3 Cool Techniques For Your Next Web Design Project
    umegaemotch
    umegaemotch 2012/08/03
    素敵な3つのWebサイトの使用技術を分析&実践してみた
  • スマートフォンサイトの表示確認に使いたい便利なツール×2

    [対象: 中級] 今日は、スマートフォン向けのサイトを検証するときに便利なツールを2つ紹介します。 レスポンシブ・ウェブデザインでの表示を簡単に確かめられるブックマークレットとスマホでのページ閲覧をシミュレーションするアプリケーションソフトです。 1. レスポンシブ・ウェブデザイン ブックマークレット 1つ目はレスポンシブ・ウェブデザインがどのように機能しているかをチェックするブックマークレットです。 こちらのページにアクセスして「RWD Bookmarklet」というボタン(リンク)をブラウザのお気に入りに追加するか、ブックマークバーにドラッグ&ドロップします。 レスポンシブ・ウェブデザインを確かめたいページでブラウザに追加したそのリンクをクリックすると下のような画面になります。 中央上にある赤枠で囲んだ4つのアイコンをクリックすると解像度を変化させた表示に切り替えることができます。 ア

    スマートフォンサイトの表示確認に使いたい便利なツール×2
    umegaemotch
    umegaemotch 2012/08/03
    スマートフォンサイトの表示確認に使いたい便利なツール×2
  • [CSS]Retinaディスプレイを考慮したCSSスプライトの実装方法

    新しいiPad, iPhone4, MacBook Proなどに採用されているRetinaディスプレイを考慮したCSSスプライトの実装方法を紹介します。 Using CSS Sprites to optimize your website for Retina Displays CSSスプライトとは複数のアイテムを一枚の画像に配置し、background-imageで表示する範囲を指定するテクニックです。複数の画像を一枚にまとめることで、トラフィックの軽減につながり、Googleをはじめ多くのサイトで利用されています。 Retinaディスプレイは通常のディスプレイの倍の解像度があり、最適化するためには倍の解像度をもった画像を使用する必要があります。 使用する画像をJavaScriptで記述するのも一つの手ですが、ここではスタイルシートのみで実装する方法を紹介します。 実装例は、4つのそれぞ

    umegaemotch
    umegaemotch 2012/08/03
    Retinaディスプレイを考慮したCSSスプライトの実装方法
  • HG Designs

    Free download: commercial use jpg tiger illustration, printable or instant wall art.

    HG Designs
    umegaemotch
    umegaemotch 2012/08/03
    HG Designs
  • 約60種類の動物たちのシルエットを模ったPhotoshopのシェイプ素材 -Animal Custom Shapes

    当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る

    umegaemotch
    umegaemotch 2012/08/03
    約60種類の動物たちのシルエットを模ったPhotoshopのシェイプ素材 -Animal Custom Shapes