サイトのパフォーマンスアップをしたいけど、
作業をする時間がつくれない、作業するにしても影響範囲が大きくて
なかなか実行できない…ということは非常に多いと思います。
そこで、今回は簡単！すぐできるパフォーマンスアップ！
Webサイトに最適な画像形式の書き出し方法をご紹介します。
以下で書き出した画像はFireworks CS5 を使用して書き出しています。
続きを読む
この数カ月でHTML5のサイトが国内にも増えてきました。先日10周年を迎えた EC studio のサイトもHTML5で制作しています。マークアップの面でのHTML5の導入となりましたが、難しいと思う以上に勉強になることが多くありました。（今も改善を続けています。）
http://www.ecstudio.jp/
個人サイト以外でHTML5を導入するのをためらっている人が多いと思うので、今からでも使っていくためのコツやノウハウをまとめてみました。
続きを読む
iPadが日本で販売されます。
新しいデバイスの登場でサイト制作者の方はいろんな意味でドキドキワクワクしているところだと思いますが、今回はiPadでのブラウジングのことや、それに対する基本的な対応方法を説明します。
続きを読む
iPhone向けに最適化するための対応は慣れるまでは簡単ではないと思う方が多いかもしれませんが、WordPressではプラグインで簡単に対応できます。
今回はよく利用されているであろう3つのプラグインを紹介します。
続きを読む
[追記]2010/07/27
すでに販売されているiPhone4（iOS4）でサンプルを検証したところ、埋め込みで再生はできなくなっていました。iOS4のリリース以前の3GS+iOS4では可能であったことを確認していますので、仕様の変更があった可能性があります。あらためて方法が分かれば記事におこしたいとおもいます。
iPhoneのMobile SafariではHTML5が使えるというのは以前に書いた記事でも紹介したことがあるのですが、HTML5の各要素がすべて完全に使えるというわけではありません。
その中の一つであるvideo要素はマークアップ上使うことは可能ですが、いざ動画を見ようとするとQuicktimeが起動するのでvideo要素を使うメリットがほとんどありませんでした。
しかしvideo要素はOS4.0からページに埋め込まれる形で再生できるようになります。
続きを読む
Fireworksをもっと効率的に使いたい！
もっと便利につかえる方法はないの？と思ったことありませんか。
そんなときにはコマンドを使ってみるのはいかがでしょうか。
使いこなすと様々な作業を効率化でき、作業コストを削減することができます。
でも、コマンド機能を聞いたことない、知ってるけどあんまり使ったことない
という方もいらっしゃると思います。
そこで、今回はFireworksにデフォルトではいっているコマンドと
他サイト様で公開されているコマンドを紹介していきたいと思います。
続きを読む
EC studioの主要なサービスを集計して
2009年度のブラウザアクセスの平均の割合をまとめてみました。
サイトのブラウザ動向を把握してると、デザインやコーディングを
ブラウザごとに違った方法でアプローチすることができます。
今回は2009年度のブラウザ動向を確認し、
今後どのような傾向になっていくのかを予想したいと思います。
1ヶ月約1万セッション以上のサイトを対象にして、
2009年度全体と上半期（2009/01/01～2009/06/30）、
下半期（2009/07/01～2009/12/31）別にまとめてみました。
データは「ウェブマスター向けサイト」、「一般ユーザー向けサイト」
に分けて記載しています。
以下のブラウザは省略して記載しています。
Internet Explorer = IE
また、Internet Explorerのみバージョン別に記載しています。
Fireworksをつかっていると、
「オブジェクト（パス）の整列をすると、アウトラインがぼやける！」
こんな現象がおこったことはありませんか？
しかも、一度ぼけるとCtrl+zでも元に戻らないという、やっかいなバグ。
今回は、
「整列つかってもアウトラインがぼけない！」
そんな方法をご紹介します。
「テキスト修正してサーバーにアップしたけど、今度は改行がおかしい・・・
また作り直して、アップしなおさないと・・・」
「このテーブル、項目が増えてもレイアウトが崩れないかなぁ・・・
検証面倒くさいなぁ・・・」
「打ち合わせ中に、この画像を削除したパターンが見たいっていわれけど・・・
今HTMLファイルもFTP情報もないしなぁ・・・」
こんなとき、リアルタイムでWebページを編集できたら便利ですよね。
そこで紹介するのが今回の方法です。
ブラウザのアドオンやエクステンションのインストールは一切なし！
ブラウザに左右されない！（Firefox、IE8、Chrome、Opera共通）
そんな便利な方法をご紹介します。
Zen-CodingでHTML/CSSコーディング作業の効率があがった人が増えてきたのではないかと思いますが、そこでさらにカスタマイズすることで効率化アップする方法を紹介します。
Zen-Codingではあらかじめ多くのHTML/CSSのショートコード、スニペットが登録されていますが、Zen-Codingを構成するファイルを少し修正するだけで、オリジナルのコードを登録することができます。
JavaScriptを触ることにはなりますが、JavaScriptを知らなくても大丈夫なぐらい簡単です。
続きを読む
ページの先頭に戻る