タグ

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

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

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

    記事の投稿作業をしやすくする投稿画面のカスタマイズ方法いろいろ - MdN Design Interactive
  • mixiページはFacebookページの侵攻を阻止できるか - MdN Design Interactive

    2011年09月05日 TEXT:小川 浩(株式会社モディファイ CEO 兼クリエイティブディレクター) 2011年8月31日、長らく業界の噂として広がっていたmixiページがについにお披露目となった。 mixiページは、サービス開始から3日目となる9月2日時点で登録数が8万件を突破し、初速としては非常によい出だしを見せている。反面、来は検索エンジンの検索結果に表示される仕様になっているべきところが、開設数の急増によるサーバ負荷を回避するため、実装を延期する不手際を見せている(注:9月5日に修正)。さらに、来は芸能人などのファンページの作成には人または事務所の認可が必要であるのに、無許可のmixiページが乱造されるなどの問題もはらんでる。 しかし、サービススタート時からモバイル対応をきちんと行っているところなどは、ミクシィの気度が伝わるし、国内最大SNSとして押さえるべき勘所はさす

    mixiページはFacebookページの侵攻を阻止できるか - MdN Design Interactive
  • 続・思考するWEBディレクション 第1回「Webディレクターが意識すべき目線(1)」 - MdN Design Interactive

    web creators/MdN Design Interactive共同企画 サイト制作のための実践マネジメント 続・思考するWebディレクション 第1回「Webディレクターが意識すべき目線(1)」 2011年4月19日 TEXT:文=田口 真行(株式会社デスクトップワークス) Webサイトを制作するうえで欠かせないのが、Webディレクターの存在だ。クライアントへのヒアリングや提案、スケジュール設定、制作物のクオリティ管理など、業務領域は多岐にわたる。ここでは、すぐれたクオリティを発揮するWebディレクターとなるために必要な知識や考え方などを紹介していく。 今回はWebディレクターにおけるディレクションクオリティを左右する「目線」について取り上げる。クライアントの依頼に対して、Webサイト制作のプロとして接するWebディレクター。その立場において「目線」の持ち方ひとつで、進行上発生する問

    続・思考するWEBディレクション 第1回「Webディレクターが意識すべき目線(1)」 - MdN Design Interactive
  • MdN Design|総合情報サイト

    作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら 第3回 デザインに使えるツール(3)はこちら 第4回 コーディングに使えるツール(1)はこちら 第5回 コーディングに使えるツ

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    いくつものツールを切り替えて使うとき、いちいちマウスを移動してクリックするのは意外とめんどうだ。1回の操作では大したことがなくても、何百回、何千回と同じ操作を繰り返すと、多大な作業負担になる。こういった場合は、キーボードのショートカットを活用しよう。ショートカットはシンボルやトゥイーンの作成などに利用しているケースが多いと思うが、実はツールの切り替えにも使える。 操作方法は簡単で、【1】【2】のように設定されている単一のキーを押すだけで即座にツールが切り替わる。設定されているキーが気に入らなければ、編集メニュー→“キーボードショートカット”から変更可能だc。筆者は、頻繁に使用する虫めがねツールのキーを、押しやすいZキーに変更している。ちなみに、各パネルのフィールドなどにフォーカスがある場合は、文字入力が優先されてしまいツールがうまく切り替わらない。このようなときは、ステージを1回クリックす

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ 第3回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!! ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    プロとして、いま必須のあらゆる知識を再整理! WEB制作テクニックの新標準2010 SESSION 09 Ajax × クラウド Keyword…SaaS、jQuery、スマートフォン、Google Chrome OS クラウドは2009年の流行キーワードのひとつだ。さまざまなデータやサービスを提供し、Web制作やプログラム開発を容易に、そしてパワフルにサポートする。クラウドの進化とAjaxがこれからWeb制作に何をもたらすのかを紹介しよう。 文=H2O Space. ソフトウエアを不要にする「クラウド」とは PCで作業をするときには、必ずソフトウエアが必要であった。しかし、そのような状況がクラウドによって変わりつつある。クラウドのひとつである「SaaS(Software as a Service)」はソフトウエアをインターネット上で、Webブラウザのみで利用できるようにするサービスのこと

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    Photoshop、Fireworks、Dreamwaver、etc. WEBの作業が楽になるテクニック総まとめ 第2回 「あの作業をもっと早くしたい!!」と思っても、改善できずに制作を続けている場合もあるだろう。そこで、Web制作が楽になる操作テクニックをまとめて紹介!! ふだんから使用しているさまざまなソフトウエアを使いこなし手間どる作業をスムーズに行おう。

    MdN Design|総合情報サイト
    webcrafts
    webcrafts 2010/04/13
  • MdN Design|総合情報サイト

    Webデザインの表現力に差をつけるのは、デザインのクオリティと仕掛けのおもしろさだ。Webならではのインタラクティブな表現技術は、これからますます発展し広がっていくだろう。この連載では、ユーザーを魅せるさまざまなデザインや仕掛けの方法を紹介していく。 文:linker

    MdN Design|総合情報サイト
  • はじめてでもできる!Twitter壁紙入門 - MdN Design Interactive

    Web業界は、Twitterのサービス開始から使っている古参ユーザーが多いことで知られている。Twitterのページもカスタマイズされていて、見ているだけで楽しい。Twitterの画面はとてもシンプルだが、壁紙を設定したり、自由に配色を変更することができる。自分のページを魅力的でかっこいい(もしくは可愛らしい)デザインにアップデートすることが可能だ。記事では、壁紙の作成、設定方法および注意点などを解説している。参考にして、人目を引くような壁紙づくりに役立ててほしい。 (2009年11月16日 文=境 祐司) [プロフィール] さかい・ゆうじ●教育デザイナー。学校、企業の教育プラン、マネジメント、講演、執筆など。著書に『デザイナーなら絶対知っておくべき Webデザイン50の原則』ソフトバンククリエイティブ、『速習Webデザイン Flash CS4』技術評論社、『XHTMLマークアップ&スタ

    はじめてでもできる!Twitter壁紙入門 - MdN Design Interactive
    webcrafts
    webcrafts 2009/11/18
  • 1