購入ボタンを押すと美しく梱包してくれる見て楽しい触って気持ちいい購入ボタンの実装
面白いなーと思いまして。 購入ボタンをクリックするとまるでそれを包装してくれるかのようにアニメーションして、購入につなげるアクションです。 特にこのサンプルで表示されているのはギフトカードの購入なので、まさにギフトカードを包み込むようにアニメーションするのが気持ちいですね。 以下サンプルでBuyをクリック！ See the Pen Gift Card UI by David Khourshid (@davidkpiano) on CodePen. HTMLと、SCSSのみ。JavaScriptはつかっていませんので、非常にシンプルな構造になっています。 是非お試しあれ。 それでは、また。
君はテレビ欄に掲載されていなかった深夜の恐ろしい番組を知っていましたか？
2012年11月5日から12月26日までフジテレビで不定期に放送されていた薄気味悪い番組『EVEの全て』。 例えば１～３話は以下の様なスケジュール。 2012年11月5日 月曜日 深夜1時10分から５分。 2012年11月13日 火曜日 深夜3時45分から7分。 2012年11月16日 金曜日 深夜2時5分から9分。 まるで時間はバラバラ。それでいて新聞のテレビ欄にすら掲載されていないため、全てを見るのはまさに不可能とまで呼ばれた番組がある。既に半年も前の事ですが、この番組、非常に現在のインターネットによる恐怖をきっちり表現していて面白かったのでご紹介したい。 番組は全16話だが、時間は全部で75分。お時間のあるときにでもどうぞ。 それはもっとも身近な恐怖 まず、最初に流れた放送がこれだ。完全な盗撮動画。 これだけ唐突に流れれば、誰もがこれは一体何なのか？ 番組欄にものってないけど、大丈夫
人物、動物、魚、恐竜、植物といった様々な無料シルエット画像
あ"ー。 これは凄いの一言。 もうはてブホッテントリ入りしてるものは紹介しないという私のポリシーを捻じ曲げてでも多くの人に伝えたい。 様々なシルエット、人物から植物、動物、魚などがまとめられたエントリ。 いや、これはすごいわぁ・・・。 あらゆる無料シルエットが勢ぞろい 説明は不要だろう。 すばらしいまとめエントリ。 85 Free High Quality Silhouette Sets リンク先をブックマークしておけばかなり長期的にお世話になれるはずです。 近い将来で私が使いそうなものだけピックアップ。 フッターの背景によくつかわれるやつ。 こちらも同様にフッターの背景に用いられる。 自然をイメージしたサイトに使えそう。 最近ならバリアフリー関係のサイトにもあう。 ビジネス系、SEO系、マーケティング系、ニュース系などに使えそう。 最近は実写が多いですけどね。 上と同様にビジネスシーンに
Googleのどこでもウィジェットは各ドキュメントもパワーアップさせてかなりすごい！*ホームページを作る人のネタ帳
Googleから、また新しいサービスが展開された。 その名も GoogleWebElement 何が凄いのかって言うのは使ってみればわかりますが、ブログやなんかに 驚くほど手軽にGoogleサービスを埋め込める という代物です。 で、実際はこのサービス自体、他のGoogleドキュメントの方にも実装されて、貼り付け用コードがかなり手軽に作成できるようになったのです。 今回はこの新しいウィジェットである、グラフとプレゼンテーションを中心に解説していきます。 とりあえず用意するもの Googleアカウント のみ ちなみにGoogleサービスを手軽に貼れるサービスっていうのは、各ドキュメントからも普通に出来るようになっているみたいなので、ほぼ各ドキュメントサービスからコードを貼り付けることが可能です。 Googleドキュメントを作成し、プレゼンをウェブ化 Google ドキュメント へようこそ こ
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
フリーのウェブデザインテンプレートのPSD
ウェブデザインのテンプレートは結構多いけど、こうしたPSD形式での配布は珍しいですね。 今回はフリーPSDテンプレート１０というエントリからご紹介。 デザインの勉強に持つかえるかも 配布形式はPhotoshopなんかで開くPSDファイル。 ダウンロードしてじっくり見てみるのも有りかもしれませんね。 Darkwood Free hosting template Old burned paper Blog Source １０全ては以下に。 過去紹介しているhtml/cssテンプレートサイト 1170 + Ajax/Javascript/Dhtml examples and demos to download Dynamic Drive DHTML(dynamic html) & JavaScript code library Ajax/JavaScriptの宝庫。htmlはあまり関係ないけどお
YahooとGoogleからの訪問ユーザーの違いと特性
2006年にWebSideStory社が行った調査でGoogleユーザーよりもYahooユーザーのほうが商品を購入する確率が高いと言うことは結構有名な話でもある。 3年前に適当に作った、主要検索エンジンからの訪問者別購入率を調べるツールも、この上の話と同様の数値を出している。 しかし、年を重ねるごとに、Yahooユーザーの商品購入率が増えていると言うことに気がついた。 Googleはさらに減少傾向 統計を取る仕組みはものすごく簡単な仕組みで、PHPで作ったものです。 訪問して来たユーザーのひとつ前の訪問先を調べ、それが検索エンジンかどうかをチェック。 そのユーザーに対して、PHPでsessionを発行するというもの。 sessionを発行したユーザーの行動情報はこちらでわかるため、どのページを閲覧する傾向にあるとか、どの文字をクリックしやすいかという統計が取れます。 また、どの検索エンジン
バックグラウンドと様々な画像、CSSで行う面白スクロールトリック
ページをスクロールするだけでこんなに感動したのは初めてだったので、思わず脊髄反射で記事に。 すごい長いページなんですが、ここまで無駄な遊びを提供するバックグラウンドは見た事が有りませんでした。 （どうやら透過pngを使っているようなので、firefoxで見たほうがいいかもしれない） 姿形まで変えてみせるトリックにうっとり バックグラウンドで、固定表示されている虹みたいな縦棒。 これが、色々と姿形を変えていきます。 画像をアップしようと思いましたが、感動が薄れてはここの作者に失礼なので、あとはご自信の目で確かめてみてください。 面白バックグラウンドトリックを使うサイト The portfolio of Bryan Katzel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
