タグ

ブックマーク / designblog.ecstudio.jp (3)

  • Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

    前回の記事ではZen-Codingの導入方法について解説しました。 今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。 なおAptana(Eclipse)の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation(省略コードの展開) Win:Ctrl+E mac:Command+E Zen-Codingの主な機能のひとつです。

  • iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編) - EC studio デザインブログ

    <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート(縦向き)であれば 横

  • 知ってるようで、実は知らない?! Fireworksの小技 - EC studio デザインブログ

    こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ!」ということが・・・ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1.「ラインツール」か「ペンツール」でオープンパスを引く 2.オープンパスを選択する 3.ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4.好きな矢印の形を選んで「OK」をクリック! 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな?」と忘れてしまいがちな小技。 1.テキストを入力する 2.

  • 1