タグ

tipsとwebに関するnulieのブックマーク (6)

  • 【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました! | ultimate-ez.com

    ぼんやりしたペースで進めているwordpressの新テーマづくりですが、今回は「フォント」についてのメモ。 当サイトはごくごく普通のブログなので、対象となる視聴環境はPCからタブレット、スマホまで様々。 そんな中でフォントを指定するっていうことで、cssでの記述(font-family)は以下が基形になります。 [css] font-family:’Lucida Grande’, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, sans-serif; [/css] MacのOS Xの標準フォントであるLucida Grande+ヒラギノ角ゴの合成フォントを再優先に。 そして、Windowsではメイリオが表示されるようにします。 (ここでメイリオより前にArialなどのwindowsにも入っているフォントを入れちゃう

    【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました! | ultimate-ez.com
  • CSSでのフォント指定について考える(2014年)|DTP Transit

    結論1:アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日語名、OS X Mavericks(10.9)ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2:「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考: ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり!(2013春) 結論2:新しい字形に対応をしている「ヒ

    CSSでのフォント指定について考える(2014年)|DTP Transit
  • 標準フォントを指定する

    通常、サイト内のフォント(書体)は自由に指定できる訳ではありません。閲覧者のパソコンにインストールされている、いわゆる「標準フォント」を決めうちで指定します。 日フォント CSSにてサイト全体(body)や日語で書かれた文章には下記のように指定します。 複数のフォントを記述した場合、先頭(左)のフォントが優先されます。 上記の場合、いずれもゴシック体のフォントで、メイリオ(Meiryo)よりもヒラギノ(Hiragino Sans)が優先される指定になっています。sans-serifは明朝体のような尖った装飾(セリフ)のないフォント、つまりゴシック体全般を指します。指定したフォントがない環境でも明朝体を避けるため、これを最後に記述します。 明朝体のフォント 明朝体のフォントについては、Windowsの解像度がまだ低いことがあるため、見出しなど大きな文字でない限り利用はおすすめできません

    標準フォントを指定する
  • WEB制作|デザイン会社|超簡単! 髪の毛の画像を1分で切り抜く方法まとめ

    お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない! 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか!」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお

  • オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB)

    Fireworks用のコマンドファイル(JSF)を公開します。 業務の中でブラッシュアップしてきたコマンド集なので、年がら年中、Fireworksを使ってる方には、便利なコードがいくつかあるとおもいます。 ■ビデオチュートリアルに関しての注意点 チュートリアルビデオのFireworkの画面中に、右側にCommandsというパネルがありますが、インストールしているコマンドをボタンとして利用できる拡張機能です。 以下のサイトで配布しています。いろいろFireworksの拡張機能があります。 johndunning.com/fireworks http://johndunning.com/ ■コマンド / ドキュメント関連

    オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB)
  • ワイヤーフレームコミュニケーション研究会

    直前の告知になってしまい申し訳ありませんが、9月29日21時より @threepennie さん「Websig 24/7サイトマップ+ワイコミ研」ということでUStreamを行ないます。 サイトマップとワイヤーフレームの標準ガイドラインを考える会のキックオフ番組となります。 詳細はこちら http://ow.ly/2Js6t 配信は、 http://ow.ly/2Js6u にて行なわれますのでお楽しみに! ハッシュタグは#websigです。 第2回ワイヤーフレームコミュニケーション研究会が開催される2週間ほど前にTwitter上で、デザイナーの松原慶太さんとやりとりで、ワイヤーフレームのパーツをマグネット化できたらいいよねみたいな話し合いが行なわれました。 ホワイトボードとかに貼ったりしてアナログな状態でいろいろなブレストをやるためのアイテムという雰囲気です。 松原慶太さんは、標準Webデ

  • 1