『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。 Parallaxor -GitHub Parallaxorのデモ Parallaxorの使い方 Parallaxorのデモ デモはChrome, Firefox, Safariでご覧ください。 IEやスマフォではスタティックに表示されます。 demo: second Parallaxorの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link href="parallaxor.min.css" rel="stylesheet"> </head> <body> ... コンテンツ ... <script src="http://code.jquery.com
2015年がスタートした。今年はビジネスパーソンの「健康管理」が一つの転換点を迎える。多くの企業で、従業員の精神的な健康状態を把握する「ストレスチェック」の実施が義務づけられるのだ。関連法制が、今年12月末までに施行される。ただ、このことは多くのビジネスパーソンが意外に把握していないのではないだろうか。 従業員50人以上の企業が対象に ストレスチェックの義務化は、昨年6月に成立、公布された労働安全衛生法の一部改正を受けた動きだ。原則として労働者50人以上の企業が対象で、従業員に対して医師や保健師などによる心理的な負担の程度を把握する検査(ストレスチェック)を実施することが、事業者(企業)の義務となる。同50人未満の事業場は当分の間努力義務となる見込みだ。 ストレスチェックの結果は、医師や保健師などから直接、検査を受けた労働者本人に通知され、それを本人の同意なく事業者に提供することは法的に許
悲しいかな、交渉の場にもジェンダー・ギャップは存在するようです。 これは新しい発見ではありません。様々な研究が示しているように、それぞれの性別に期待される役割が、交渉の場において相手に与える印象に大きな影響を与えているのです。例えば、最新の研究によると、人は女性に対しては堂々と嘘をつくことが多いそうです。また、その他の研究によると給与交渉のせめぎ合いをする場合、女性の方がリスクが高いそうです。 さて、Academy of Management の年次会合で最近、新たな研究結果が発表されました。その結果はあまり嬉しい内容とは言えないかもしれません。 この研究を行った国際チームは、交渉前の"ちょっとした会話"がもたらす効果について検証しました。実験参加者は、わかりやすい男性名あるいは女性名を名乗る架空の交渉人と、資産(町が保有する未使用の土地)に投じる金額を交渉し、交渉人のパフォーマンスを評価
7月26日、南ドイツのウルムという町でドイツ陸上選手権が行われた。そこで、走り幅跳びの1位に躍り出たのが、マルクス・レーム(Markus Rehm)、25歳。右足が義足の身体障害者だった。つまり、身障者の選手が通常の試合に参加し、健常者である他の選手を尻目にドイツ選手権1位を物にしたのである。 ところが、その直後、いろいろな問題が勃発した。このドイツ選手権は、8月12日からチューリヒで開かれるヨーロッパ選手権の選考会でもあった。普通なら、ドイツ大会の上位入賞者がヨーロッパ大会に送り込まれる。ところが、1位を取ったレーム選手は、ヨーロッパ選手権には進めないことになった。 何故か? 彼の義足が跳躍力を大幅に上げているという疑念が持ち上がり、ドイツ陸上競技連盟が、レーム選手の派遣を認めなかったのである。 自己最高記録を次々と塗り替えた義足の選手
夏だよー。会社・プライベート関係なくシャツのお悩みといえば襟の汚れ。 俺のなかで「シャツは消耗品」と思っていて、理由は生地がダメになる前に「襟がちょっと…」or「目立つところを汚してしまった!」ってパターンが多いなーってことなんですけど。 で、市販の襟用洗剤ってきかねーじゃないっすか。ためしてみて「ほっとんど変わらねーじゃねーか!」と思った人は多いはずで。 最近使っていて良い感じなのは「クリーニング屋さんのエリそで洗剤」ってヤツ。これ商品名っすよ。 クリーニング屋さんのエリそで洗剤posted with カエレバ アイメディア株式会社 Amazon楽天市場 アイキャッチ画像がすごいw 洗濯前にさらーって塗って洗うと大抵はキレイになる。手強そうな汚れももみ洗いすれば大体は取れます。白シャツに赤ワインをこぼしちゃったときもこれ塗った瞬間、ぶわーって色素が分解されていって跡が残らなかった。(ちな
米国政府のガイドラインによれば、私たちに必要な1週間あたりの運動量は、中程度の運動なら150分、激しい運動なら75分だそうです。ところが、学術雑誌「PLOS ONE」で発表された最新の研究結果によれば、私たちのほとんどは、「中程度の運動」というのが体感的にはどのくらいなのか、わかっていないようです。目標となる運動強度を満たすには、一定のペースで運動しなくてはなりません。その指標のひとつは、運動中の心拍数です。中程度の運動の場合、運動中の心拍数は最大心拍数の64〜76%程度になります。さらに簡単に言えば、中程度の運動の最中には「会話はできるけれど、歌うのはムリ」という説明がよく使われます。 ところが、ここで紹介する比較的小規模な研究では、被験者の成人129人のほとんどが、目標の運動強度に達しているかどうかを自分で判断できなかったといいます。米紙「New York Times」に、次のように書
demo: video YouTubeの動画もさまざまなアニメーションで表示できます。 Stackboxの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjqury.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../build/css/stackbox-docs.min.css"> </head> <body> ... <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="../build/js/stackbox-docs.min.js"></script> </body> Step 2: HTML まずは、モーダ
End Creditsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script src="static/endcredits.js"></script> </body> Step 2: HTML まずは、エンドロールを呼び出すボタン。 <a href="#creditos" name="creditos">Open Credits</a> エンドロールはdiv要素などに「#credits」を付与し、その中に記述します。通常時は表示されず、ボタンをクリックをすると表示されます。 <!-- Start of Credits -->
目次: 就活日記 (0) エントリー - laiso そろそろ就職するにあたって、退職しないと就職することができないので就職する前にまず退職をしました。 思えば私のプログラマーとしてのキャリアも6年ばかりとなりました。 ところで私は当時勉強が出来ない奴はプログラマになれ! - IT戦記 を読んでプログラマになったクチで、この記事にはたいへん励まされました。 しかし当然順風満帆なプログラマー人生ともいえず。マイナスからのスタートでした。これはとくに精神面や比喩的な意味というわけではなく、低賃金の肉体労働をしばらく生業にしていたため単に総資産がマイナスでした。 そもそも私が一番最初にプログラマーをこころざしたのは、うだつが上がらない十代を地方ですごしていた時分です。 社会的脱落者として場当たり的に日銭を稼ぎ、賃料が不要な家で暮していた為稼いたぶんをそのままビデオゲーム筐体に投入する、などという
SVGをちょっと始めてみたいな、という人にもちょうどよさそうなテキストの周りに表示するボーダーをアニメーションで表示するデモを紹介します。 SVG Border Animation コードは簡単、コピペで利用できます。 HTML <div class="svg-wrapper"> <svg height="60" width="320" xmlns="http://www.w3.org/2000/svg"> <rect class="shape" height="60" width="320" /> <div class="text">coliss</div> </svg> </div> CSS html, body { background: rgb(20,20,20); text-align: center; height: 100%; overflow: hidden; } .svg
風景写真など、普通の画像の上にグリッドを描き、各マス目をホバーした際に尾ヒレのようにフェードで追従させるエフェクトが美しいスタイルシートを紹介します。 便利になるとかそういった類いのものではありませんが、ちょっとした何かに使ってみたいですね。 JavaScript無しというのはポイント高いです。 デモのアニメーション 実際の動作は下記ページで確認できます。 デモはCSS3対応ブラウザでご覧ください、Chromeが一番美しくエフェクトを描画します。 LeTrailing Effect 実装はシンプルで、あえて難点をあげれば空divを数多く使うことでしょうか。 HTML 画像はbodyの背景で表示されているので、HTMLはグリッドを描くdivだけです。 <body> <div class="div"></div> <div class="div"></div> ... ... <div cla
2番目のパラグラフに移動して、ハイライト表示 Scrollocueの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script src="js/jquery-2.0.3.js"></script> <script src="js/scrollocue.js"></script> Step 2: HTML スクロールのキューとなるパラグラフを配置し、適用する範囲を指定できるようラッパーで包みます。 適用範囲のラッパー:#container <div id="container"> <h1>Scrollocue</h1> <div class="section meta"> <p>A simple autocue/teleprompter system.</p> <p>Just use the arrows or spacebar t
ほわーんとした煙 Audero Smoke Effectの使い方 Step 1: 外部ファイル head内に、jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="../src/jquery.auderoSmokeEffect.js"></script> </head> Step 2: HTML スクリプトでその要素を指定できるようidなどを付与しておきます。 <img id="chicken" src="images/chicken.png" /> Step 3: JavaScript jQueryのセレクタで要素を指定し、アニメーションで表示する画像(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く