imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。type="datetime"やらtype="date"やらtype="tel"やら使うのもいいんですが、まぁ案件次第ではいろいろな事情もあるのでこういったライブラリも覚えておくと役に立ちかもしれません。ライセンスはMIT。 imaskjs
inputで指定したパターン以外の入力を不可にするバニラなJavaScriptライブラリ・「imaskjs」 - かちびと.net
imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。type="datetime"やらtype="date"やらtype="tel"やら使うのもいいんですが、まぁ案件次第ではいろいろな事情もあるのでこういったライブラリも覚えておくと役に立ちかもしれません。ライセンスはMIT。 imaskjs
要素が表示中かどうか高速に判別できる「Emergence.js」:phpspot開発日誌
ナビゲーション等の位置をスクロール時に固定する「jquery.simple-scroll-fo... 次の記事 ≫：jQueryでパンくずリストを自動生成できる「jquery.breadcrumbs-generator」
要素の表示位置を取得／設定するには？（offset）
offsetメソッドを使って、要素の「ドキュメント上の相対位置」を取得／設定する基本的な方法を説明する。 ← 前回 連載 INDEX 次回 → 要素のドキュメント上の表示位置を取得／設定するには、offsetメソッドを利用します（ただし、不可視の要素に対しては動作しません）。なお、類似のメソッドにpositionメソッドがありますが、これは現在の要素の親要素からの相対位置を取得するためのもので、機能が異なります（次回のTIPSで詳しく説明します）。 要素の表示位置を取得する まずは、位置情報を取得する方法からです。以下は、指定された要素（＝<div id="child">要素）の位置情報を表示するサンプルです。
jQueryのresize()でリサイズされたら処理
ブラウザの幅や高さが変更されたら検知して処理してくれる便利なメソッドがresize()です。 常に画面の中央にタイトルを表示させたい場合に使いました。 ただ$(window)以外の要素には使えないので注意しましょう。
JavaScriptのすぐ使える7つのユーティリティ関数 - Qiita
久々に自ブログからの転載。 私が自作アプリケーション内のJavaScriptで使っているもので、すぐに使えて、わざわざ外部ライブラリを読み込むまでもないユーティリティ関数がいくつかあるので、それらを紹介してみようかと。 オリジナルのソースでは、いくつかはjQueryの.ready()イベントのハンドラー内に定義しているのだが、特にjQueryに完全依存するようなスクリプトでもないので、素のJavaScriptだけでも動作するように修正するのはそこまで難しくはないと思う。まぁ、記述的に簡潔になるのでjQueryありきのままで掲載していく。 1. 自己のURLのGETパラメータを連想配列（オブジェクト）に格納する /** * Return as an object by parsing the query string of the current URL */ $.QueryString =
jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ
コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。
![[JS]Webサイトの使いやすさ・かっこよさを向上させる、チェックしておきたいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc338c3b019bd35cf84848dd648330728cc081c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015082406.png)
Fluidbox, a jQuery plugin for beautiful lightboxes
Replicating and improving the lightbox module seen on Medium with fluid transitions Introduction Opening images seamlessly in a lightbox on your page without interruption. This demo was inspired by how Medium handles embedded images. Made by Terry. This project was originally initiated as a personal challenge to replicate Medium’s lightbox module, but it soon developed into a full-fledged jQuery p
GitHub - ApoorvSaxena/lozad.js: 🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
Highly performant, light and configurable lazy loader in pure JS with no dependencies for images, iframes and more, using IntersectionObserver API Lozad.js: lazy loads elements performantly using pure JavaScript, is a light-weight library, just minified & gzipped, has NO DEPENDENCIES :) allows lazy loading of dynamically added elements as well, supports <img>, <picture>, iframes, videos, audios, r
Web制作者がチェックしておきたい、気持ちいいインタラクションやUIを実装できるJavaScriptのまとめ
Webサイトやブログに、気持ちいいインタラクションやユーザーインターフェイスを実装できるJavaScriptを紹介します。実用的なものから、あまり見かけない新鮮なものまで、素晴らしいアイデアがいっぱいです！
Color Thief
Color Thief by Lokesh Dhakar Grab the color palette from an image using just Javascript. Works in the browser and in Node. Github Getting started The Color Thief package includes multiple distribution files to support different environments and build processes. Here is the list of all the files in the /dist folder and what formats they support: color-thief.js - CommonJS module for use in Node. col
スクロールでどんどん要素にアニメーションを加える「t-scroll」:phpspot開発日誌
GitHub - crazychicken/t-scroll: A modern reveal-on-scroll library with useful options and animations. (Animate Elements On Reveal) スクロールでどんどん要素にアニメーションを加える「t-scroll」 要素が画面内に入った段階で要素をアニメーションする、最近ではよくあるライブラリ。 要素のclassにアニメーションを指定するだけで派手なエフェクトが作れます。 関連エントリ スクロールで上か下かを判断してコールバック「jquery.scrollDetection」 スクロールしても項目が分かりやすいヘッダー固定「jquery.stickyTableHeader」 スムーズなスクロールアニメーション実装に使える「scrollpress」
[JS]要素がビューポートや指定した範囲に表示されたか判定する超軽量スクリプト -Emergence.js
ページをスクロールして、指定した要素がビューポートに表示されたかを判定し、アニメーションなどを適用できる超軽量のスクリプトを紹介します。 ビューポートだけでなく、範囲を指定することもできるので、かなり面白いと思います。 単体で動作し、しかも1KBの超軽量スクリプトです。
![[JS]要素がビューポートや指定した範囲に表示されたか判定する超軽量スクリプト -Emergence.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfd16f6b3cf9495ffab4b2256010a83797a2cf0d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017110801-02.png)
Version 5.0.0 of Angular Now Available – Angular Blog
We are pleased to announce version 5.0.0 of Angular, pentagonal-donut. This is a major release containing new features and bugfixes. This release continues our focus on making Angular smaller, faster, and easier to use. Here’s a breakdown of some of the biggest changes in v5. For the full list, please see the changelog. Build OptimizerAs of 5.0.0, production builds created with the CLI will now ap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
finefinefine.jp
GitHub - guimadaleno/makefixed.js: A 'sticky' plugin to place elements fixed on page scroll
GitHub - fat/zoom.js: Medium's Image Zoom for jQuery
Zircle-ui
Animate Css Jquery
CodePen - Front End Developer Playground & Code Editor in the Browser
