【jQuery】アニメーションモーダル【フェード、ズーム、トグル】
先日、jQueryでもモーダルウィンドウの作り方について解説をしました。そもそものモーダルの作り方がわからない方は先にこちらを読んでもらえると理解が早くなります。 今回はモーダルが現れるとき、モーダルを閉じるときにアニメーションをつけていく処...
「JavaScript」一覧
【jQuery】スクロールできるモーダルウィンドウの作り方【初級編】
モーダルウィンドウの作り方を見ていきます。こだわり始めるときりがないので、今回はまず『スクロールが出来るモーダル』を作ってみます。制作途中も含めてサンプルを用意しておくのでご利用ください。 仕様を考えてみる そもそもモーダルとは? ...
【jQuery】要素を追加する様々な方法一覧【サンプルあり】
jQueryで要素を追加する色々な方法を見ていきます。 使い方サンプル一覧 appendとは? prependとは? appendToとは? prependToとは? beforeとは?...
【jQuery】resizeメゾットのイベントについて確認してみる
jQueryでレスポンシブ対応が可能になるresizeメゾットを見てみます。 resizeメゾットとは? 正方形を作ってみる レスポンシブデザインにする resizeメゾットとは? まずはresizeメゾットの文法...
【JavaScript】リロードボタンを作る(スーパーリロードも)
ブログ100記事超えたので心機一転でブログを更新していきます。ってことで今回はJavaScriptでのリロードボタンについて書いてみます。 ボタンは? リロードボタンを作ってみる addEventListenerでク...
【JavaScript】for文のループ処理とは?【簡略化】
JavaScriptを使って繰り返しの処理について見ていきます。 for文とは? for文の文法 1～10までのループを作る ループの終点を自動で追加 注意点 for文とは? 簡単...
【Javascript】時刻を12時間表記にしてみる【ifの使い方】
以前、JavaScriptを使って現在日時の表示についてお話ししました。 しかしデフォルトでは24時間表記になってしまうので今回は12時間表記(午前・午後)にしてみます。 if文についての初歩的な使い方なので、JavaScriptを使った簡単な...
【Javascript】年・月・日・時・分・秒を取り出す方法
Javascriptを使って現在日時をそれぞれ書き出してみます。 現在の時間を細かく取得 年～秒を単位ごとで取得 配列を使って曜日を取得 現在の時間を細かく取得 1行で終わるほど...
【Javascript】写真・画像をクリックで切り替える方法は？
Javascriptを勉強中で、確認がてらアウトプットしてみようかと思います。 今回作成するのは以下のような画像の切り替える簡単なものです。 Javascriptってなんだよって人はこちら↓をご覧ください。 サンプルを別タブで表示 ...
JavaScript①『なぜJavascriptは必要なの？』
HTML/CSSについてはある程度の理解が出来たのでJavaScriptについて勉強を始めました。 HTMLとCSSだけでは出来ないこと？ JavaScriptは何に対してのプログラム？ どこに書くの？ ...