jQuery.panelSnap Plugin
A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as you will see throughout this demo page. Each following panel will explain a specific feature of the panelSnap plugin. https://github.com/guidobouman/jquery-panelsnap Basic setup <!doctype html> <html> <head> <script src="/path/to/jquery.js"></script> <script src="/
レトロエンジニアのための近代Webフロントエンド事情 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」
サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」 webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。 Direction-Aware Hover with CSS3 and jQuery さまざまな種類のエフェクトが豊富に紹介されており、サイト自体にどこか物足りなさを感じていた方におすすめのまとめとなっています。 詳
jQuery Waypoints を使ってみる | Web Design Leaves
jQuery Waypoints を使ってみる CATEGORY: jQuery | TAG: スクロール, プラグイン 2013年11月24日 スクロールイベントを制御（ページ内の特定のスクロール位置で関数を実行するなど）できる「jQuery Waypoints v2.0.3 」を使った際のメモ（使い方）。 「Infinite Scroll（ページ下部まで移動すると、次のページを自動的に読み込んで表示）」、「Sticky Elements（特定の要素をある位置に固定して表示）」などのショートカットが用意されている。 ダウンロード 以下のリンク先の「Download」をクリックしてダウンロード。 http://imakewebthings.com/jquery-waypoints/ 解凍すると「waypoints.min.js」とショートカット（waypoints-infinite.min
Googleも推奨！アニメーションライブラリTweenMaxの使い方 入門編 — un-Tech
ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発した超高性能アニメーションプラットフォーム「GSAP」のひとつで、DOMアニメーションに特化したJavaScriptライブラリです。 requestAnimationFrameを使用しているため、jQueryのanimateメソッドを使うより、動作が高速かつ安定しています。 同じようなライブラリにmokichiくんが紹介してくれたVelocity.jsというのもあります。 TweenMaxと同様に動作が高速かつ安定しており、jQuer
JavaScriptを分割&非同期で読み込めるRequireJS | バシャログ。
『サニー 永遠の仲間たち』という韓国映画がとても良かったです！minamiです。 サイトで使用するJavaScriptを非同期で読み込むライブラリが昨今増えていますが、その中でRequireJS というライブラリがバージョンアップしたとのことなのでさわってみました。 RequireJSとは RequireJSは、JavaScriptのファイルやモジュールを非同期でロードできるJavaScriptライブラリです。推奨環境は下記になっています。 IE 6以上 Firefox 2以上 Safari 3.2以上 Chrome 3以上 Opera 10以上 ダウンロードする まずライブラリをダウンロードします。 DOWNLOAD REQUIREJS RequireJS の設置 ダウンロードしたら、以下のように設置します。 ├ index.html └ /js ├ main.js（読み込み管理用jsフ
Home - Fine Uploader
Discover a range of specialized services aimed at enhancing your web development proficiency and file uploading capabilities. TutorialsDive deep into comprehensive tutorials that guide you through the latest file uploading technologies. Our step-by-step guides ensure you master essential skills effectively. ReviewsStay informed with in-depth reviews of the latest tools and technologies in web deve
AmazonアフィリエイトのクリックをGoogleアナリティクスで計測する方法
Googleアナリティクスでは、標準ではクリックは検知できません。しかし、アフィリエイトなど、外部への誘導が重要なホームページでは、その成否は把握したいものです。 本記事では、Googleアナリティクスで外部へのリンクをクリック検知する方法をご紹介します。 アフィリエイトで重要なクリック検知 自社ホームページから外部へ誘導するアフィリエイトでは、その成果は通常そのまままではわかりません。しかし、以下の図のように成否を把握できたほうが、成果に対する分析もできるようになり、好ましいといえます。 ただ、アクセス解析ツールとして普及していますGoogleアナリティクスでも、標準では離脱までは追えないです。 これでは、どのページがアフィリエイトに貢献したのかわからず試行錯誤もしにくいと言えます。 誘導先のホームページで買ったかどうかなど、本当の成果はさすがにわかりませんが、そのきっかけとなったクリッ
なぜ Web Components はウェブ開発に革命を起こすのか
ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という 言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しか し、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるで しょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 # ソフトウェア部品の流通に今、大きな変化が起きてきています。 数年前のオープンソース環境を覚えているでしょうか？レポジトリは集中管理型の subversion、リリースは zip、テストは手動。Issue の登録もプロジェクトごとにことな るバグ管理システムが使われていたため、とっつきづらかったでしょうし、パッチを送る のも面倒でした。 そんなオープンソースを取り巻く環境が、git や GitH
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isométrique
Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isométrique Présentation pp3Diso est un plugin jQuery qui permet l'affichage et la gestion d'une carte 2D isométrique (ou 3D isométrique par abus de langage). Ce plugin est distribué gratuitement pour une utilisation personnelle ou commerciale sous licence GPL v3. La seule obligation est l'insertion d'un lien vers www.p
jQuery Easing Plugin
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
jRumble | A jQuery Plugin That Rumbles Elements
Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being
Responsive jQuery Sliders – My WordPress Blog
There are a variety of ways to integrate a jQuery slider with your WordPress install. The easiest way is to simply find a theme with a slide built-in. If you want to go a little more advanced you can use a plugin to integrate the slider into any theme. But for full control over your slider it’s best to do it yourself (advanced). The WooPlugin package from WooThemes helps make this process a bit ea
EasyUI - helps you build your web pages easily
Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Swiper - Most Modern Mobile Touch Slider
HOAX.COM: unravelling the truth from fiction, past to present...
[JS]フォームの入力を支援するスクリプト -Autotab
見るだけでもワクワクする、CSS3とjQueryのかっこいい7つのエフェクト
Jessica Caldwell
