サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
dacksf25
id:dacksf25
●
720
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
*webデザイン参考サイト
(1)
●
*あとで読む
(1)
●
3Dプリンター
(1)
●
ABテスト
(1)
●
AWS
(2)
●
BLOGIDEA
(1)
●
CI(6)
●
Css
(8)
●
DIGOO
(1)
●
DTM
(1)
●
EC(33)
●
ECセリング
(7)
●
EC参考
(3)
●
Font
(11)
●
GOODS
(12)
●
Google Analytics
(11)
●
Html
(1)
●
Illustrator
(4)
●
Lightroom
(2)
●
SEO
(3)
●
Ui(4)
●
VC(1)
●
WEBマーケティング
(5)
●
ZINE
(1)
●
api
(1)
●
blog
(1)
●
book
(3)
●
distribution
(12)
●
eBay
(1)
●
excel
(1)
●
facebook
(2)
●
firebase
(1)
●
instagram
(1)
●
jQuery
(7)
●
photoshop
(3)
●
prmt
(6)
●
react
(1)
●
webサービス
(4)
●
webデザイン
(21)
●
webマガジン
(3)
●
wordpress
(15)
●
あとで読む
(1)
●
お金
(1)
●
アカウンティング
(2)
●
アフィリエイト
(10)
●
インタビュー
(3)
●
インテリア
(1)
●
エディター
(1)
●
カイゼン
(1)
●
キャッシュフロー
(1)
●
クラウド
(1)
●
グロースハック
(2)
●
コーヒー
(4)
●
コーポレートページ
(2)
●
スクレイピング
(2)
●
タイポグラフィ
(1)
●
ダイエット
(2)
●
デザイン
(3)
●
ネタ
(4)
●
ビジネス
(3)
●
フォント
(1)
●
フロントエンド
(1)
●
プレゼン
(1)
●
プログラミング
(1)
●
マネジメント
(3)
●
マーケティング
(3)
●
ライフハック
(4)
●
リーンスタートアップ
(1)
●
レコード
(3)
●
不動産
(1)
●
事例
(3)
●
人
(1)
●
人材
(1)
●
人生
(5)
●
仕事
(11)
●
仕事術
(1)
●
代替
(1)
●
企画書
(3)
●
会社設立
(3)
●
会計
(1)
●
倫理
(1)
●
写真
(10)
●
出産
(2)
●
副業
(1)
●
労働
(1)
●
労働環境
(1)
●
勉強
(2)
●
協調フィルタリング
(1)
●
子供
(1)
●
家計
(1)
●
就活
(2)
●
広島ビジネス
(1)
●
心理
(1)
●
性
(1)
●
恋愛
(5)
●
戦前経済史
(1)
●
文章
(4)
●
文章術
(4)
●
料理
(5)
●
映画
(1)
●
時事
(1)
●
書評
(4)
●
本
(2)
●
株
(4)
●
楽譜
(2)
●
洗濯
(1)
●
無駄口
(3)
●
生活
(1)
●
男女
(4)
●
素材
(1)
●
組織
(4)
●
経営
(8)
●
経営者
(5)
●
経済
(1)
●
美容
(1)
●
考え方
(2)
●
自己啓発
(5)
●
英会話
(4)
●
英語
(4)
●
財務
(2)
●
買物
(20)
●
資格
(1)
●
起業
(8)
●
運動
(1)
●
道重さゆみ
(4)
●
面接
(2)
●
音楽
(4)
●
食
(1)
●
EC(33)
●
webデザイン
(21)
●
買物
(20)
●
wordpress
(15)
●
GOODS
(12)
●
distribution
(12)
●
Font
(11)
●
Google Analytics
(11)
●
仕事
(11)
●
アフィリエイト
(10)
関連タグで絞り込む (0)
関連タグはありません
タグの絞り込みを解除
jQueryに関するdacksf25のブックマーク (7)
●
104 users
●
www.nxworld.net
●テクノロジー
閲覧ページの先頭まで移動できるように設置しているところも多い﹁ページトップ﹂や﹁ページの先頭へ﹂といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。 よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 紹介している方法はいずれもjQueryを使用しており、サンプルによってはjQuery Easingも使用しているので予め読み込ませてください。 jQueryの記述はいずれもセレクタにa要素を指定しているため、特定の要素にのみ適用させたい場合などはidやclassを用いるなどして指定してください。 使用するHTML・デモ サンプルで使用しているHTMLは下記のようなa要素のhrefには#を記述したシンプルなものになっています。
dacksf25
2015/07/30
●jQuery
●
369 users
●
commte.net
●テクノロジー
作成‥2015/03/2 更新‥2016/06/29 Web制作 > 今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。 エンジニア速報は Twitter の@commteで配信しています。 もくじ インタラクティブ1．クリック時のエフェクト2．フォームクリック時のエフェクト3．テキストに11種の動きを出すエフェクト4．分離するエフェクト フルスクリーンの見栄えをよくする5．フルスクリーン 縦スライド3つ6．全画面+オーバーレイ7．フルスクリーン背景＋ローディング8．写真から背景色を抽出9．background-size 対策 ドロワーメニュー10．ドロワーメニュー3つ スクロールエフェクト11．スクロ
dacksf25
2015/03/03
●jQuery
●
630 users
●
www.webopixel.net
●テクノロジー
Posted: 2012.02.21 / Category: javascript / Tag: jQuery グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="artic
dacksf25
2015/02/23
●jQuery
●
24 users
●
vst.mn
●テクノロジー
vst.mn was successfully registered. There is no content yet.
dacksf25
2015/02/14
●jQuery
●
338 users
●
commte.net
●テクノロジー
作成‥2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー1．スライドを立体的に切り替え2．クリックで滑らかにページ遷移させる3．背景にスライド、フルスクリーンで固定させる4．横に移動するフルスクリーンスライド5．キューブ系のスライドを表示6．下方向へドラッグするとページを再読み込みする7．要素を上下にフワフワ動かす8．外部要素をクリックで表示9．タイピングエフェクト 動作10．サーチボックスを画面全体にオーバーレイさせる11．デイトピッカー12．ドラッグ＆ドロップ 画像をアップロードする
dacksf25
2015/02/11
●jQuery
●
1628 users
●
commte.net
●テクノロジー
作成‥2013/07/1 更新‥2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー︵Google Analytics関係とか︶なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール1．ページ内リンク／フッターまわり／トップに戻る2．パララックス スライド3．カルーセル4．レスポンシブなスライダー5．ヌルヌルサクサクなスライドメニュー6．サムネイル付きクロスフェードスライドショー 補助7．Google Ana
dacksf25
2015/02/11
●jQuery
●
741 users
●
commte.net
●テクノロジー
作成‥2014/10/14 更新‥2014/11/01 Web制作 > 比較的最近のプラグインで、今風の動きをするものなど、制作前に知っておくと助かるjQueryプラグインをまとめました。国内のサイトであまり取り入れてないようなものや、定番のものまで。ページにちょっとした工夫を凝らしたいときや、少しめずらしい仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動き1．ジオメトリック 背景2．フルスクリーンでスライドさせる3．ドロアー風ライトボックス4．動画を再生するタイプ3つ スクロール5．スクロールでクロスフェード6．スクロールで奥行きを表現7．スクロールで分割 画像8．APNG ９．Google 画像検索風ライトボックス10．トイカメラ風のフィルター ポップアップ11．おしゃれなアラート12．
dacksf25
2014/10/16
●jQuery
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第3週︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
jQuery‥ページトップへの動きに使えるエフェクト 5 - NxWorld
Web制作に使える！オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ
jQueryでスクロールすると上部に固定されるナビゲーション
vst.mn has been registered
綺麗な動きになった！Web制作前に見ておきたいjQueryプラグインまとめ
jquery小技まとめ32
今風になった！Web制作で使える最近のjQueryプラグインまとめ