タグ

ブックマーク / wp-e.org (3)

  • 【追記・訂正あり】【試してみた】BrowserSyncが2.0.1にバージョンアップしてた【超絶進化が止まらない】 | WP-E (仮)

    Facebook上でこの投稿をしたのが2/17だったのですが、今日(まだその4日後ですよ…)見たらバージョンが2.2.1になっていましたw 事程左様にものすごく頻繁にバージョンアップが行われています。バグフィックスもありますが、機能追加も含めてどんどん仕様も変化しますので、ケースによってはバージョンアップ後に動作しなくなる可能性もあります。その時は焦らずに npm install [email protected] --save-dev のようにバージョンを指定してインストールすることが可能ですのでお試しください(package.jsonからインストールしている場合はpackage.jsonの記述を書き換えましょう)。 2015.2.12 追記 souさんから 正式にはBrowserSync(ハイフンなし)だよって某氏が突っ込んでましたw というツッコミをいただいたので表記を訂正しました。

    【追記・訂正あり】【試してみた】BrowserSyncが2.0.1にバージョンアップしてた【超絶進化が止まらない】 | WP-E (仮)
  • ビューポートを単位にした CSS でスマホ向けのコーディングがハッピーになった話 | WP-E (仮)

    vw, vh, vmin, vmax という単位があるのをつい最近知りました。 随分昔からあったものらしいですが、大変便利なものだったので書いておこうと思います。 上記4つの単位はそれぞれブラウザのビューポートに対する (割合) パーセンテージを指定する単位です。具体的な定義は次の通りです。 単位 説明 vw ビューポートの幅に対する割合 vh ビューポートの高さに対する割合 vmin vw と vh の小さい方に対する割合 vmax vw と vh の大きい方に対する割合 活用例 iPhone6 を例にするとビューポートの幅が375px。このとき100vw が 375px、1vw は 3.75px 相当のサイズになります。 画面サイズ幅一杯の正方形な要素が作りたい時とか { width: 100vw; height: 100vw; } であったり、画面いっぱいのモーダルも、親要素に影響さ

    ビューポートを単位にした CSS でスマホ向けのコーディングがハッピーになった話 | WP-E (仮)
  • どっちのベクターSHOW!! SVG vs Webフォント を比較する | WP-E (仮)

    こんにちわ@ampersand_xyzです。ごきげんうるわしゅう。 どこまで行くんだ解像度 最近はディスプレイの進化速度が目覚ましいですね。とても小さい画面でも、物凄い解像度を誇る端末がどんどん出てきており、人間の目の認識可能レベルなんか知るか!技術的にやれるとこまでやったるんや!という気概を感じております。 こういうのは大変ワクワクするのですが、それにともなってWEB制作者としては画像がぼやけるであるとか、想定してたより小さく見えてしまう等、結構悩ましい事態も増えることとなり頭を抱えたことがあるという人も少なくないのではないでしょうか。 ベクター画像を使おう さて、そんな進化と変化をし続ける解像度に対応することができるのがベクター画像です。 (ベクター画像とは何?という方はこちらをご参考にしていただければと思います→ベクター画像とラスター画像の違いと利点) ウェブフォントを利用したアイコ

    どっちのベクターSHOW!! SVG vs Webフォント を比較する | WP-E (仮)
  • 1