タグ

ブックマーク / blog.webcreativepark.net (4)

  • Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い!

    Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! ネタ元 : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! ネタ元の記事にはいくつか疑問に思われる点があるので私で調べた内容をまとめておきます。 前置きとしてデバイスフォントの話となり環境によって異なる結果がでる可能性があることを前提に読んでください。 font-familyで「游ゴシック」を指定した場合に採用されるフォント まずは以下の箇所 そのため、font-familyで「游ゴシック」と指定すると、Macでは「ミディアム」で表示されて綺麗なのに、Windowsでは「細字」で表示されるためにかすれてしまうんです。 WWW WATCHさんで指摘(Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる)されている通りこれが事実ならW

    Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い!
    digitalglm
    digitalglm 2016/06/30
    Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い! - to-R: ネタ元 : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い!…
  • Web制作における対応ブラウザの選定方法

    Web制作における対応ブラウザの選定方法 「フロントエンドのテクニカルディレクションに求められるスキル」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。 サイトのターゲット・予算・リソース・開発期間などビジネスにより選定方法は異なりますので、あくまで参考程度にしてください。 対応ブラウザを絞る意味 まず最初は「なぜ、対応ブラウザを絞るのか」という視点から。 理想論で言ってしまえばWebサイトを訪れるユーザー全てに最適なコンテンツを提供できれば申し分がありません。 しかし、現実的には各ブラウザ/OSによって実装が異なる機能があったり、実装されていない機能があったり、特有のバグを含んでいる物があったりすることもあり、そういった場合は個別のブラウザ/OSに対してデバッグやチューニングを行わなくてはいけません。 そのため対応ブラウザの数が多ければ多いほど、Webサイトの

    Web制作における対応ブラウザの選定方法
    digitalglm
    digitalglm 2015/11/25
    Web制作における対応ブラウザの選定方法 - to-R: 「 フロントエンドのテクニカルディレクションに求められるスキル 」で出てきた話題として対応ブラウザの選定方法について掘り下げて解説を行います。…
  • フロントエンドのテクニカルディレクションに求められるスキル

    フロントエンドのテクニカルディレクションに求められるスキル フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。 会社の規模や職域、ビジネスモデルにより求められるスキルセットは異なりますが、中小のWeb制作会社を前提に話をいたします。 ディレクター/フロントエンドエンジニアの作業分担 ケースとしては以下のようなパターンが考えられます。 アサインされたディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う アサインされたフロントエンドエンジニアがテクニカルディレクションとフロントエンド実装を行う アサインされたSE/テクニカルディレクターがテクニカルディレクションを行い、フロントエンドエンジニアが実装を行う。 個人的には2のケースでアサインされることが一番多いですが、最近の案件では3のケースで1年ほどテクニカルデ

    フロントエンドのテクニカルディレクションに求められるスキル
    digitalglm
    digitalglm 2015/11/11
    フロントエンドのテクニカルディレクションに求められるスキル - to-R: フロントエンドの多様化が進む中で昨今重要視されているのが「テクニカルディレクション」のスキルセットです。…
  • 今どきのCSS3グラデーションの指定方法 (2015年版)

    緑はベンダープリフィックスが必要 前回との差異はAndroid4.4よりlinear-gradient (to bottom)に対応している点です。 Androidブラウザのシェア 現在のAndroidブラウザのシェアですが、Android4.0以下は非常に少なくなっており対応する必要はなくなってきています。 参考:Dashboards | Android Developers というわけで、-webkit-gradient()による指定はもう不要で-webkit-linear-gradient()とlinear-gradient()のみ記述しておけば、ほとんどのブラウザに対応可能です。 /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-linear-gradient( top, #b

    今どきのCSS3グラデーションの指定方法 (2015年版)
  • 1