タグ

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

  • iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

    弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

  • 簡単作業でスピードアップ!パフォーマンスアップまとめ - EC studio デザインブログ

    以前にWeb Directions East 「パフォーマンスアップのウェブ技術 WDE-Express」で パフォーマンスアップについて記事を書きました。 今回はその記事や色々参照した・セミナーを元に実際に改善をおこなって、 どれだけ高速化したかデータ上で確認し、まとめてみました。 できるだけ手間をかけずに簡単にできる改善方法をおこなってみたので、 しばらくリニューアルの予定はないが、サイトの表示を早くさせたいという方は ぜひ試してみてください。簡単作業でパフォーマンスアップできます。 CSSのコードを短縮して書こう え?こんなこと?と思うかもしれないですが、 どんどんコードを書いていくうちに肥大していくものです。 もう一度見直してコードを軽くしていきましょう。 今回コードの見直しのために使用したサイトはclean CSSです。 clean CSSを参考にカラーコードの短縮、 不必要な

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

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

  • 1