タグ

jqueryに関するkaraumaのブックマーク (8)

  • Still Within · Compassionate guidance on the path of the heart

    In my life, I have recognized immense benefit by consciously extending myself beyond what is comfortable.By choosing to encounter all that within me is unknown—fear, grief, and death; silence, ecstasy, and unity—I have uncovered a peace inside myself that seems to deepen my capacity to be with all the uncertainties of what it means to be human. Feeding this inquiry has allowed me to meet suffering

    Still Within · Compassionate guidance on the path of the heart
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
    karauma
    karauma 2018/03/02
    “フラットデザインに合いそうなjQueryプラグイン。これすごい良いですね!ブラウザに依存する部分はあるのですが、Photoshopでいちいちぼかしを入れる必要がなくなると ”
  • In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery

    In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes. Please try out demo to see how it works.

    karauma
    karauma 2017/09/14
    edit in place X-editable 検討中リスト、お気に入りリストの参考にした!
  • 2014年総まとめ、jQueryのプラグインとスクリプト100選

    毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ

    2014年総まとめ、jQueryのプラグインとスクリプト100選
  • jQueryのプラグインが面白い!スクロール時にユーザを引きつけよう

    PCでも、スマートフォンでも、画面をスクロールさせた時の各パーツ等の*「動き・挙動」*というのは、ユーザーの興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホームページが増えてきました。 今回は、ページ下部へとスクロールさせるごとにユニークな動きをする、簡単に設置できるjQueryのプラグインをご紹介します。デモページと併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目!スクロール時にユーザを引きつけるjQueryプラグイン12選 1. セクションが重なるようにレイヤー表示「StickyStack.js」 配布ページ|デモ 一つひとつのセクションをレイヤーに見立て、ページトップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにスクロールすることができます。言葉

    jQueryのプラグインが面白い!スクロール時にユーザを引きつけよう
  • Unheap - A tidy Repository of jQuery Plugins & JavaScripts

    Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us

    karauma
    karauma 2015/02/03
    ”jQueryのpluginを紹介しているサイトですが、使用目的ももちろん、動きの参考にもなります。 自分でイージングを変えたりして、どういうものがサイトに合うのかを試すこともあります。”
  • テーブルのセルをクリックしたときに編集できるようにする(Edit in Place) | GUNMA GIS GEEK

    画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。 プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。 <table id="edit-table"> <tr> <th>要素1</th> <th>要素2</th> <th>要素3</th> </tr> <tr> <td>1</td><td>hoge</td><td>hoge</td> </tr> <tr> <td>2</td><td>hello</td><td>world</td> </tr> <tr> <td>3</td><td></td><td></td> </tr> </table>

    テーブルのセルをクリックしたときに編集できるようにする(Edit in Place) | GUNMA GIS GEEK
  • jQuery editTable - その場で編集できるテーブルを生成するjQueryライブラリ MOONGIFT

    Webベースの業務システムを作っていると度々データを一覧で表示する機会があります。そんな中で度々あがってくるのが一覧の時点でデータ編集したいという要望です。 In place editのような仕組みを使って作り込んでも良いですが、専用の仕組みを使った方がユーザビリティ高くできるはずです。そこで使ってみたいのがjQuery editTableになります。 最初の表示です。適当にセルをクリックします。 そうするとその場で編集可能になります。 行の追加もできます。 ポストすると各行ごとにデータが入ってくるのが分かります。 Ajaxの場合もJSONの配列で受け取れます。 日付選択に際してカレンダーピッカーを使うこともできます。 行の追加できる数を制限した場合。3行追加した時点でボタンが押せなくなります。 jQuery editTableの使い方は以下のようになります。 var mytable =

    jQuery editTable - その場で編集できるテーブルを生成するjQueryライブラリ MOONGIFT
  • 1