Analog Studio

Tips

Web サイト制作に役立つ情報や小技などをまとめています。

全カテゴリ

記事一覧

Font Awesome 5 Free を疑似要素で使う方法と高速化のヒント

概要

SNSのアイコンなどを文字のように色を変えたり劣化させずに拡大縮小したい時に役に立つものにアイコンフォントがあります。アイコンフォントは、ここ数年のSNSの浸透で特に浸透してきたように思います。そんなアイコンフォントの中でも無料で使えて種類が非常に豊富な「FontAwesome5」(Free版)について解説します。基本的な使い方は既に色々な情報がありますので、ここでは疑似要素での使用方法とCSS読み込みの高速化をハックしていきましょう。

Javascriptでページ遷移せずにPOST送信する方法【非同期通信】【XHR】

概要

データをPOSTメソッドでサーバなどへ送信する時、HTMLの<FORM>要素を使って送信するとページが遷移しますよね。でも、場合によってはページ遷移はさせたくないけどデータはPOSTで送信したいということがあります。今回は、そんな場合にどのようにすれば良いかをまとめます。使う手法は、XMLHttpRequest(略してXHR)という非同期でサーバとブラウザが通信を行う仕組みを利用してます。フォームに入れたデータを送信する場合とデータは別で用意する場合の2パターンについて解説します。