ブックマーク / www.mdn.co.jp (4)

  • MdN Design|総合情報サイト

    2-3 異なるフォント同士を組み合わせる 文=和田由紀子 和文書体は英数字が苦手 「ページタイトルや見出し画像の文字組みをキレイにつくりたいのに、和文書体の英数字はかっこ悪くて使いづらい」という経験をお持ちのデザイナーの方は多いのではないだろうか。たとえばモリサワの「新ゴ」。このフォントはシステマチックな雰囲気を持つ現代的なゴシック体で視認性が高く、デザインの現場はもちろん、駅名標などの公共のサインにも多用されるフォントのひとつだ。しかしながら、そのようなメジャーなフォントでも漢字やひらがなの絶妙なバランスに比べて、英数字は太った感じの角張った字面になってしまう。これをそのまま使用すると、英数字の部分が妙に場所を取っているように見え、全体的にまとまらない散漫な印象になるのだ【1】。 和文書体の英数字がこのようになってしまうのには、実は訳がある。英文の文字組みがつねに横方向であるのに対し、和

    MdN Design|総合情報サイト
  • 記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive

    今回は記事の投稿時にHTMLなどを記述する必要がある際でも、だれでも簡単にできるように投稿作業を便利にするカスタマイズ方法をいくつか紹介していきたいと思います。投稿画面内にもスタイルを適用される「editor-style.css」の設定方法や投稿時の自由に入力したい情報をボタンとして投稿できる「AddQuicktag」やビジュアルエディタのボタンを拡張する「TinyMCE Advanced」の使い方を見ていきます。 解説:(有)ムーニーワークス ハヤシユタカ WordPressではスタイルシートは基は「style.css」に記述して作業していきます。記事を投稿する画面上では、何もしないとそのまま原稿や画像がそのまま表示されてしまいます。 Webデザイナーの人達はそれで全く問題ないですが、運用を担当されるWeb系以外の方ですと単純な文章だけの日記的なページ以外に、少し複雑なコードになると投

    記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive
    takacoco
    takacoco 2014/01/29
  • MdN Design|総合情報サイト

    2013年1月29日発売のweb creators特別号「いますぐ悩みが解決する! Webデザイン 仕事で役立つ54のアイデア」から、毎週記事をピックアップしてご紹介! 近年さかんに目にするパララックス効果やMasonryを利用したレイアウトをはじめ、見やすくて使いやすいナビゲーション、フォームや製品紹介ページのユーザビリティを向上するインタラクション、表現の可能性を広げるHTML5+CSS3の機能、制作効率を向上するフレームワークの紹介、スマートフォンサイト制作のポイントとTipsなど、Web制作仕事に役立つ54のアイデアが満載です。 ※記事はweb creators特別号『いますぐ悩みが解決する! Webデザイン 仕事で役立つ54のアイデア』からの転載です。この記事は誌面でも読むことができます。

    MdN Design|総合情報サイト
    takacoco
    takacoco 2013/04/25
  • 第1回 Webサイト構築・運用の流れ - MdN Design Interactive

    WEBディレクションの極意 文=島元大輔 大阪Web制作会社でWebディレクターとして活躍後、(株)キノトロープに入社。数多くの企業Webサイト構築プロジェクトにかかわる。その後、(株)ライブドアに入社、現在は(株)セシールに在籍。著書として「だから、Webディレクターはやめられない」(ソシム刊)。 url.blog-project.cecile.co.jp/ 第1回 Webサイト構築・運用の流れ 企業のWebサイトを構築するとき、最初から最後までひとりでつくり上げるということはまずない。制作も運用もさまざまな人物が登場することになる。そこで、その多くの登場人物をまとめ上げ、作業をスムーズに進行させるWebディレクターの存在が欠かせないものとなる。このページではWebディレクションに焦点を当てて、Webサイト構築・運用の進め方、コツ、心得などをそれぞれの場面ごとに解説していく。 Webサ

    takacoco
    takacoco 2013/04/08
  • 1