jQuery-svg-popup | Javascript Jade SASS jQuery Modx AJAX html
Надоели типичные модальные окна?! Есть решение - jQuery-svg-popup. Быстрый - формирование частиц основано на базе SVG. Легкий - вес плагина всего 5kb. Прост в использовании - имеет документацию на русском языке. Ето решение разнообразит дизайн вашего сайта, а также придаст уникальности и стиля! Скачать / установить npm: npm i jquery-svg-popup github: https://github.com/rodan888/jQuery-svg-popup Пр
SVGをjQueryで操作する際にハマったので、書き留めておく。 | 5 LOG
SVGファイルををobjectタグで読み込んで、jQueryで操作しようとしたら、取得出来なくてハマった。 まずは、SVGデータをIllustratorで用意。 その際に、レイヤーグループに名前を付けておくと、<g id=”レイヤーグループ名”>で囲んでくれるので便利。 SVGファイルをobjectで読み込む。 <object id="svg_map" data="map.svg" type="image/svg+xml"></object> インラインSVGの場合、 var $svg_map = $('#svg_map'); で取得可能だが、 objectで読み込んだ場合は、取得出来ない。 iframeと同じようにしてもダメ。 var $svg_map = $('#svg_map').contents(); // ダメ なので、jQueryは使わずに、 var svg_map = doc
外部ファイルSVGをjQueryで操作する方法｜Gimmick log
インラインで書かれたSVGなら通常通りjQueryで操作可能だったのですが、大量のコードが書かれていた場合などはSVGを外部ファイル化して読み込む方が何かと便利です。 その場合はjQueryの記述方法を少しアレンジする必要があります。 デモページのパンダの白い部分、黒い部分をマウスオーバーしてみてください。 白い部分は白のエリア全体の色が変わり、黒はマウスオーバーした部分のみが変わります。 デモページ 今回はIllustratorでSVGに書きだしたものを使用しています。 以下のように、動作を分けるレイヤーごとにまとめて半角英数でレイヤー名をつけておくと、id名としてSVGファイルに継承されます。 デモではパンダの黒い部分にblack、白い部分にwhiteとつけています。 サンプルSVGファイル SVGに書き出す [ファイル]＞[スクリプト]＞[ドキュメントをSVGとして保存]を選択すると
jQuery DrawSVG
FEATURES This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. Weights less than 2KB minified and 800 bytes gzipped. Easy to use. Easing and stagger support. Free! Tweet USAGE Include jQuery DrawSVG after jQuery <script src="http://code.jquery.com/jquery-latest.min.j
LazyLine: Best VPN Services
VPN What is VPN and why do you need it?VPN, or Virtual Private Network, is a technology that allows you to create a secure and private connection to the internet. With VPN, you can protect your online activities from prying eyes and access the internet with greater freedom and privacy. Learn more about VPN and why it’s essential in today’s digital world. Get Secure Now: The Honest VPN Rating Site
jQuery Mobile 1.4アルファ版が公開。DOMの削減による性能向上とSVGアイコン採用など
jQuery Mobile 1.4アルファ版が公開。DOMの削減による性能向上とSVGアイコン採用など バージョン1.1ではCSSを活用することで安定動作の充実を、バージョン1.2ではポップアップやフォームなど新しいコントロールを強化、前バージョンの1.3ではレスポンシブデザイン対応をしてきました。今回の1.4では、DOM操作を削減することによる性能向上、SVGアイコンの採用などが行われています。 1.4での主な変更点 現在のjQuery Mobileでは、元になるHTMLに対してjQuery Mobileが装飾や操作のために多数のDIVタグなどを実行時に自動的に追加しています。1.4ではこのDIVタグの追加などが抑えられるとのことです。ブログから引用します。 To improve performance we reduced DOM manipulation. Generation of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
