[B! 2014][jQuery] daizo1117のブックマーク

建站成功

您的请求在Web服务器中没有找到对应的站点！可能原因：您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决：检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务；检查端口是否正确；若您使用了CDN产品，请尝试清除CDN缓存；普通网站访客，请联系网站管理员；

daizo1117 2014/11/20

2014
jQuery

リンク

JSHC

【diamonds.js】ダイヤモンドみたいな形のイメージギャラリーを作るjQueryプラグイン diamonds.jsを使えば、ダイヤモンドのような菱形の形をしたイメージギャラリーを実現することができます。他とは違う、ちょっと変わったイメージギャラリーを探している方にオススメかも。ただ残念な事に、ＩＥには対応してい […]

daizo1117 2014/11/20

2014
jQuery

リンク

※本ページは、アフィリエイト広告を利用しています。人気の「配色アイデア手帖」シリーズから、3年8ヵ月ぶりの完全新作の配色本が発売です！今回は「色とイラスト」とあるように、イラストや絵を描く人のために作られた配色本。世界観を創り出す配色、感情表現を表す配色、時間帯にマッチした配色、オノマトペに合った配色など、イラストレーターや絵師さんにぴったりの一冊です。そして今回も特典として収録されているカラーすべてのPhotoshopやクリスタのスウォッチデータがダウンロードできます！大切な人へのクリスマスプレゼントとして、自分用のクリスマスプレゼントとしてもぴったりな一冊です！

daizo1117 2014/11/20

リンク

Intense Images

Intense Image Viewer A javascript library for viewing images in a fully full screen. Click the images to see it in action!

daizo1117 2014/11/20

2014
jQuery

リンク

写真のドミナントカラーを親要素の背景色にするjQueryプラグイン「jquery.adaptive-backgrounds.js」｜スターフィールド株式会社

jquery.adaptive-backgrounds.js jquery.adaptive-backgrounds.jsはimgの画像のドミナントカラーを調べて、背景色にしてくれるjQueryのプラグインです。写真に合わせて背景色を変えるデザインなどで使えそうです。ちなみにこちらのjQueryプラグインでは、色の取得にHTML5のCanvasを使っているため、 HTML5に対応したブラウザで動作します。 DEMO 使い方こちらからファイルをダウンロードし、htmlのheadでjqueryと一緒にJSファイルを読み込みます。

daizo1117 2014/11/14

2014
jQuery

リンク

ユーザ

Userエンドポイント "SELF"キーワードオプションでユーザIDを指定できるエンドポイントが多くあります。ユーザIDを直接指定する代わりに、簡略表記で指定することができます。ユーザIDの部分を"self"に置き換えるだけです。認証済みのユーザIDを"self"の位置で指定したかのように扱います。この表記方法が使えるのは、access_tokenパラメータを指定した場合（つまり、認証済みのリクエスト）だけです。 https://api.instagram.com/v1/users/self/media/recent?access_token=ACCESS-TOKEN GET /users/{user-id} ユーザの基本情報を取得する例 https://api.instagram.com/v1/users/1574083/?access_token=ACCESS-TOKEN { "d

daizo1117 2014/09/10

2014
jQuery

リンク

jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法｜BLACKFLAG

以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで、1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラグインを紹介しましたが、自分なりにもっと使いやすい形で実現できないかやってみた実験をご紹介してみます。【2014/08/05 追記】各ブロック内での横スライド機能を追加しました。まずは動作サンプルから。下記のサンプル画面でマウスホイールスクロールもしくは画面右側のナビゲーションボタン等を使って画面（ページ）を切り替えてみてください。「jQueryで1ページごとにスクロールして画面遷移させるU

daizo1117 2014/08/22

リンク

【Labs】ホイールの回転で要素間を移動するパララックスレイアウト

6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方

daizo1117 2014/08/21

2014
jQuery

リンク

jQuery不要でスクロールにあわせて要素をアニメーションで表示するスクリプト -WOW.js | コリス

ページ下部にもたくさんのアニメーションが！アニメーションはAnimate.cssを使用しているので、さまざまなものが利用できます。どのようなアニメーションががあるのか、実装方法など、当ブログで以前紹介した記事をご覧ください。 classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css WOW.jsはデモ以外にも、他のサイトで実際に使用されているさまざまな例があります。どのサイトもアニメーションが楽しく、とても印象的です。 Stream Line Icons WOW.jsのつかいかた Step 1: 外部ファイル当スクリプトを</body>の上、Animate.cssをhead内に外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="css/libs/animate.css"> </

daizo1117 2014/07/30

“ Sponsors ”

リンク

Nifty Modal Window Effects

A set of experimental modal window appearance effects with CSS transitions and animations. Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration. The idea is to have a trigger button (or any element) which will

daizo1117 2014/07/30

2014
jQuery

リンク

見栄えがよくなった！Web制作するなら知っておきたいjQueryプラグインまとめ

作成：2014/05/7 更新：2014/11/01 Web制作 > ギャラリーサイトやECサイトなどで、最近よく見かけるデザインやエフェクトなど、制作前に知っておくと助かる、「どっかで見たことあるけど何だっけ？」といった感じのjQueryプラグインや最近のトレンドなるものをまとめました。ページにちょっとした工夫を凝らしたいとき、動きのある仕掛けでキャンペーンサイトを作りたいときに。エンジニア速報は Twitter の@commteで配信しています。もくじメニュー１．フィーチャーリスト２．スティッキーヘッダー画像エフェクト３．マウスオーバーで画像にキャプション４．イメージビューア５．ズームインエフェクト６．ブラーエフェクトスクロール７．Infinite Scroll(無限スクロール) ８．画像シーケンス９．横スクロール１０．フリック機能レイアウト１１．画面全

daizo1117 2014/05/08

リンク

[JS]ヘッダをスクロールしても上部に固定表示するだけでなく、途中で変更もできるスクリプト -Clingify

ヘッダをスクロールしても上部にぺたっと貼りつくように表示し、ブレイクポイントを設定するとその地点で貼りつける要素を変更するjQueryのプラグインを紹介します。デモページ：Optionsからちょい下にスクロールかなり下の方までスクロールすると、二番目のアイテムが上部に貼りつきます。 Clingifyの使い方 Step 1: 外部ファイル </body>の上あたりに、jquery.jsと当スクリプトを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.clingify.js"></script> </body> Step 2: HTML スクロールしても上部に固定配置にする

daizo1117 2014/05/08

リンク

クリエイティブな動きがデザインが実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」

TOP > plugin > クリエイティブな動きがデザインが実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。（Drop）そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。詳しくは以下 scrollReveal.js スクロールするとバーの動きを楽しむことができるプラグイン。個性的なデザインのサイトに仕上げたい時におすすめ。 leas