Web

Web

jQueryで進捗バーの進捗状況を更新する方法

今回はjQueryで進捗バー(progressタグ)の進捗状況を更新する方法を紹介します。 HTML <progress id='progress' max='100' value='0'></progress> ...
Web

jQueryでコンテンツの表示・非表示を切り替える方法

今回はjQueryを使ってコンテンツの表示・非表示を切り替える方法を紹介します。 $("#コンテンツ").hide() //隠す $("#コンテンツ").show() 表示する ボタンを押すごとに表示・非表示を切り替えるサンプル <...
Web

[HTML,CSS] hrタグの色を変更する方法

自分でHTMLを書いているとき迷ったのでメモしておきます。 <hr style="background-color:red"> cssでhrのbackground-colorに変更したい色を指定することで変更できます。
Web

jQueryでファイルを送信する方法

今回はjQueryを使ってファイル送信をする方法を紹介します。 コード function file_upload(){ var fd = new FormData(); fd.append('upload_file', $('#...
Web

CSSフレームワークBulmaを導入する方法

今回はCSSフレームワークのBulmaを導入する方法を紹介します。 CDNを使う場合 HTMLのヘッダタグで次のように読み込むことで使うことができます。 <head><meta charset="utf-8"&g...
Web

JavaScriptでサイトの言語を切り替える方法

今回は、JavaScriptとCookieを使ってサイトの言語を切り替える方法を紹介します。 HTML <html><a id="ja">日本語</a><a id="en">Englis...
Web

ローカル環境を外部に公開する方法

ローカルホストで作っているサイトを外部に一時的に公開する方法を紹介します。 SSLにも対応しているので外部のAPI等をテストするときにも使えます。 ngrokをインストール 公開するためにngrokというツールを利用します。 から各OSに...
Web

CSSでbuttonをいい感じにデザインしてみる

こんにちは!増田拓海です。 今回はCSSでbuttonのデザインをいい感じにする方法を紹介していきたいと思います。 今回使うコード <html><head><style> .button{ bor...
Web

JavaScriptのAlertをオシャレに表示する方法

こんにちは!増田拓海です。 今回はalertをオシャレに表示できるSweetAlert2というjsプラグインを紹介していきます。 SweetAlert2とは? SweetAlert2はJavaScriptのAlertをオシャレに表示してく...
タイトルとURLをコピーしました