zmzizmのブックマーク / 2019年8月10日

zmzizm id:zmzizm

2019年8月10日のブックマーク (3件)

【意外と知らない】jQueryで別ページのhtmlを取得してDOM操作する方法
【意外と知らない】jQueryで別ページのhtmlを取得してDOM操作する方法 Web2018年3月23日 .load()メソッドを使った別ファイルのhtml取得はとても簡単ですが、「共通化や自動更新はしたいけどちょっとマークアップを変えたい」「同じ要素なんだけどもページごとに違う使い方をしたい」という場合、.load()メソッドだと限界があります。そんな時、ajaxで別ページの要素を取得してDOM操作できると色々捗ります。本記事では、ajaxを活用した別ページのhtml取得方法についてご紹介させていただきたいと思います。サンプルコード以下のようにdataType:'html'でajax通信することで、簡単に別ページのDOMが取得できます。 ※ただし同ドメインのページに限ります（クロスドメイン不可） $(function(){ 'use strict'; $.ajax({ type:
zmzizm 2019/08/10
jquery
リンク
jQueryの$.loadと$.ajaxを使って他のページの内容を読み込む方法
書き方の例 $('読み込ませたい場所').load('読み込ませたいファイル idなどの箇所の指定'); ファイル全体を読み込ませたい場合は”idなどの箇所の指定”はなくて大丈夫です。こちらの方法だと、記述方法がシンプルでわかりやすい一気に特定の箇所まで指定できるというのが良い点かなと思います。 jQuery辞書：load .load() | jQuery API Documentation 書き方の例 $.ajax({ type: 'GET', url: '読み込ませたいファイル', dataType: 'html', success: function(data) { $('読み込ませたい場所').html($(data).find('idなどの箇所の指定')); } }); こちらはパッと見た感じ複雑になりました。その分エラーの時の処理などの様々なプロパティが設定出来ます。 j
zmzizm 2019/08/10
jquery
リンク
文字詰めできるCSSのfont-feature-settingsが凄い！日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。対応環境：ほぼすべてのブラウザで利用可能これだけ便利なCSSですが、どれだけの
zmzizm 2019/08/10
font
リンク
- 2019年8月11日
- 2019年8月10日
- 2019年8月8日