サイトで右クリックしたら他のサイトへ飛ばすjQuery
こんにちは、かしゅうです。 右クリック禁止！というサイトがありますが、もういっそ右クリック禁止の約束を破ったら帰ってもらったらいいんじゃないかと思って、右クリックしてしまったら別のサイトに飛んでもらうjQueryを作ってみました。 デモページ デモページは以下から。右クリックすると別ページの飛ぶので注意。 右クリックしたら他のサイトへ飛ばすのデモページ JavaScript デフォルトだと、みんな大好きyahoo.jpに飛びます。optionのurlを指定し、飛ばしたいサイトのurlを入れておけばそちらのサイトに飛ぶようになります。 (function($){ $.fn.rightClickEscape = function(options){ var defaults = { url : 'http://www.yahoo.jp/' }; var setting = $.extend(d
バイラルメディアはなぜバズるのか？話題のメディア編集長のテクニックとビジョン
ども、メディアチームのゆうせいです。先日、下北沢のお酒の飲める本屋さんこと「B&B」で開催されたトークイベント「バイラルメディア・サミット2014 タイムラインを制するのは誰だ！」に参加してきました。 「バイラルメディア」とは、FacebookやTwitterのタイムライン上でよくシェアされているアレです。ようするに、面白動画や感動ストーリーを紹介しているアレです。 実はこのバイラルメディアは、アメリカではすでにメジャーメディア（ニューヨーク・タイムズやワシントン・ポスト）の閲覧数を上回っているとか。 というわけで今回は、日本のバイラルメディアを運営する編集長の方々に、ネットでバイラルさせるための秘訣をガッツリ聞いた内容をレポートします！ Amp. 編集長 酒井 新悟 / メディアプランナー 青木 大
今一番気になるCSSの美しいエフェクト！インクを水面に落としたように波紋が広がり消えていく -Ripple Click Effect
Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事（「波紋」のアニメーションを実装するテクニック）で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でもここで紹介するエフェクトはかなり美しく仕上がっています。 デモではリストで配置したナビゲーションの各アイテムをクリックすると、そのクリックした地点を中心に波紋が広がり、フェードで消えていきます。 ※上記はエフェクトが分かりやすいよう、各アイテムの高さを広げています。 実際の動作は、下記ページでお楽しみください。 Ripple Click Effect from Google Material De
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
ハイクオリティなフリー素材がPSD形式でダウンロードできるサイト20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのサリーです。 フラットデザインが流行してから、アイコンやモックアップ素材を使う機会が以前より多くなったように感じます……。 素材をダウンロードしたとき、編集がラクチンだと助かりますよね。 今回はPSD形式などのまま素材をダウンロードできる、とっても太っ腹なサイトを20個ご紹介します。 PSD形式のフリー素材を配布しているサイト GraphicBurger http://graphicburger.com/ 無料と有料の素材がごちゃ混ぜなのでご注意。 緑の「Download」ボタンが「Visit download page」となっている場合は有料素材です。 365psd http://365psd.com/ 日本でも有名なフリー素材サイト。 365個一気にまとめてダウンロードできる有料パックもあります。 Pixeden http://www.pixeden.com/
Illustratorで可愛いイラストを簡単に描くチュートリアル記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回はAdobe Illustratorを使って可愛らしいイラストが描けるチュートリアル記事をご紹介します。 これからイラレをどんどん使っていきたい！という初心者の方にも優しい記事を中心に集めてみました。 Adobe Illustratorを使って可愛いイラストが描けるチュートリアル6つ Create a Gentle Flat Oriental Pattern in Adobe Illustrator https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator–cms-20952 オリエンタルなパターンが作れるチュートリアル。 提灯や扇子など、あしらいを変えれば夏にも正月にも活躍しそうな要素がそろっています。 Cre
イマドキの若者のクラスタ分けが興味深い！情報発信力が高い「SNS目立ちたがり」「自己プロデュース」「ムードメーカー」 | ゴリミー
【img via Marina bay girl by Philippe Put】 世の中の流行りを生み出すのは他でもない若者だ。新卒として会社に入った頃は社内でも「若者」に限りなく近い存在として重宝されていたが、社会人生活6年目にもなるとその感覚も徐々に鈍ってきていることに気付かされる。 今、若者の間で流行っているものやことが全然分からない。彼らは一体どのようなものに興味を持ち、どのように情報を入手し発信しているのだろうか。 情報発信力の高い若者の行動への理解がヒットサービスに繋がるかも？ これらの情報はd-campデータを元に因子分析、クラスター分析を実施したもので、調査対象は中学生を除く15歳～29歳男女、サンプル数は1163件。調査エリアは関東1都6県となっている。 まずは以下の「メディア・コミュニケーションでみる若者まるわかりクラスター」をチェック。これが実によくまとめられている
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cg-canonical.com/