Sora-blue.netについて ■当サイトでは学術目的で構築した自宅サーバーを勉強＆有効活用のために 無料でサーバーのレンタルサービスを行っています。 当サーバーでは 容量無制限 広告なし CGI（Perl・Ruby・Python） PHP MySQL(申請時に利用目的特記必須) が利用可能です。 ■詳細はサービス内容をご確認ください。 本サイトを通じて少しでもウェブサイト公開の場として役に立てたら嬉しいです。 ■サイト設立4周年になりました。 商用利用可能になりました。 (商用利用に関する規約改正) お知らせ ・障害情報　・更新情報 ■[重要]サーバーの閉鎖について Sora-blue.netをご利用いただきありがとうございます。 6月18日をもってサーバーを閉鎖することになりました。 サーバーを維持するために管理人を増やして対応していく予定でしたが 運営資金やシステムの老朽化などの

Sora-blue.netについて ■当サイトでは学術目的で構築した自宅サーバーを勉強＆有効活用のために 無料でサーバーのレンタルサービスを行っています。 当サーバーでは 容量無制限 広告なし CGI（Perl・Ruby・Python） PHP MySQL(申請時に利用目的特記必須) が利用可能です。 ■詳細はサービス内容をご確認ください。 本サイトを通じて少しでもウェブサイト公開の場として役に立てたら嬉しいです。 ■サイト設立4周年になりました。 商用利用可能になりました。 (商用利用に関する規約改正) お知らせ ・障害情報　・更新情報 ■[重要]サーバーの閉鎖について Sora-blue.netをご利用いただきありがとうございます。 6月18日をもってサーバーを閉鎖することになりました。 サーバーを維持するために管理人を増やして対応していく予定でしたが 運営資金やシステムの老朽化などの

夏によく現れる黒い虫みたいなタイトルになってしまいました。 今日はWordPressの運営という視点から見た画像管理に関してのお話です。 WordPressに限らずWebサイトで最もサーバーの容量を圧迫するのは、やはり画像ファイルです。 そして、容量が大きいコンテンツというのは同時にサーバーの転送量も多く消費するという事になります。サーバーの保存容量を圧迫する上に、転送量も多くかかるため転送量制限にも引っかかりやすくなります。 また、サーバー管理者側の視点から見れば、転送量の多いファイルを頻繁に呼び出されるとサーバーパワーを多く消費してしまいます。 軽ければ軽いほど良い そもそもWebサイトは構成ファイルにしろ、読み込み速度にしろ、表示速度にしろ、転送量にしろ、なにしろ軽ければ軽いほど良いものです。エコであり、ストレスフリーです。 WordPressサイトを軽くしたり速くしたりする方法は

普段はDTPをメインにやっていて、たまにWebのデザインもするというデザイナーさんは、 IllustratorでWeb用のデザインカンプを作ることが多いと思います。 別にIllustratorからでもコーディングはできるのですが、後工程の人を困らせないために、 ちょっとだけ気に留めておいて欲しいことがあります。 １．色モードはRGBで。 普段DTPをやっているとついCMYKモードのままで作ってしまうことがあるかもしれません。 でもWebはRGBの世界です。変換すると意図した色にならなかったりしますので、 最初からRGBで作ってください。埋め込む画像も同じです。 ２．どこがデバイスフォントなのか分かるように指示を。 紙の世界では文字は文字でしかありませんが、Webの世界では「テキストデータ」にするのか 「画像」にするのか決めなければなりません。本文は原則「テキストデータ」ですが、 判断に困る

What’s this? Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Press the first letter of a browser to jump to the according section, like F for Firefox. How to? Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targeted! Reminder! Please keep in mind using

CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。 機種や OS のバージョンにより動作がさまざまなため確認しきれない。 というとこでハマったポイント3つを共有します。 誰かもっとよい解決策を教えてくれるとありがたい。 即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる 回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。 はみでた部分は css でトリミング。 これで落ちなくはなるが全体的にボケる。 2013.7.7 追記 その後、以下の方法を試したところ落ちずに動作すことが確認できました。 描画とかGPUアクセラレーション

Webサイトやブログなどにソーシャルプラグインを設置するのは、もはや当然なくらいなわけですが、今日はその中からFacebookのLike Boxを設置した際に、それをリキッドレイアウトへ対応させる方法を紹介します。 FacebookのLike Boxの設置コードには、それの横幅を指定してやる必要があります。以下のようなコードですね。 <div class="fb-like-box" data-href="http://www.facebook.com/2843.jp" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div> この例では横幅を500pxに指定していますが、ブラウザの横幅が500pxより狭くなってしまうと… コレだと不格好なので、何とかしてやりましょう。「レスポ