タグ

あとで読むと*ウェブに関するTAKAYUKI_SATAKEのブックマーク (3)

  • 人生を少し変えるかもしれないTED Talk 5タイトル - The Coffee Times

    TED Talkのビュー数・シェア数に基づいた、人気のTED Talkを紹介します。 これらのスピーカーは何年もの研究の結果を教えてくれるため、20分ほどなので、時間をとって見る価値があります。もし時間がなければ後で見てみましょう。 英語の勉強にもなりますし、もちろん日語字幕で見ることができます。 時間のない人のために、1つのプレゼンだけ要約しました。 1「ボディ・ランゲージが人を作る」 youtu.be 「ボディ・ランゲージ」が「自分自身」に与える影響を測ったAmy Cuddy氏の実験の話です。 実験はまず、被験者を「自信のあるポーズ」・「自信のないポーズ」の2つのグループに分けます。 画像の左が「自信のあるポーズ(High-Powe Poses)」 画像の右が「自信のないポーズ(Low-Power Poses)」 そのポーズを2分間続けたあと、ギャンブルをさせます。さらに唾液を採取し

    人生を少し変えるかもしれないTED Talk 5タイトル - The Coffee Times
  • レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス

    サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

    レスポンシブデザインにすぐ使える!すごいアイデア30個 | コリス
  • ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選

    シネマグラフ(Cinemagraphs)という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブX http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブXのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ

    ついつい見続けてしまう!シネマグラフを取り入れたWebデザイン24選
  • 1