jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
LightBoxはここまで進化したよ「VisualLightBox」:phpspot開発日誌
jQuery Image Lightbox: Prime Time DEMO LightBoxはここまで進化したよ「VisualLightBox」 CSS3等を使ってかなりオシャレに進化したLightBoxが実装できます。LightBoxはもう８年ぐらいまえに登場して、今オリジナルをみるとなんか古い感じがするということで時の流れを感じます クリックするとオシャレに拡大。 テーマが大量にあって好みのデザインを選びたい放題 Windowsっぽいスキン。LightBoxが出たのってポップアップを禁止するツールが多く出てきたことが背景にありますが、ページ内ポップアップされていて面白い。 関連エントリ スワイプできるLightBox実装jQueryプラグイン「Swipebox」 今こそ知っておくLightbox風プラグイン20+
画像も動画もGoogle Mapsもあらゆるコンテンツを拡大表示するスクリプト -iLightBox | コリス
画像をはじめ、画像ギャラリー、そして動画、HTMLコンテンツ、外部サイトなど、あらゆるコンテンツを拡大表示するjQueryのプラグインを紹介します。 あらゆるコンテンツをサポートします。 画像、画像ギャラリー、動画（HTML5, YouTube, Vimeoなど）、Flash/swf, Google Maps, iFrame, AJAX, Alert/Confirm/Promptなど 主要なブラウザ全てをサポートします。 IE7/8/9/10, Firefox, Chrome, Safari, Opera iOS4+, Android 主要なデバイスを全てサポートします。 デスクトップ・タブレット・スマートフォン スワイプ操作やRetinaディスプレイもサポートしています。 iLightBoxのデモ デモではあらゆるコンテンツをiLightBoxで拡大表示します。 まずは、画像一枚を拡大表
Sencha Touch 2 vs jQuery Mobile
SenchaUG 勉強会 第2回@東京 での発表資料。 http://www.meetup.com/Japan-Sencha-User-Group/events/81279312/ ネタなので大目に見てやって下さい
マウスを動かすと影が動く、そんなちょっとしたアニメーション·Real Shadow MOONGIFT
Real Shadowはマウスを動かすとオブジェクトの影が動く、そんな目を引くアクションができるJavaScriptライブラリです。 マウスを追従する仕組みは目を引きやすいです。そんな仕組みの一つとしてReal Shadowを紹介します。マウスを動かすと影が動く仕組みです。 多数のオブジェクトが並び、その影が描かれています。ライトはマウスがある場所になります。 マウスを動かせば影もリアルタイムに動きます。 Real Shadowでは5つの形に対応しており、そのオブジェクトの影が描画されます。意味もなくマウスをぐりぐりと動かしてみたくなる、そんな面白さがあります。 Real ShadowはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る GitHubの404ページやルパン三世の最新作「峰不二子という女」の公式サイトで
[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー
jQueryとCSS3アニメーションを使った、パララックス対応のコンテンツスライダーを実装するチュートリアルを紹介します。 Parallax Content Slider with CSS3 and jQuery [ad#ad-2] デモ 実装 デモ 一枚のスライドには、h2要素、パラグラフ、リンク、画像が配置されており、それぞれが異なるタイミングでスライドします。 分かりにくいかもしれませんが、背景もアニメーションで動いています。 Kendo UI こちらも当然パララックス対応のコンテンツスライダーです。 こっちの方が背景がはっきりしてるので、その動作を楽しめると思います。 実装 実装は各ポイントとなる箇所を説明します。 HTML スライダーは複数のスライドを含んでおり、それぞれのスライドにh2要素、パラグラフ、リンク、画像を含んでいます。 <div id="da-slider" cla
Flashいらずで何パターンもの画像スライドが楽しめるjQuery「COIN SLIDER」 | 日刊ウェブログ式
jQueryで簡単にスライドショーが作れるプラグイン「COIN SLIDER」の紹介です。jQueryで実装できるので、手間無く設置できます。 COIN SLIDER 画像の切り替わり時に複数のパターンのエフェクトが楽しめるのもCOIN SLIDERの特徴です。 Demo & Download Page 設置方法 上記のダウンロードページからスクリプトをダウンロードして、 jquery.jsもあらかじめ入手してアップしておいてください。 head内に以下の記述を追加します。 <link rel="stylesheet" href="coin-slider-styles.css" type="text/css" /> 設置したい場所にコードを記述（ネタ元を参考に記載）。
ユニークなエフェクトがある画像ギャラリーJavaScript「COIN SLIDER」
twitter facebook hatena google pocket 画像ギャラリーのJavaScriptがあふれる中、少しでも特徴感を出したいものです。 Coin Slider: jQuery Image Slider Plugin with Unique Effectsは少し変わった切り替えエフェクトを持つ、プラグインです。 これを利用して、オリジナル感を出してみてはいかがでしょうか。 sponsors 使用方法 Coin Slider: jQuery Image Slider Plugin with Unique Effectsからファイルをダウンロードします。 また、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" type="text/css" href="coin-slider-styles.css"> <script
画像表示に関連するJQueryプラグイン15＋1個紹介
JQuery便利ですね。Javascriptを最近始めたので今まで触る機会が有りませんでしたが、実に素敵ライブラリです。今回は画像表示系に絞って、プラグインを紹介したいと思います。 （プロトタイプ.jsをはるか昔に触ったことがありますが、つらい記憶しかございません。良い時代になったものです。ヘッダ絵は可愛かったから貼った。他意はない。）
JavaScript入門講座
今日の内容 JavaScriptを勉強し始めくらいの人を対象にしたJavaScript入門講座的なもの 文法とかは調べればわかるのでふれません 一人で勉強してもわからなそうな概念などを重点的に説明します ライブコーディングするのでJavaScriptってこんな感じて作るんだなーというのがわかってもらえればと アジェンダ JavaScriptを勉強する前に JavaScriptの基礎知識 ライブコーディング part1 jQueryの基礎知識 ライブコーディング part2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
