プログラミング

【JavaScript】window.onloadの使い方

こんにちはtakosanです。 今回はJavaScriptのwindow.onloadの使い方について解説します。 window.onloadの使い方 JavaScriptのコードを記述する位置の話を先にしておきます。 ...
HTML&CSS

ボタンクリックでCSSを変更する方法

ボタンを押したら特定の要素のCSSが変わるようにする方法を紹介します。「ボタンを押したら色が変わる」などのアクションの実装が期待されることはWeb制作やフロントエンドの世界では往々にしてあります。これを機会に基本を学んでみましょう。
PHP

【AtCoder】ABC-157【PHP】

Bの問題のAC回答を解説付きで書きました。 ひとまずコードのみとなりますが、後日丁寧に記事にしたいと思います。 B - Bingo 問題はこちら <?php $card = []; //ビンゴカード for(...
PHP

【AtCoder】ABC-195【PHP】

PHPでパナソニックプログラミングコンテスト(AtCoder Beginner Contest 195)に参加したのでAとBのソースコードをコメント付きで貼ってます。PHPやAtCoder初心者の方におすすめの記事です。
HTML&CSS

【背景グラデ】linear-gradientの使い方

こんにちはtakosanです。 背景にグラデーションをかけたいけどやり方がわからない。 そんな時にはlinear-gradientを使うといいのでそれについて解説します。 まずは完成品 linear-gradien...
HTML&CSS

【CSS】隣接セレクタ間接セレクタ直下セレクタの使い方

こんにちはtakosanです。 みなさんこんな風に思ったことはないでしょうか。 特定の要素の隣の要素だけスタイルを変えたい。でもわざわざ新しいクラス作りたくない・・・。 親要素をhoverしたら子要素が変化したりできない...
HTML&CSS

【JSなし】CSSだけでタブ切り替えをする方法

CSSだけでタブ切替表示をする方法をご紹介します。コードの解説やどういう仕組みで動いているかも詳しい説明付きなので、スラスラと読んで理解できると思います。jQueryやJSを使いすぎたくないという方にはピッタリの方法です。
HTML&CSS

【Bootstrap4】モーダルの作り方&使い方

bootstrap4でモーダルを作成する方法を紹介します。CSSだけでは難しいですが、Bootstrapを使用するととても簡単に作成できます。オリジナルのCSSやJSを書く必要は一切なし。用意されたオプションや属性を使用するだけでシンプルなモーダルは簡単に実装可能。
WordPress

WordPressでjQueryが動かない時の解決法

jQueryがWordPressで動かない時の解決法をご紹介します。jQueryのプログラムがWordPress内でだけ動かなくて困ったことはありませんか?原因はWordPressとjQueryどちらでも使う記号にあります。解決方法とその原因を両方合わせて解説します。
HTML&CSS

【CSSのみ】スクロール位置を調整する方法

こんにちはtakosanです。 ページ内リンクのスクロール位置がズレて困ったことはありませんか? 固定ヘッダーのせいで、コンテンツの上部がヘッダーに隠れてしまう・・・ JavascriptやjQueryは使わず、CSSだ...
タイトルとURLをコピーしました