[CSS]幅は可変で高さは異なるカラムの高さを等しくするスタイルシートのまとめ
幅は%で指定した可変、高さはそれぞれ異なるカラムを使ったレイアウトで、スタイルシートを使用してカラムの高さを等しくする今までの方法から、これからの方法までを紹介します。 Fluid Width Equal Height Columns [ad#ad-2] 下記は各ポイントを意訳したものです。 Doug Neiner メソッド Nicolas Gallagher メソッド Using Tables One True Layout メソッド Flexbox メソッド メモ 訳者注 各デモは「:nth-child」を使用しているため、モダンブラウザのみ期待通りに表示します。詳しくは「メモ」を参照ください。 Doug Neiner メソッド 「Doug Neiner」メソッドは、CSS3グラデーションからアイデアを得た方法です。 [css] .five-columns { background-i
[CakePHP] SoftDeletable Behavior で論理削除 | Sun Limited Mt.
先日の第4回 CakePHP 勉強会で発表した内容でもあるのですが、簡単に SoftDeletable Behavior の使い方をまとめました。（少しだけ発表ないようにない追加情報もあります） SoftDeletable Behavior はソフトデリート（論理削除）を簡単に実現してくれる大変便利なビヘイビアです。論理削除とは DB から DELETE するのではなく削除フラグを設けて DELETE する変わりに削除フラグを立てて削除したことにすることです。 一番参考になるのはやはり Bakery です。英語が苦にならない方は私の説明よりも下記エントリを見る方がいいです。 Soft Deletable Behavior (Articles) | The Bakery, Everything CakePHP 勉強会で発表した資料は下記にありますので、よろしければこちらもご覧下さい。 Cak
HTML5でWebページをマークアップするための基礎知識
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。 HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
Facebookの「Like」ボタンが生み出したトラフィックの変化 | TECH SEVEN
Tweet 世界でアクティブユーザーが5億人を超えるFacebook。 現在日本でのFacebookのユーザー数は136万人程度だが、Facebookが一般的に利用されている米国では今何が起こっているのだろうか。 Facebookメディアパートナーシップディレクターのジャスティン・オソフスキーが興味深いデータを公開してくれた。 （9月28日に公開されたデータ。記事最後に埋め込んであるので詳しくはそちらでご覧いただける） 今回はこの資料から「Like」ボタンにフォーカスして紹介していきたい。 毎日ログインしているユーザーは2.5億人以上 まずはじめに資料に記載されている、Facebookの基本的なデータを紹介されている。 ・アクティブユーザーは5億人 ・モバイルユーザーは1.5億人 ・毎日ログインしているユーザーは50％ ・平均して130人のフレンドがいる 毎日2.5億人ものユーザーがログイ
[JS]フォームの入力欄にラベルをくっきりうっすら表示するスクリプト
フォームの入力欄にラベルを通常時にくっきり、フォーカス時にうっすらとアニメーションで表示するスクリプトを紹介します。 jQuery FormLabels Plugin デモページ スクリプトの特徴 クロスブラウザ対応。 ラベルをアニメーションで表示。 多数のオプションと旧式ブラウザへの配慮。 フォームのマークアップを変更しないシンプルさ。 フォームのラベルはinput要素と同じスタイルが可能。 パスワードのラベルはアスタリスク（*）ではなく、テキストで表示。 スクリプトのデモ デモページではいくつかのデモがありますが、デフォルト版のものをキャプチャで紹介します。 デモページ 入力時には入力したテキストが反映されます。 スクリプトの仕様 以下のフォームの要素に対応しています。 input[type='text'] input[type='email'] input[type='passwor
ウェブデザイナーとしてスキルアップするための20のメソッド
素晴らしいデザイナーは日々、自身のスキルを向上しています。 「もうここで十分です」と言って成功したデザイナーを誰も聞いたことがないでしょう。 ウェブデザイナーのスキルアップに役立つ20のメソッドを紹介します。 20 Methods for Upping Your Current Web Design Skills [ad#ad-2] 下記は各ポイントを簡潔に意訳したものです。 原文はそれぞれもう少し長いです。 ユーザーインターフェイスのデザインパターンのスタディ ウェブデザインのために最も良いUIをチェックし、研究してください。 ディテールに注意を払う 日常や他のウェブサイトのディテールを見て、自身のデザインにも多くを加える練習をしてください。 SEOのテクニック クライアントの多くはSEOサービスを提供するウェブデザイナーが好きです。 ウェブデザインのトレンドを知る ウェブトレンドは単に
「日本でも成功する」 “史上最速”成長企業・GrouponのCEOに聞く
「ネットの力で、世界中のローカルビジネスを活性化したい」――クーポン共同購入サイト「Groupon」を運営する米Grouponのアンドリュー・メイソンCEOはこう話す。 Grouponは2008年に事業をスタートし、今年の売上高は3億5000万ドル（約300億円）、企業価値は13億5000万ドル（約1150億円）に上るとも報じられている。日本を含む約30カ国に進出するなど猛スピードで拡大。米メディアでは「史上最速で成長したネット企業」とも報じられている。 その実績から、スーツ姿で飛び回る饒舌なCEOをイメージするかもしれないが、このほどあわただしく来日したメイソンCEOは、ラフなポロシャツ姿。初対面の記者に冗談を飛ばし、難しい質問にも言葉を探りながら誠実に答えようとする29歳のいたずら好きな若者だ。 Grouponの成長の秘訣は、そのスピード感とブランド力、ユニークさにあるという。Grou
Google Analytics、77の注意点（追記有）
本記事は2010年8月時点でのものです。バージョンがあっていない場合や、サイト分析の本質的な考え方以外は、参考にはなりませんのでご了承ください。 Google Analytics を理解する上で、覚えておいた方が良い計測仕様や算出方法をまとめました。 ご指摘や間違い等ございましたら、コメントかメンション頂けると幸いです。 １．$インデックスって何？ コンテンツ>>上位のコンテンツ、で表示される値。そのページを経由してコンバージョンされた値の合計を、そのページセッション数で割ったモノ。アシストなどのイメージ。 ２．閲覧開始後の遷移とナビゲーションの違い コンテンツ>>上位のコンテンツ>>ページ詳細、と表示し、閲覧開始後の遷移は、直後に遷移したセッション数。ナビゲーションサマリーは、閲覧開始に限らず、その前後のPV数の割合。 ３．ページ滞在時間は差分を取る ページ遷移をして、その時間の差分を取
[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス
あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認（ドメイン） サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。 コマンドを使用する時はルートのドメイン名（site:example.com）を入力してください。 [0:30-1:00]インデックスの確認（ページ） 次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
KAYAC Engineers' Blog
SREチームの長田です。 今回は、カヤックのメンバーが業務で使うために開発・公開しているOSSなプロダクトをまとめて紹介しようという企画です。 KAYAC organization以下にあるものだけでなく、在籍中のメンバーが作ったものもひっくるめて、実際に業務で使用しているものを中心に 紹介しています。 以下の3つのカテゴリに分けて記載しています。 各カテゴリ内はアルファベット順です。 ツール編 人間が手動で実行するもの アプリケーション編 どこかに常駐して、イベントを受け取ると動作するもの ライブラリ編 ツールやアプリケーションから参照されるもの 集めてみたらそこそこの量になったので、本記事では詳細な説明は省いています。 GitHubリポジトリのURLや関連記事のリンクを併記していますので、より詳しく知りたい場合はそちらを参照ください。 (...) 内はそのプロダクトで使用している主なプ
RFP作成前に行う作業：情報化企画からRFP作成への流れ
これまでRFPの作成に関するさまざまなポイントに対して解説を行ってきたが，ここでは少し視点を変えて，RFPの作成前に取り組むべき作業について説明しよう。 当連載の「業務要求とアウトプット RFPにおける業務要求の洗い出し目的とは」で，RFP作成は調達フェーズの作業の一つであるという説明をしているが，その「ITリソースの調達」の前工程は一般に「情報化企画」と呼ばれている。 情報化企画をひと言で説明すると，「経営戦略や事業目標の実現のために，ITでできることを明確化する」ということになる。経営戦略や事業目標を達成する方法としては，IT化だけでなく，組織などの人材系の企画や資金調達などがある。情報化企画とは，非IT系の経営戦略企画をも踏まえた上で，特にITによる計画を具体化していく活動である。 情報化企画の成果物は「情報化企画書」あるいは「IT化グランドデザイン」などと呼ばれる。ここでは内容をイ
履歴書のウソの見抜き方教えます | 社長の仕事術
未曾有の経済危機のなかで、採用を減らしている企業にとっては、いかに良い人材を見分けるか、眼力が問われます。 そこで、企業に応募してくる人間をいかに峻別するか、私なりのノウハウをお伝えしていきたい。それは、私が総理首席秘書官の時代に行った閣僚候補のいわゆる「身体検査」とは、やり方は違いますが発想は一緒です。 まず、最初に「履歴書のウソ」の見抜き方です。 再就職しようとする人間は、自筆の履歴書を提出します。仮に過去の職歴がA社に5年、B社に4年と記してあったとしましょう。しかし、その内容はあくまでも自己申告です。もしかすると、実際はもっと頻繁に会社を替わっていて腰を据えて仕事をしたことがない、問題がありそうな業界で働いていた、あるいは何もせずにブラブラしていたということもありうる。その部分は省いて、無難なA社の社名だけ書き、空白期間を埋めるために本当は2年なのにA社に5年勤務と誤魔化している可
新卒で海外就職 in Europe！: 日本は残業ばかりで休みも取れないのに、休み放題残業なしの欧米社会が機能する理由
Saturday, August 14, 2010 日本は残業ばかりで休みも取れないのに、休み放題残業なしの欧米社会が機能する理由 Share | 「なんで欧米では、残業も少ないし休みも沢山取れるのに、日本ではそれが出来ないんだろう？」欧米、特に欧州の労働環境について知っている人は、そういう疑問を頂いたことがあるでしょう。この疑問に答える仮説を私は持っています。しかし、これは欧米企業の経営が特別優れているからではありません。どちらかというと、それを出来ない日本企業のほうに問題があるのです。 作り過ぎ、捨て過ぎ、値下げし過ぎの日本企業と、最適値のみを目指す欧米企業 ある日本企業は、資本１５０で成果物２００を生み出すとします。ここで言う資本とは、労賃、土地、材料費、光熱費など全てを含めた投下資本（≒コスト）をさし、成果物２００とは、生産された商品とその値段をかけた数値とします（例、１円のりん
どっこい、mixiは伸びていた【湯川】 | TechWave（テックウェーブ）
僕自身、最近はあまりmixiを使うことがないし、たまにmixiをのぞくと、ほとんどのマイミクのみなさんは休止状態。僕の周りのネットの先端を追い続ける人たちにとって、コミュニケーションのメインツールはTwitterに移行したようだ。 でも実はmixiは順調に成長を続けている。特に若いユーザー層の人気は不動である。僕はmixi関係者と話をする機会があるのでこのことを知っていたけれど、僕の周りの比較的ネットに詳しい人たちってmixiがコミュニケーションツールとして順調に伸びている話を意外に知らない。最先端な人であればあるほど、知らない傾向があると思う。なので10日前ぐらいに発表された資料なんだけど、最先端ユーザーのためと、そして僕自身、この情報を記録として残すために、遅ればせながら取り上げたいと思う。 主要データを見てみよう。 ・登録ユーザー数2100万人 ・月間ログインユーザー数1430万人、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
レンタル＆シェアニュース -レンタルに関するお得情報やちょっと変わった面白レンタルニュースを発信-
非ネイティブの英語術 年齢不問 1500語だけで話せる グロービッシュのすゝめ | Last Day. jp
4 Things to Consider When Creating a Business Logo