タグ

ブックマーク / design-spice.com (3)

  • 無料でMacでIEの表示テストをする方法

    modern.IEでは仮想PCを使用したIEの表示テストツールが提供されてます。これを使用するとWindows以外のOSでも複数バージョンのIEのテストが行えます。 追記:modern.IEの日語版ページが開設されました。 ホーム | Internet Explorer の検証がより簡単に | modern.IE はじめに modern.IEのVirtual toolsページではIEのテストツールが提供されてます。 「Local virtualization」では各OS、各仮想化ソフトウェア用のWindows&IEファイルが用意されてます。OSはWindowsMacLinux、仮想化ソフトウェアはVirtualBox、VMWare Fusion、Parallels、Virtual PCなどに対応しています。 ここではMacでVirtualBoxを使用してIEを起動させる方法を紹介しま

    無料でMacでIEの表示テストをする方法
  • ページをスクロールしたらオススメの記事を紹介してくれるSimpleReach THE SLIDE

    最近海外のブログでよく目にする、 画面を下までスクロールすると右下から出現する「THE SLIDE」。 流行ってるのか知りませんが、取り敢えずこのブログも流れに乗っかって設置してみました。 最近海外のブログでよく目にする、 画面を下までスクロールすると右下から出現して オススメの記事を紹介する「THE SLIDE」。 流行ってるのか知りませんが、 取り敢えずこのブログも流れに乗っかって設置してみました。 インストール THE SLIDEは、そのページを見てる人にお勧めの記事を紹介してくれるウィジェットです。 WordPress、Drupal、Tumblr、Blogger、 その他ブログの様に記事を作成するタイプのサイトに使用できます。 WordPressにはプラグインがあるので、プラグインを利用すると簡単に設置できます。 ちなみにWordPressのプラグイン名は「SimplleReach

    ページをスクロールしたらオススメの記事を紹介してくれるSimpleReach THE SLIDE
  • Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

    レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ

    Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
  • 1