タグ

2017年5月6日のブックマーク (2件)

  • 様々なスマホの画面サイズを1度に開いて動作確認できるChrome拡張「mobile browser emulator」

    mobile browser emulatorとは mobile browser emulatorは、簡単なクリック操作で、「複数サイズのモバイル端末画面」と「パソコン画面」を同時に開いて動作確認できるモバイルエミュレーター拡張です。 例えば、スマホ画面を動作確認するのであれば、ダブルクリック一発で以下のような状態を作ることができます。 動作確認可能なスマホサイズスマホであれば、以下のような画面サイズの動作確認画面を手軽に呼び出すことができます。 320×480(スタンダードなモバイル解像度)320×533(多くのSamsung、HTC、LG)320×568(iPhone5)360×640(Galaxy:S3,S4,S5、Nexus、Xperia:P,S,Z)375×667(iPhone6) 動作確認可能なタブレットサイズタブレットは、今のところ以下の2種類です。 768×1024(iPa

    様々なスマホの画面サイズを1度に開いて動作確認できるChrome拡張「mobile browser emulator」
  • CSSで作る!綺麗なWeb用リボンデザイン22選

    画像を使わなくても、立派なリボンをWebサイト上に表示することができます。この記事では様々な形のリボンの作り方を使用サンプルとともに紹介していきます。どれもHTMLCSSのコピペで使うことができます。 はじめに リボンのテキストはサンプルでは「Welocome to My Blog!」や「NEW」などとしていますが、お好みのテキストに変えてご利用ください。ただし、複数行にわたるような長文にするとデザインが崩れてしまうことがあります。なるべく、短めのテキストを入れて頂くのがおすすめです。 また、HTMLコードでは例としてh3タグを使っていますが、この部分をh1~h5やpタグ、div、spanタグに置き換えてそのまま使うことができます。

    CSSで作る!綺麗なWeb用リボンデザイン22選
    AfroRay
    AfroRay 2017/05/06
    [][]