似たようなツールは他にもあるが、細かく設定できて使いやすそうなのでエントリー。 resizeMyBrowserを使えば、ボタン一発でブラウザのサイズを変更してくれる。 いくつかのプリセットが用意されているのが便利で、「Mac Bookと同じサイズ」「iPadと同じサイズ」といった風にメモもついているので使いやすい。 もちろん自分でこうしたプリセットを作ることも可能だ。 さらにブラウザのウィンドウ自体をサイズに含めるかどうかも選択できる。 こうしたツールの中では一番の出来ではないだろうか。覚えておいても良いですな。

OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

こんにちは、ichikawaです。しつこかった風邪もやっと治ってきました。 ご好評いただいている（株）シーブレイン15 周年記念「サイト診断無料キャンペーン」（法人向け）ですが、個人の方でも自分のサイトを簡単にチェックしたいなーなんて場合がありますよね。 そんな時に便利なのが「Pythagoras(ピタゴラス)」。 機械的ではありますが、簡単にWebサイトをチェックしてくれます。 使い方は簡単で、テキストボックスから「キーワード」もしくは「URL」を入力して「Pythagoras 検索」をクリック。以上です。 ちなみに「バシャログ」で検索してみました。 被リンク数やドメイン取得日、ページに含まれる単語、Yahoo!登録されているか等教えてくれます。 「さらに詳しく」をクリックすると詳細ページに遷移します。 ページに含まれる単語やキーワードの調査結果などが表示されます。 物足りない部分もあり

ちと技術的なツールだが、メモ的にエントリー。 用途にもよるだろうが格子状のラインに沿って要素を配置したサイトを作りたいならグリッドベースのデザインが便利だ。 そう考えるとTiny Fluid Gridは知っておいてもいいだろう。 このサイトでは作りたいグリッドのサイズを指定するだけで必要なCSSファイルをダウンロードすることができる。 あとはこれをベースにサイトをデザインしていけばいいだけだ。 最近のサイト作りはスピード勝負のようなところもある。こうしたツールをうまく使いこなしたいですね。

いまだ小沢健二コンサートの余韻が冷めない sakai です。 普段は透過 PNG を使わずにデザイン・コーディングをしているのですが、先日どうしても透過 PNG を使いたいシーンがありました。 透過 PNG は大変便利ですが、IE6 が対応していないのがネックです。 というわけで、IE6 でも透過 PNG を使用できるようになる JavaScript のライブラリを色々試してみました。（今さらですが！） 有名どころの「jquery.pngFix.js」から使ってみましたが、これは背景画像に透過 PNG を使うとちゃんと表示されなくて断念。 「IE7.js」もところどころ挙動が怪しいしなあ… と困ったりしつつ、最終的には「DD_belatedPNG.js」に行き着きました。 DD_belatedPNG 透過 PNG を背景画像に指定したり、ポジションをいじったりしても挙動が安定しているのでと

PixusはAdobe AIR製のオープンソース・ソフトウェア。Photoshopを使ってWebサイトやアプリケーションのデザインを行っている時、きちんと適切なサイズに収まるかスケールを合わせたい時がある。キャンバスのサイズを合わせておく手もあるが、そうするとちまちましたデザインになってしまうだろう。 デザインの確認に さらに今はPC向けのみならず、iPhoneやiPad、PSPなど筐体の種類も増えており表示画面サイズも個々に異なるようになっている。各筐体で適切に表示されるデザインを作成するために使ってみたいのがPixusだ。 PixusはAdobe AIR製のソフトウェアで、起動すると枠が表示される。サイズは1024×768、800×600などのPC向けの他、320×480のiPhone向け（水平表示板もある）、PSPサイズもある。さらにIE、Safari、Chrome、iPhoneなど

ドットインストール代表のライフハックブログ

時代の変化を汲み取り、多様なアプローチを続けてきた無料レンタルサーバー「XREA」が、 デザイン・コンセプトも新たに初心者の方から企業様までさまざまな用途に使える次世代のレンタルサーバーとして生まれ変わります。 Webサイト全面リニューアル Webサイトを全面的に再構築し、シンプルなUIと導線で初心者の方でも、必要な情報に簡単に素早く到達できるよう設計いたしました。また、タブレット端末やスマートフォンなどそれぞれのマルチデバイスにも対応しています。 全プラン最新のCPU、SSDに対応 サーバー環境に最新のCPU、SSDを採用し、さらなる高速化と安定性を提供しています。高機能なインフラ上で運用することで、ユーザーが構築したシステムの安定稼働を実現できます。 現在の仕様はこちら

ドットインストール代表のライフハックブログ

ドットインストール代表のライフハックブログ

ドットインストール代表のライフハックブログ

css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。 タイル状に並んだ写真を一気に見渡せる そんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。 ターゲットはモバイルだ。PC版のWebKit（SafariやGoogle Chrome）ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとて

ドットインストール代表のライフハックブログ

ライフハッカー編集部 御中 オンラインに掲載したいHTMLファイルが一つ手元にあります。スクリプトやウェブエディターなども不要なのですが、プレインで動的でないウェブページをポストする最も良い方法を教えてもらえませんでしょうか？ ファイルホストサービスは数多くありますが、ウェブサイト(.html)をホストしてくれるサイトは見当たらないようです。 教えて頂けると助かります。 アイニードウェブサイトより アイニードウェブサイト 様 あれは、旧石器時代くらいだったでしょうか、猫も杓子も自分のウェブサイトを作りたがっていたのは。それから間もなくして、ブログやmixiなどのSNSが氷河期のようにやってきて、かねてから寒さを苦手としてたフリーウェブサイトプロバイダーはほぼ全滅してしまいました。 ですが、今でも良質のフリーウェブホスティングプロバイダーは存在していて、.htmlをアップできるようにすること

サイトやサービスを作ったらまずはこれを試してみるといいかもしれない。 GTmetrixはサイトのパフォーマンスをチェックし、どこを改善したら良いかを教えてくれるツールだ。 診断結果ではさまざまな施策を教えてくれるが、優先順位までつけてくれるのはなかなか便利だろう。 また会員登録することで、診断結果の履歴をとることも可能だ。時間をおってどのようにパフォーマンスが改善したか、報告するのに良さそうだ。 最近のサイトにおいては「速度は機能」というのは間違いない。こうしたツールをうまく使いこなしたいですな。

ドットインストール代表のライフハックブログ

名前のままだが、覚えておいても損はなさそうなシンプルなツールのご紹介。 JPEG Compressを使えば、JPEGファイルをブラウザ上から圧縮することができる。 使い方もファイルをアップロードし、圧縮された画像を保存するだけなので簡単だ。 また、サイズ的にどれだけ圧縮されたかも表示してくれる。 圧縮の度合いが指定できたらさらに素晴らしいと思うが、まぁ、このままでも潔い感じがしますな。

NehanはJavaScript製のオープンソース・ソフトウェア。コンピュータはアメリカ発とあって、左から右に表記されるのが基本だ。アラビア語のように右から左に表記される場合もあるが、それでも横に流れるのは変わらない。日本語のように縦に書かれることは考慮されていない。 だが日本人である以上、慣れはあるとは言え縦書きの方が分かりやすい。それは今後電子書籍が流行っていく中で必ずネックになるはずだ。とは言え出力自体縦書きにするのは難しい。そこで表示だけを切り替えるのがNehanだ。 NehanはHTMLでは通常通り横向きに書かれている文章をJavaScriptを使って縦書きに変換する。カギ括弧など単純に縦に並べると問題のある文字は画像を使って置き換えてくれる。これによってぐんと見やすい状態になる。 実際の使い方としてはclassの中に幅、高さ、フォントサイズを指定する程度で良い。特に何も考えずに