HTML5/CSS3で作るスマートフォンサイトの基本 (1/5)
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
Linuxでアプリケーションが使用中のポート番号を調べる - 日々の報告書
Linuxシステムを管理している人には常識的なことだと思うけど、アプリケーションが使用中のポート番号を調べる方法についてのメモ。今日某プロジェクトの実験用マシンの設定をしていた最中、あるサービスを起動したら「address already in use.」というエラーメッセージが出てきて調べたので。 アプリケーションが使用中のポート番号は「lsof」や「netstat」コマンドで調べることができる。lsofは「lists open files」の略で、プロセスが開いているファイルを列挙するコマンド。 $ ps aux | grep zsh shin 1644 0.0 0.1 602692 2676 s000 S 1:09AM 0:00.12 -zsh $ lsof -p 1644 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME zsh
Ubuntu 11.10 Unityのグローバルメニューを無効にしてアプリケーションのウィンドウに戻す方法 Ubuntuアプリのいいところ
Unityのメニューをアプリケーションのウィンドウに戻したい GIMPのようにメニュー項目の多いアプリケーションをつかっていると、グローバルメニューがパネルのインジケーターに重なってしまい、非常に使いづらいですよね？ 「やっぱり、アプリケーションのメニューは、それぞれのウィンドウにあったほうが使いやすい。」 というときは、グローバルメニューのパッケージをアンインストールして、アプリケーションメニューを元のウィンドウに戻しましょう。 Ubuntu 11.10でUnityのグローバルメニューを無効にするには、Synapticから関連するパッケージを削除します。 まず、SynapticのQuick filterで、「appmenu」と検索します。 次に、「appmenu-gtk」、「appmenu-gtk3」、「indicator-appmenu」の3つのパッケージをそれぞれ右クリックして、完全
Vim初心者的導入メモ 2/3 「vimrc設定」編 - ナレッジエース
おそらく、誰もがやる深夜のWebサーフィンは、究極のところ時間の無駄ではないのかもしれない。 それは、Webで夢をみているのにほかならないのだ。(T.B=リー「Webの創成」より) Vimの使い方を覚えたら、次にやっておきたいのがオプションの設定です。 細かな動作を調整し、より自分にとって使いやすくなるようカスタマイズします。 ただし設定項目は、これまたかなりの数になっていてなかなかのくせ者。 私は、前回の記事でも紹介したspanish passion LinuxさんのVimのオプション解説をひたすら上から読みながらvimrcを書いていきました。 以下、まだまだ完全とは言い切れない状態ですが、現在の私の設定内容について紹介します。 vimrcの設定方法 と、具体的な設定内容の前に、Vimの設定方法について触れておきましょう。 Vimの設定は、全て「_vimrc」というテキストファイルに記述
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
