タグ

ブックマーク / ascii.jp (3)

  • サンプルで学ぶTwitter Bootstrapの使い方:前編 (1/3)

    Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapの概要と特徴、利用事例を紹介し、実際の設置方法までを説明しました。今回は、簡単なサンプルサイトを作りながら、Twitter Bootstrapの基的なルールと使い方を説明します。 簡単なサンプルサイトで使い方を学ぼう サンプルとして、以下のようなブックカタログのサイトを作ります。書籍の一覧とお問い合せフォームで構成されるシンプルなサイトです。 HTMLの準備 TwitterBootstrapを利用したサイト制作では、いちからからすべてを記述するのではなく、TwitterBootstrapのサイトにあるサンプルをベースに書き換えていくのが簡単です。 index.htmlの作成 まず、テキストエディターなどで空の「index.

    サンプルで学ぶTwitter Bootstrapの使い方:前編 (1/3)
  • MapKitなら4行で作れるiPhone用地図アプリ (1/4)

    HTML/CSS+JavaScriptiPhone/iPadアプリを開発できるNimbleKit。今回はNimbleKitを使って、簡単な地図アプリを作ってみましょう。 iPhone/iPadには標準で「地図」というネイティブアプリが用意されています。 この地図アプリはGoogleマップの地図データを利用しており、Web版のGoogleマップとほぼ同じ機能です。しかし、iOSに用意されている地図表示用のフレーム―ワーク「MapKit」を使っているので、JavaScriptで地図をレンダリングしているWeb版に比べると格段に速く動作します。

    MapKitなら4行で作れるiPhone用地図アプリ (1/4)
  • Twitterはコミュニケーション革命なんかじゃない (1/3)

    知床半島を海上から見て回る船に乗ったことのある人はご存じだと思う。カモメたちが甲板に立つ観光客の手の届くところまでやってきて、競うようにカルビーの「かっぱえびせん」をくわえていく。その間、船はエンジンをゴンゴン鳴らして水面を強引に引き裂きながら前に進むが、カメモは風に乗ったグライダーのようですらある。羽ばたきもするが、オホーツク海の強い風と重力のバランスを上手くとっている。 大自然のまっただ中で暮らす鳥や魚はもちろんだが、地上生物でさえ自然法則を十二分に活かしている。『運動会で1番になる方法』というを企画したときに、著者の深代千之さんに教えてもらったのは、「カンガルーは速く走っているときのほうが疲れない」というお話だった。ゆっくり動くときは筋肉を使うが、速く走るときは「靱」をバネにゴムボールのように跳ねていくので、疲れないのだ。 それに比べると、人間が使う機械というのは、なんとも効率の悪

    Twitterはコミュニケーション革命なんかじゃない (1/3)
    ricto
    ricto 2010/01/08
  • 1