ウェブサービスのブランド色を検索できるサイト「brand-colors」 ｜ ライフハッカー［日本版］

2016/01/27 15 users ウェブサービス マウス ライフハッカー 以下 カラーコード

「 brand-colors 」は ウェブサービスのブランド色を検索できるサイト です。さまざまなウェブサービスの色が探せますよ。その色のカラーコードが分かるので、そのウェブサービスがどんな色を使っているか知りたいときに便利です。 以下に使ってみた様子を載せておきます。 まず brand-colors へアクセスしましょう。グリッド状にたくさん色が表示されます。マウスオーバーするとその色が何の色か... 続きを読む

Google Chromeがクラッシュするバグ、ゲームになる | スラド idle

2015/09/23 32 users スラド idle パク マウスポインター GitHub ゲーム

null文字として解釈される文字列を含むURLでGoogle Chromeがクラッシュするバグが先日話題となったが、このバグを利用した迷路ゲーム「%%30%30」がGitHubで公開されている(%%30%30: A Game、 TNW Newsの記事)。 %%30%30はリンクがグリッド状に配置されており、クマの画像のリンクをマウスポインターでなぞってゴールを目指す。コースを外れて木の画像のリンク... 続きを読む

Chromeのブックマークをサムネイル付きでグリッド状に並べる拡張機能「Dewey」 : ライフハッカー［日本版］

2014/04/20 34 users Dewey グリッド ソート サムネイル Chrome

Google Chrome , ツール , ブラウザ Chromeのブックマークをサムネイル付きでグリッド状に並べる拡張機能「Dewey」 2014.04.21 07:00 「Dewey」はChromeのブックマークをサムネイル付きでグリッド表示してくれる拡張機能です。ブックマークのソート、検索も行えますよ。サムネイルが表示されるのでどんなサイトだったかアクセスしなくても把握できます。 以下に使っ... 続きを読む

[JS]グリッドで配置したパネルをダイナミックなアニメーションでコントロールするスクリプト -gridSelector | コリス

2013/06/19 75 users Firefox Safari Chrome デモ コリス

Googleトレンドのようなグリッド状に配置した複数のパネルにダイナミックなアニメーションを与えるスクリプトを紹介します。 Dynamic Grid with Transitions デモはChrome, Firefoxでご覧ください。 ※Safariで見たら、クラッシュしました。 Demo 1: No transitions Demo 2: Transitions without delays ... 続きを読む

[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト – BlocksIt.js | コリス

2012/08/21 111 users コリス エレメント Libs Ajax スクリプト

BlocksIt.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type... 続きを読む

アニメーションでレイアウトを変更するMasonryを使ったポートフォリオのテンプレート | コリス

2011/08/08 46 users jQuery Masonry コリス キャプチャ CSS

Masonryは以前紹介した「パネルを新聞のように隙間なく自動で配置するスクリプト -Masonry」のjQueryのプラグインで、パネルをグリッド状に配置し、ブラウザのサイズを変更すると、それに合わせてアニメーションでパネルの配置を変更します。 スライドショー時のキャプチャ 実装 ダウンロードファイルには、HTML, JS, CSSなど一式が揃っています。 コンテンツは必要な箇所のみ変更するだけ... 続きを読む