最近多用するので…。 要素の全画面化について 先に親になる要素を画面いっぱいに広げる方法について補足しておく。 大きく分けると絶対配置とサイズ指定の２つある。 絶対配置は、position:absoluteを指定した上で ４方向の位置を0（または任意の値）にする。 #wrapper { position:absolute; top:0; right:0; bottom:0; left:0; } サイズ指定は、widthとheightを指定するだけだが、 対象の要素だけでなくその親も高さと横幅がないと指定したサイズにならない。 特に高さについての指定がハマりやすい。 単純にbody直下に要素を配置しただけの場合、 <body> <div id="wrapper"></div> </body> htmlとbodyもheightを指定してないと画面いっぱいに広がらない。 html, body,
![[css] CSS3時代の上下中央に配置するパターン](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fs0.wp.com%2Fi%2Fblank.jpg)
歳晩の候、皆様におかれましてはますますのご繁栄の事とお喜び申し上げます。 NHN Japan ウェブサービス本部開発1室UITチーム(長い) 富田(@a_t)です。 CSS Preprocessor Advent Calendar 2012の3日目、css書くのに便利だからといって盲目的にcompass使ってないでちょっとは中でなにをしているか知っておいてもよかろうもん ということで タイトルのとおり、compassがベンダープリフィックスの制御をどのように行なっているかについて書きます。compassのソースをまだ一度も見たことがない人向けの内容です。 sassについてよくしらない、というかたは過去の記事をよむとわかるかもしれません。 CSS3関連のmixinはなにをしてるか compassのCSS3関連のミックスインは、引数に値を渡してあげるだけで、しちめんどくさいベンダープリ
小さな差が積み重なって思わぬ大きな差になることはよくあることですが、モノを作るときにも寸法誤差の積み重ねは、とても重要な意味を持ちます。 例えば、カステラがきっちり入る桐の箱を作ることを想像してみましょう。理想は隙間なくぴったり納まることですが、人の手が作るものでは、なかなかそうはなりません。カステラを切るときに、菓子職人さんがどんなにがんばっても最大1ミリの誤差は防げないとしましょう。一方、箱職人さんが作る桐の箱も±1ミリぐらいの誤差は出るとします。どちらも20センチで作ってくれと依頼しても、201ミリになったり199ミリになったりする可能性があるということです。 さて、カステラが箱に入らないという困った状況にならないためには、それぞれの職人さんにどのように依頼すればいいのでしょうか。答えは、箱をカステラより2ミリ大きく（箱は201ミリ、カステラは199ミリに）作ってくれと依頼することで
ピクセル密度が220PPI以上あるそこそこ良いコンピュータ画面は、画面上のタイポグラフィに新しいユーザビリティガイドラインをもたらす。 Serif vs. Sans-Serif Fonts for HD Screens by Jakob Nielsen on July 2, 2012 日本語版2012年7月19日公開 コンピュータ画面は大型化するだけでなく、こちらのほうがより重要かもしれないが、ここに来て質も上がってきている。2012年の6月、Appleは高解像度画面を搭載した初めての一般向けコンピュータ、MacBook Proを発売した。その解像度は15インチディスプレイにおいて2880×1800、この画面の提供するピクセル密度は220 PPIである（PPIは1インチあたりのピクセル数。これはレーザープリンタの性能を測る尺度であるDPI（1インチあたりのドット数）に相当）。 Appleは
遊び心溢れるジョブズの手紙
［1983 年にジョブズが出した手紙：image］ さまざまな手紙類を蒐集している Letters of Note が、３０年前の今日スティーブ・ジョブズが出した珍しい手紙を載せている。 Letters of Note: “Keep the faith!” by Shaun Usher: 06 October 2011 ＊ ＊ ＊ アップル初期のころ — まだユーザーからのＥメールに気が向くと返事を出すようになるずっと前のころ、他の誰もマネできないスティーブ・ジョブズは、コンピュータチップにサインして、アップルの便箋に貼付け、アップルファンに出すことがよくあった。額に入れて飾られたこんな手紙が世界中でどれくらいあるだろうか？ Back in the early days of Apple, Inc., long before he began sporadically re
pry-rails は、登場した頃は単純にrails consoleしたときに pry が使えるだけの gem だったはずなのですが、今日 README をみてみたら独自のコマンドが定義されていました。 show-routes rake routesと同じ結果が返ってきます。rails のロードが終わってるので rake routes とするよりも結果が返ってくるのが早いです。 [1] pry(main)> show-routes root / main#index help GET /help(.:format) main#help privacy GET /privacy(.:format) main#privacy terms GET /terms(.:format) main#terms posts GET /posts(.:format) posts#index ... show
実践を前提としたワークショップが中心。「デザイン思考」の考え方がわかりやすく学べ、身につきやすいのが特徴です。フレームワークを使った問題解決への進め方、アウトプットの仕方などを体験しながら、つまづきやすいポイントも確認でき、参加者が現場に戻った際に実践ですぐ役立つプログラムになっています。
12/09/05 監視対象のWebサービスのURLを間違えていたため修正しました RailsのAdvent Calendarを待ちわびていました． 今回は，WEB+DBの最新号のRails高速化記事で紹介されていたパフォーマンス監視サービスのNew Relicを使ってみた話です． New Relicは．newrelic_rpmというgemをインストールすることにより，レスポンスタイムやスロークエリなど，パフォーマンスに関するさまざまな統計情報をNew Relicのサイトでみることができます． Railsに限らずPythonやJavaなどいろいろな言語に対応しているようです． さらに，HerokuやDotCloudなどのPaaSにも対応していてやばい． HerokuのNew Relicプラグイン Herokuにホストしたアプリケーションを監視するためにはNew Relicプラグインを導入する
なんていうか、存在すること自体がコストっていうのかな。一度短縮URLを始めたらそれは未来永劫維持されなければ今までに作り出したすべてのURLが無価値になってしまう。 それはなぜかというと、URLからハッシュ関数により一方的にハッシュを算出することが出来て、これはmp3とかmp4みたいに情報をロスさせることにより圧縮している。ロスしただけあって、ハッシュからURLへの復元はその変換したデータベースがないと出来ない。 これってすごいむちゃくちゃなことだと感じるはず。そのデータベースが失われたら今までの価値、文脈が失われる。たとえば著名な短縮URLサービスであるbitlyが消滅したとしたら、bitlyが使われた発言は何を言ってるのかわからなくなる。"そのbitlyが指し示していたコンテキスト"が失われた文章を君はどうやって理解するのかね。 つまり短縮URLを作り、それが誰かに一度でも使われてしま
今までこれを使いこなせてなかったなんて、今までの人生をなかったことにしたくてつらい・・・ vimでneocomplecacheを使用していて、スニペットの候補が来た時にCtrl-kと打つとスニペットが展開されることは知っていましたが、いまいち意識して使えていない状態が続いていました。 とりあえずスニペット使ってみる 追記 一応下のようにプラグインが入っている前提です。 NeoBundle 'Shougo/neocomplcache' NeoBundle 'Shougo/neosnippet' 追記終わり 追記 2013/01/19 現時点でのおすすめ設定も書いているのでそちらも参照 今しているneocomplcache + neosnippetの設定の自分的おすすめ - 僕の車輪の再発明 追記終わり 例えば「PerlとVim」で言うと、この記事がかなりの良記事になっていて、そこでもスニペッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
