jQueryでパララックスサイトの様にスクロールして要素が出現した時点でアニメーション等のイベント処理を実行させる実験｜BLACKFLAG
パララックスサイトやAppleのプロダクトページの様な動きを付ける為の スクロールして特定の位置でアニメーション等の処理を実行させることができる jQueryプラグイン等をここでも何度か紹介しましたが プラグインのバージョンによって動作仕様が変わってしまっていたり 上からのスクロールと、下からのスクロールの判断が微妙だったりしたので なんとか簡単にスクロールの上下を判別させて、 なにか処理を実行させるスクリプトができないものか 試しに作ってみたので紹介してみます。 まずはサンプルから。 下記の画面をスクロールするとコンテンツ要素が順々にフェードインします。 「jQueryでパララックスサイトの様にスクロールして要素が出現した時点でアニメーション処理実行させる実験」サンプルを別枠で表示 上記サンプルでは6つコンテンツエリアを縦に配置してあります。 上からスクロール（ダウン）してそれぞれのコン
プロに無償で仕事を依頼してもいい場合 | 高橋文樹.com | 雑記
この投稿は 9年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 「プロに無償で仕事を依頼するなんてけしからん！」という記事が定期的に話題になります。「友達だからといって」という条件がつく場合もありますね。 僕個人の意見では、「別にいいんじゃない？」というのが結論なのですが、どんなときによくなるのか、というのを箇条書きにしてみます。 動機や目的が素晴らしい 依頼者と僕の関係が深い、または魅了されている 隠し事をしない 3つしかないですね。では、それぞれについて説明します。 すばらしい目的や動機とはなにか まず、無償で仕事をする場合、当然ながらその仕事はおごってあげているようなものです。たとえば僕ならWebサイトを作ってあげるとか、小説を書いてあげるというのがプロとして価値のある仕事だと思うのですが、まるまる一つサイトを作る場合、調査にかかる時
HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT
DiagnostiCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました。様々な枠が表示されました。 マウスオーバーで画面上部にメッセージが表示されます。例えばonclick指定の指摘です。 かなりダメなところは赤い枠になっています。 DiagnostiCSSでは問題のあるHTML要素について枠で囲むことで問題を把握しやすくしてくれます。主にインラインスタイルやイベント属性、無効なリンク、空または廃止予定の要素、必要な属性のない要素などがリストアップされます。 HT
JavaScript アニメーションのデザインパターン
JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの？ setInterval の意味が分からない こんな感じで書けないの？ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
こくちーず（告知's） - イベント・セミナー集客を支援する無料サービス
定期開催イベントで 幅広く参加者を集めたい方は 登録料・手数料無料 こくちーずの新サービス「こくちーずプロ」を使えば、驚くほど簡単で安全なイベント告知・集客ができます。定期開催イベントで幅広くターゲットにアプローチして、より参加者を集めたい方は「こくちーずプロ」をご活用ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなTシャツ2009欲しい！とは はてなの人気・最新記事を集めました - はてな
