管理画面でユーザーに画像をアップさせる際、実行ボタンの２度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 htmlStart ・ ・ ・ htmlEnd 次はCSSに以下のコードをコピペしてください。...
更新 2018-11-26 新しい記事にもっと簡単な方法が載っています この記事に関する最新記事は「ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)」になります。下記の古い内容よりも画像ファイルが不要で使い勝手がいいので、新しい記事をご覧ください。 古い方法でよければ以下をご覧ください。 管理画面で時間のかかる処理（例えば画像や動画などをアップロードする際）をする場合、画面が固まってしまったと勘違いされて閉じられたり、ボタンを何度も押されてバグを発生させてしまうこともあるかもしれない。 そこで、ローディング画面を表示して、ユーザ...
現在、WEBの画像ファイルはJPG（ジェイペグ）・GIF（ジフ）・PNG（ピング）の３つが標準規格で一般的に使用されている保存形式です。
それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。
サンプル画像の上段は写真画像のケースの出力結果です。３つともほぼ見た目が変わりませ...
M2NETは日本の広告クリエイター兼PHPエンジニア。合理主義で統計をもとに分析したがるキャラ。WEB制作はデザイン＋コーディング＋システム全般を平均的にこなし、動画制作にも精通。2006年頃からアフィリエイトで生活。フリーランスとして15年以上活動中。自然派ミニマリストの一面もある
食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。
便利コンテンツとして野菜を長持ちさせる情報をまとめています。