[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
「年齢別選挙区」で子どもの声を政治に生かせ ドメイン投票より現実的。若さに応じて議席配分を：日経ビジネスオンライン
ハンガリー政府が選挙の投票方法に関し、未成年の子どもを持つ母親に対して追加的に１票を割り当てることを検討していることが話題になった。子どもにも１票を認める「ドメイン投票」と呼ばれるものだ。少子高齢化が深刻な日本にとっても、政府の役割を考え直す契機になりそうだが、ここでは、ドメイン投票よりも効果の大きい「若者の意思を反映しやすい選挙権制度」について考えてみたい。 数千万円の借金を負わせる「財政的幼児虐待」 電車のなかで赤ちゃんを抱えた人が目の前に立っていても、お腹の大きな妊婦が立っていても、席を譲る気配も見せない元気そうな高齢者を何度も見かけたことがある。私自身、ベビーカーを押してエレベーターを待っていて、健脚な高齢者に横入りされた経験は数えきれない。こうした状況よりもさらに深刻なのは、社会保障における世代間格差である。 現在の高齢者世代は、年金や医療保険を通じて政府から多くの給付を受けてい
[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは 条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ
上司に理解されない！ 40代の切なすぎる“最後の決断”：日経ビジネスオンライン
「会社を背負っていこうっていう気概を持った社員というのがいない。震災以降、一層そういった傾向が強まっている気がしてならないんです」 先日、ある中小企業のトップの方とお話しした時に聞いた言葉である。 「会社を背負う」……。何とも重たい言葉だ。 ・出世したがらない。 ・言われたことしかやらない。 ・「会社のために」というロイヤルティーが感じられない。 こういった話は、震災前からトップや中間管理職が部下たちの言動を嘆く際に、たびたび耳にしてきた。その時のターゲットといえば、20代の若手社員が圧倒的に多かった。 ところが、「震災以降……」とこぼすこのトップによれば、「年齢に関係なく、と言いますか、40代の社員も含めて、会社（会社の仕事）を収入の手段としか考えない社員が増えている」というのである。 仕事が収入のための手段であっても、何らおかしなことではない。だが、社員にはレイバー（労働力）として目の
スクロール位置に応じて注釈表示が可能なｊQueryプラグイン「SmartScroll」:phpspot開発日誌
SmartScroll スクロール位置に応じて注釈表示が可能なｊQueryプラグイン「SmartScroll」 スクロールバーが長いとどの位置に何があるかっていうのを知りたくなりますが、SmartScrollを使えば次のように、この位置にこんなことが書いてあるよ、を示すことが可能。 使い方次第では長ったらしい文章も分類して分かりやすく表示することができそうですね。 注釈だけじゃなくてデザインも色々と変更できるみたいです。 注釈を付ける部分も何がいいって実装が簡単な点。 ちゅうす役をつけたい位置に次のようにマークアップしておけばいいっていうのはお手軽ですね 上記コードで次のように表示 スクロールバーも次世代に。ｊQueryが出来ることをどんどん拡張していってくれますね。 本当にjQueryは偉大です。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「deskt
超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」:phpspot開発日誌
jQuery Marquee Animation Plugin Preview - CodeCanyon 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」。 ホームページをつくりはじめた時には誰もが使ったマーキー。覚えていくにつれ、ほとんど使われないかわいそうなマーキー。 そんなマーキーもjQueryで超かっこ良く、まるで映画のプロモーション動画に使われるようなエフェクトに生まれ変わったようです。 生まれ変わったマーキーを見てみよう 実装は超簡単！ <script language="javascript"> $(document).ready(function() { $('.marquee').fMarquee({width: 960, height: 100}); // サイズをオプション指定 }); </script> <!-- 内容はdivに入
Webアプリケーションの開発に。面白いコンポーネントが多数揃ったUIライブラリ·Ninja UI MOONGIFT
Ninja UIはHTMLを使わずにJavaScriptで画面を描画していくUIコンポーネント。 Ninja UIはjQuery/JavaScript製のオープンソース・ソフトウェア。思うにWebサイトというのは表現力が高く、かつ自由度が高すぎるのだ。そのため見栄えにこりだすと収集がつかなくなる。またデザインセンスがないと格好いいサイトが作れない。 ボタンやアイコン アイディアがどれだけ良く、技術力があっても見栄えがぱっとしないサイトは受け入れられない。もうHTMLは書かず、JavaScriptで組んでしまうのはどうだろう。それを可能にするのがNinja UIだ。 Ninja UIはjQuery Webjutsu（Web術？）を掲げているライブラリで、枠組みだけHTML5で組み、コンポーネントの配置は全てJavaScriptだけで記述するライブラリだ。ボタンやドロワー、アイコン、ポップアッ
医学部を出て主婦になるのは悪いこと？
池田信夫さんらが、医学部やビジネススクールを出て主婦になることの是非を論じていましたので、私も自分なりの考えをまとめてみました。 後半で「医師不足をどう解決するか」という話にも少し触れています。 〈関連リンク〉 続きを読む
日本文化との出逢いが僕の人生を変えた理由
僕はどのように日本文化を発見したのか、どうやって日本語を勉強したのか、なぜ日本で働き住むようになったのかを今日紹介したいと思います。 どこから始めればいいのか悩みましたけど、「第一日目」からでもいいかなと思いました。この記事を幾つかのセクションに分けてみました。 一日目 どうやって日本文化と出逢ったのか どのように日本語を独学したのか どうやってお金を稼いだのか 人生の初めての目標 : ジャパニーズドリーム 妻とどこでどのように出逢ったのか 日本航空時代 : 初めてサラリーマンになった どうやって日本に辿り着いたのか キャリアをどのように日本でスタートしたのか ぬるま湯に浸かれると危険 アマゾン時代 どのようにアフィリエイト収入を稼いだのか なぜシアトルに引っ越したのか 副業は今の会社の始まり 第一日目僕はロンドンのイーストエンドで生まれ育ち、両親は中国系マレーシア人だ。幼かった頃は、両親
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
