jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
どん兵衛や納豆のハロウィン仕様にピピピ！ ハロウィン警察始動！
大北：去年2014年の渋谷の盛り上がり、いよいよハロウィンが来たなという気運が高まってます 古賀：ここにきて急に来た感じはあったな 大北：ハロウィンのかぼちゃってそもそもカブらしいんですよ。アメリカに入ってかぼちゃになった。日本に来るならかぼちゃじゃなくてもいいし、これを食べるべきってストーリーもない。ブルーオーシャンが広がってます。今年は各業界、新商品を投入するにちがいない 古賀：今回ハロウィン関連商品を買い集めて気づいたのが、これ"パーティー"でしばられてるんだよ。だから範囲がめちゃめちゃ広いんだよね。 大北：どの業界にもチャンスなんです。だから無茶をするやつもいるはずですよ。その無茶をピピピ！と取り締まるのが…… 古賀：われわれハロウィン警察！？ 大北：ハロウィン警察、始動します！
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法
2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。「プログレッシブエンハンスメント」というやつですね
新作落語「えんじょうこわい」 - カタダのペンギンな日々
新作落語「えんじょうこわい」 町内の若い衆が集まって、 好きな食べ物をああだこうだと言っているうち、 人には好き嫌いがあるという話になる。 大方のモンは虫が好かないというが、 人は胞衣（えな）を埋めた土の上を 初めて通った生き物を嫌いになるという言い伝えがある。 蛙なら蛙が嫌いになり、 蛇なら蛇。 皆で嫌いな虫を言い合い、 黙っている辰さんに 「おめえは、どんなもんが恐い？」 と聞くと 「ない」 と言う。 蛇はどうだと聞くと、 あんなものは、頭痛のときの鉢巻にする と、うそぶく。 トカゲは三杯酢にして食ってしまうし、 蟻はゴマ塩代わりに飯にかける。 忌ま忌ましいので、 なにか一つくらいないのかと食い下がると 「へへ、実は、それはあるよ。 それを見ると、体中総毛立って震えてくる」 「へえ、何だい？」 「一度しか言わないよ。……えんじょう」 「えんじょう？なんでぇそれは」 「へへ、実はおいら、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tetra-milieu - テトラミリュー