gsap
GSAP (GreenSock Animation Platform) Professional-grade animation for the modern web GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build high-performance animations that work in every major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! GSAP's ScrollTrigger plugin lets you
使い道は色々！iphone風のラジオボタンやトグルスイッチが作れるJSを紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのももこです。 今回はiphoneで使用されているフォームの部品と同じ物を使えるようにするJSをご紹介します。 iphone-style-switches iPhoneのラジオボタン風の部品が作れます。 用意するものはjqueryとスイッチの切り替え時に使用する背景画像です。 デモの場合、背景画像はcssスプライトを使用する前提で作られています。 選択した要素にクラス：selectedを振りbackground-positionを切り替える事でON・OFFを実現しています。 HTML <p class="field switch"> <input type="radio" id="radio1" name="field" checked /> <input type="radio" id="radio2" name="field" /> <label for="rad
画面サイズに応じて任意のCSSファイルをロードするJavaScriptライブラリ・sizeit.js
画面のサイズを指定して、その サイズに応じて任意のCSSファイル をロードするスクリプトのご紹介。 Media Queries等によってCSSが 肥大化してしまった場合は使って あげると軽量化できるかもですね。 指定したブレークポイントに合わせて、ロードするCSSファイルを指定出来る、というスクリプト。非依存型なので単体で利用可能、サイズも圧縮版で1.7kbほどと軽量です。 Sample Media Queriesの場合、不要なCSSもロードしますが、sizeit.jsはブレークポイントに応じたCSSファイルのみを読み込むのでうまく使えば軽量化が可能です。 さて、サンプルですが、JQMを利用し、ブレークポイントを以下のように設定しました。 幅が600px以下ならJQMのCSSをロード幅が1024px以下なら何も読み込まないそれ以外はJQMのCSSをロードこう設定すれば、601px～1024
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - JedWatson/classnames: A simple javascript utility for conditionally joining classNames together
