[B! jQuery] camera10meのブックマーク

Tilt.js - Parallax tilt effect for jQuery

The most basic usage: Add <script src="tilt.jquery.js"></script> right before the closing </body> tag Mark your elements with <span data-tilt></span> Creating a parallax effect Add transf orm-style: preserve-3d to your tilt element. Add a transf orm: translateZ(20px) to your inner elements that have to pop out. Glare effect: Setting this option will enable a glare effect. You can tweak the glare val

camera10me 2017/02/07

なにこれかわいい

リンク

【2016年の完全保存版！】フリーで使えるjQueryのプラグイン30選 | TechAcademyマガジン

【2016年の完全保存版！】フリーで使えるjQueryのプラグイン30選フリーで使えるjQueryのプラグインをまとめています。jQueryは初心者でも扱いやすく最も普及しているJavaScriptのライブラリです。Webサイトの印象も大きく変わるプラグインばかりなので、ぜひ使ってみてください。テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事

camera10me 2016/12/14

jQuery

リンク

アニメーションやグラフ等、SVGを使ったJavaScript＆jQueryプラグイン11

2016年11月24日 JavaScript, jQuery, SVG 今やCSSだけでも多彩なアニメーションを取り入れることができますが、JavaScriptとSVGを使うことで、より美しく自由度のきく表現が可能です。今回はSVGを使った、便利なJavaScriptライブラリーやjQueryプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ラインアート 1. Draw SVG See the Pen Simple usage by Leonardo Santos (@lcdsantos) on CodePen. Webサイト｜GitHub｜デモ SVGのパスを使ってラインをアニメーションさせるためのプラグイン。2kbと軽量です。デモ画面右下の「RETURN」ボタンをクリックして試してみてください。 var mySVG = $('#my_svg_element').draw

camera10me 2016/11/24

リンク

resTables by codefog

resTables jQuery plugin for the responsive tables View on GitHub Download .zip Download .tar.gz resTables - jQuery plugin for responsive tables The resTables jQuery plugin allows you to easily make your table responsive. It has been created based on the stacktable.js concept by John Polacek. View the documentation at https://github.com/codefog/restables Basic demo Shrink your browser window below

camera10me 2016/11/10

jQuery

リンク

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita

結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。で、一年経って、ふと、「もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか」と思い立ってざざざっと書いてみました。小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合

camera10me 2016/11/10

リンク

jQuery 便利なonを使おう（on click) - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

camera10me 2016/10/03

jQuery

リンク

ここまで出来る！覚えとくと便利な「プログラム」サンプルまとめ

作成：2013/08/5 更新：2014/11/01 Web制作 > 食材を扱っているお客さんから、「ECサイト」を作ってくれと頼まれたので作成しました（事情により、CMSは使えず）。さらにメンテンスが楽になるように更新やSEOを自動化しました。今回は、CMS（WordPressとかEC-CUBEなど）を使わず仕組みを作るときに参考にした「プログラムサンプル」のまとめです。プログラムの勉強にもなり、「へぇ～こんなことも出来るんだ」と思ったもの。今回は（PHP／jQuery／js）です。エンジニア速報は Twitter の@commteで配信しています。一般画像／PHP １．画像リサイズ２．画像に字を書く３．画像の拡大・縮小・サムネイル出力４．グラフの描画５．画像エフェクト２５個 URL／PHP ６．ページのURLを取得７．URLの中身（HTML）を取得８．URL自動リン

camera10me 2016/09/24

リンク

jQueryは無し、シンプルに必要な機能だけを実装する軽量スクリプトのまとめ

MiniGrid -GitHub デモページ、アニメーションのデモレスポンシブ対応のカード型レイアウトを実装できるシンプルで超軽量なスクリプト。アニメーションでレイアウトが変更する系はこのスクリプトが圧倒的に簡単で軽量です。アニメーション無しでも利用できます。 cta.js -GitHub デモページパネルをクリックすると、それが拡大してモーダルウインドウになり、ボタンをクリックすると、それが変形してパネルになるなど、ユーザーのアクションをトリガーに要素が別の要素にアニメーションで変形します。