Twitter Bootstrap のデザインが、全体的にはシンプルなのにも関わらずそれなりに好印象な見た目なのは、「ボタン類のデザインを作りこんでいるから」と言う事が理由のように思います。 OK キャンセル「CSS3 でユーザがすぐに恩恵を感じる要素は、border-radius, box-shadow, text-shadow の 3 つである」のような話をしばしば聞くのですが、Twitter Bootstrap においてもこれらの 3 要素にグラデーションを加えた 4 つの CSS3 の要素を駆使しているようです。上記のボタンの CSS 定義は以下のようになっています。 .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 10px 4px;
いわゆる講師の方でなくても、ちょっとした操作デモを行う際に設定しておくといいこと、練習しておくといいことをまとめてみます(2022年1月にmacOS Monterey対応にアップデートしました)。 チェックリスト 見る方の視点から「見やすい、わかりやすい、イライラしない」という観点から。 [半透明メニューバー]をオフにしましたか? マウスポインターを大きくしましたか? 画面のズームの方法を習得して、たくさん練習しましたか? デスクトップを整理しましたか? [サウンド]システム環境設定で[音量を変更するときにフィードバックを再生]のチェックをオフにしましたか? 「おやすみモード」をオンにするなどして「通知」をオフにしましたか? ブラウザーの履歴などを削除しましたか?(不適切なものがありそうな場合) 正しい解像度に設定しましたか? 画面のズームやMouseposéで重要箇所にフォーカスする操作
JavaOne Tokyo 2012でLTをしてきました。内容は寺田さんの要請でSemicolonless Java(セミコロンレス・ジャバ)です。 当日は風邪で喉をやられたので音声が聞き取りにくかったと思います。申し訳ないです。公式のフォトライブラリーがあるので当日の会場の雰囲気がいくらか分かるかと思います。僕も写ってます。 LT資料はそのうち公式ページで見れるようになると思います。が、LT用なので資料だけ見てもよく分からないと思います。というわけで解説をしておきます。 レギュレーション Semicolonless Javaのルールは至ってシンプルです。 セミコロンを用いてはいけない ユニコードエスケープは不可 Java SEの標準APIだけを使う 今のところJava7を使用しています。 Hello world 通常System.out.println();を利用しますが、このセミコロン
以前(id:fits:20110306)に Sinatra で作成したサンプルの node.js 版を作成してみました。 環境は以下の通りで、Sinatra 版と同等の構成になっています。 node.js 0.4.0 Express 1.0.7 Haml.js 0.5.1 Mongoose 1.1.24 MongoDB 1.8.1 rc1 サンプルのソースは http://github.com/fits/try_samples/tree/master/blog/20110409/ 事前準備 まず、今回使用するパッケージを npm でインストールしておきます。 インストール例 > npm install express > npm install hamljs > npm install mongooseExpress 用の Haml パッケージは他にもあるようですが、今回は Haml.js
2012年04月07日 勉強ノートを書く みんなの感想を見る みんなの勉強ノート この記事で勉強になったことをノートとして取ることができます。あなたが書いた勉強ノートは後から見直すことができます。しっかり読んでノートを付けることで吸収力を高めましょう。 601件のはてなブックマークもっと見る 毎日コツコツ読みたい人 2012年4月7日 (1) 2012年4月6日 (1) 2012年4月4日 (2) 2012年4月3日 (1) 2012年4月2日 (4) 2012年3月31日 (2) 2012年3月29日 (6) 2012年3月28日 (4) 2012年3月27日 (1) 2012年3月26日 (1) 2012年3月23日 (5) 2012年3月22日 (3) 2012年3月21日 (1) 2012年3月19日 (1) 2012年3月18日 (1) 2012年3月17日 (1) 2012年
Googleが公開した新プロジェクト「Project Glass」は、スマートフォンのような機能を組み込んだメガネを使ったもの。 今日の天気を知ったり、より良い移動方法を教えてもらえたり、街中で見かけたイベントのチケットを購入したり、近くにいる友だちの位置が表示されたり、写真撮影や動画を配信しながらのビデオチャットをしたり。 意識しなくても、身につけたメガネを通じてこんな風にネットを介した機能を利用できるって凄く便利そう。 2個目の動画は、こんな危険性もあるかもね?というパロディ動画。 こうならないように注意しつつ、便利に使えるようになるといいね。 グーグルからなんと、ファミコン版のグーグルマップが発売! 街頭インタビュー「ブラウザーって何?」 いつか来るその日のために、未来のわが子へ送ったメール フレディ・マーキュリーの65歳の誕生日を祝うGoogle Doodleの動画 Project
kottke.orgの真似をしてTumblrでこのWeblogの完全なミラーを作った。TumblrのDashboardで購読する用。リブログされたいとかスキされたいとかフォローされたいとかそういうのも勿論ある。あと緊急時の避難用とか面倒になった時の逃げ場とか……。検索避けされてる以外はほぼ同じはず。ミラーなのでタイトルはひっくり返した。 ミラーにはiftttを使った。ミラーであることを明記してもあんまり意味はない気がするので、特に何も追加したりしてない。iftttはTumblrの複数のブログを扱えないのはまだしも、Tumblrのパスワードが要求するのはどうにかしてほしい。ここらへんが改良されれば誰にでもオススメな感じ。 テーマはEffectorで、ちょっとだけCSSを書いてシングルカラムにした(HTMLはほとんど変えてない)。 .content-600 #page, .content-60
最強のストレージサービスとして名高い「Dropbox」。人気のサービスだけあって、様々なテクニックが開発されている。単なるファイル置き場として使うだけではなない、Dropboxをフルに活用する5つの方法を解説するぞ。 ■ Dropboxはココが凄い!便利な基本性能をもう一度おさらいする 数あるオンラインストレージ系のサービスの中でも、非常に高い人気を得ているのが「Dropbox」だ。以前から話題になっているのは知っているが、まだ使ったことはないという人や、ほかのサービスと比べて、どこがどう凄いのかが分からない……という人のために、Dropboxの基本的な使い方をおさらいするぞ。これさえ押さえておけば、Dropboxの使い方はバッチリだ。 詳細はこちら→【Dropboxを極める】今更聞けない「Dropboxって何が凄いの?」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く