面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ

店の売上が落ち、「広告」「クーポン」「安売り」をやってみたけど、逆に売れなくなったり、利益を圧迫したりすることありませんか？ 商売やっている人には、よくある話だと思います。 普通、努力すれば売れるはずなんですが、ちょっと間違った方向へ努力してしまうと、逆に売れなくなるんですよね。 努力しているのに報われないと、精神的に参ってきます。 そんな時は、マーケティングのフレームワーク「AIDMAの法則」を利用すると、売上アップの糸口が見つかりやすいです。 漠然に「なぜ売れない」と考えるのではなく、「なぜ商品を知らない」「なぜ興味が無い」「なぜ商品を見ない」「なぜ商品を手に取らない」「なぜ買えない」などと、売れない原因を分解するフレームワークです。 分解することで、具体的な売上アップの改善法を考えやすくなります。 非常に強力なツールである「AIDMAの法則」を詳しく知らない人は、ぜひこの記事を読んで

なかなか素敵なテーマだったので ご紹介。サイトのオプションや、 美しいレイアウトと完成度の高い デザインながら無料で配布されて いるWordPressテーマ・TheProton です。高機能でもあるので作りを 参考にしたいですね。 僕はよくテーマを探していますが、これはそのテーマの構成を参考にしたいからです。お仕事でそのまま使う事はありませんが、配布されたテーマから学べる技術はかなり多く、他のブログでも記事にされていないTipsも得られたりします。いろいろなテーマを触ることはスキルアップにも繋がるかなと思います。 今日ご紹介するテーマもとても高性能ですので開発者さんも参考にされてはいかがでしょう。 とっても綺麗です。美しいデザインだけでなく、ドロップダウンメニュー対応、管理画面内でテーマカラーや、スライド、Twitterやロゴなども変更できます。 特徴は・・・ありすぎるくらいです。ちょっと

久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

今さらながらCSS Animationsの使い方が分かってきたので、プロパティなどを簡単にまとめておきたいと思います。 これを書くにあたって、以下の2つを参考にしました。 CSS Animations Editor’s Draft 25 July 2011CSS animations - MDN上のはdev.w3.orgにある、2011年7月25日版のエディターズドラフトです。 ちなみにwww.w3.orgにある仕様は「CSS Animations Module Level 3」です。これを書いている現在、こっちは2009年3月20日版が最新となっています。 基本的に2011年7月25日版のエディターズドラフトをベースに説明したいと思います。なので、現在のブラウザの実装とは異なることもあります。 2つ目のは『Mozilla Developer Network』のドキュメントです。日本語版も

整理され、シンプルで、使い勝手が良い。メトロスタイル（カードスタイル）は、すべてのメインコンテンツが配置されたセクション（カード）を使ってサイト構造を構築するという原則に基づいています。

Excelのスプレッドシートでの作業を行っていて、マウスでの操作が面倒...と感じる方は多いのではないでしょうか。そこで今回は、豪Lifehackerの選ぶ、Excelで使える便利なキーボードショートカットを6つご紹介します。なお、他のアプリでも使えるような定番のショートカット（コピペなど）は省かれています。ご了承ください。

きれいに写真を撮ってもらうコツ、スーパーモデルに5つ教えてもらいました2011.10.02 09:00 satomi 写真うつり悪い人います？ ...え、あなたも!? いやいや僕もひどいもんですよ...世の中ほとんどの人は自信ないかもね。調子いい時はジェラルド・バトラーなのに、ちょっと気を緩めると機内失禁男ジェラール・ドパルデューに戻ってしまうのは、何故？ ...ぐあああ、どうしたらコンスタントに写真うつり良くなれるんだよお～。 ...というみなさま（というか我々）のためにその道のプロ、スーパーモデル兼女優のシャローム・ハーロウ（Shalom Harlow）にキレイに映る秘策をズバリ尋ねてみましたよ！ ひとりでポーズ取る場合も、グループで撮ってもらう場合も、カメラ向けられるとどうしても緊張してしまいますもんね。緊張してなくても写真うつりが思ったのと違ってガックリなことも多いし...。でもき

2011年10月01日20:09 by tkfire85 たった7つのチェックで完了！引越しで必要になる書類・手続きチェックリスト カテゴリ管理人　雑談 tkfire85 家を借りたくなったらposted with amazlet at 11.09.30長谷川 高 WAVE出版 売り上げランキング: 20221 Amazon.co.jp で詳細を見る 【関連記事】 ・楽天担当者が困るくらい、楽天カードを活用する方法 ・何故、若者は携帯のカメラ撮影のことを「写メール」というのか。 ・21世紀に生き抜くな人材・生き抜かない人材の13のタイプ。↓最新記事はこちらからご覧いただけます。 Blogで本を紹介しちゃいます。 引越しのシーズンではないですが、あえて引越しネタで書かせてもらいます。引越しをする際に決める事は色々とあります。まず賃貸の場合は物件探しです。不動産屋さんを何件も回ってやっと念願の

プレゼンや面接など人前で話すとき、「滑舌」が気になると必要以上に緊張してしまいますよね。滑舌が良い人の話し方には、どんな特徴があるのでしょうか？“滑舌改善”に役立つエントリーを集めてみました。 ■ 滑舌が良い話し方とは？ “滑舌が悪い”といっても、実はさまざまなタイプがあります。まずは自分がどれに当てはまるのか考えてみましょう。 ▽ Togetter - 「５分で滑舌が良くなる方法」 ▽ 「滑舌」について考えてみた - 烏は歌う（はてなダイアリー跡地） 一般的に“滑舌が悪い”と言われるのは、「声が小さすぎてそもそも聞こえない」「音が正しく発声されていない」「音が発声されていても、つながったりつぶれたりしている」といった話し方です。滑舌を良くするためには、まず自分がどのタイプなのかを把握することから始めましょう。声が小さいなら声量を上げる、音が正しく発声されていないなら口の開き方や舌の位置に

最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって

最近、映像制作は身近さをどんどん増して、結婚式ムービーもかなり凝ったものをよく見かけるようになりましたね。特にパロディものは分かりやすくてウケもいいので作りやすいと思いますが、今日は僕が今までに作った「映画の予告編のような結婚式ムービー」の作り方をちょっとご紹介しようと思います。 今回、結婚式ムービーの依頼をしてきた新郎は赤鬼のおにはちさん、新婦は大人気モデルの菜々緒さんというあり得ない設定でいきましょう。 今回の新郎役、おにはちさん（おにはちさんの詳細についてはこちら） （勝手に）新婦役、菜々緒さん（超かわいいですね） 百聞は一見にしかずということで、まずは完成品をご覧いただきたいと思います。 ■写真だけで作る映画の予告編ぽい結婚式映像 おにはちさんは「カッコいいムービーを作ってくれ」と言うわりには、素材として写真数枚しか用意してくれませんでした。写真だけでどうやって時間を持たせるムービ

欧米（特にアメリカ）の入学試験や、外資系企業の面接で常に聞かれるのが、「あなたのリーダーシップ体験について話してください」という質問です。 大学の入試エッセイでも書かされるし、大学や企業の面接では、過去にどんな場面でどうリーダーシップを発揮したか、事細かに聞かれます。 もちろん入社してからも、リーダーシップは主要な評価項目のひとつとなっています。 ところが日本ではリーダーシップについて問われる機会はごく限定的。中には「今まで、一度も問われたことがない」という人さえいます。 なので、その概念自体あまりよく理解されていません。 たとえば私が日本人からよく受ける質問は、「欧米ではなぜ全員にリーダーシップを求めるのか？」というものです。 質問の意図は、「リーダーシップという、組織を率いるごく少数のトップ人材だけが持っていればいいものを、なぜ欧米の大学や企業は全員に求めるのか？」とか、 「 10人の