CSS 【CSS】sassの便利機能 変数 css自体でもカスタムプロパティを使用して変数に近い設定ができますが、scssはもっと直感的に変数を扱うことができます。 また、変数ファイルを作成してスタイルと分けて管理することもできま...続きを読む CSSWEBサイト初心者
Javascript 【javascript】パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法 パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法です。 別ページですとパラメータ+アンカーリンクで問題ないのですが、下記のように <a href="./?id=11...続きを読む JavascriptWEBサイトプログラミング・コーディング初心者
Javascript 【JS、HTML】「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する 「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する方法です。 スライダーのようなものですが、表示の切り替わりかたは表示、非表示で切り替える方法です。 各コンテンツ内を自由...続きを読む JavascriptWEBサイトプログラミング・コーディング初心者
WEBサイト 【WordPress】ハッキングされた時の対処一覧 ワードプレスは不正アクセスやハッキング、マルウェアやクロスサイトスクリプティン(XSS)の攻撃を受けることが良くあります。 理由としては世界で広く使われており、オープンソースであることと、テーマ...続きを読む WEBサイトワードプレス
CSS 【コーディング】スクロールでセクションごとに固定エリアの内容を変える スクロールをすると固定エリアが表示して、スクロール量(セクションに入ったら)によってテキストの内容を変えるHTMLとCSS、jsです。 See the Pen scrollblock by 3r...続きを読む CSSJavascriptWEBサイト
WEBサイト 【ワードプレス】すでにあるスラッグの下に独立したページを作成する方法 すでに存在するスラッグ(パーマリンクまたはURL)の下に独立したページを作成する場合、単純にフォルダを作成しただけだとすでに存在するスラッグのページが見れなくなってしまいます。 例えば ...続きを読む WEBサイトワードプレス
CSS 【コーディング】overflowでスクロールするようにした要素のスクロールできることを知らせるテキストを挿入する(スクロールすると消える) レスポンシブ時にoverflowでスクロースできるようにしたテーブルやブロックを作成することがあるかと思います。 ただ、そのままだとスクロールできることが分かりにくい場合があります。 そこ...続きを読む CSSJavascriptWEBサイトプログラミング・コーディング
CSS 【CSS,JS】jqueryなしでスムーズスクロール(アンカーでのスクロールをアニメーション) jqueryなしでjavascriptのみでアンカークリックによるスムーズスクロールの実装方法です。 See the Pen smooth_scroll by 3rdcom (@3rdcom) ...続きを読む CSSJavascriptWEBサイト
SEO 【初心者向け】検索エンジンの仕組み 検索エンジンとは 検索エンジンとはwebサイトを探すためのwebサイトです。 探しているサイトに関わるようなキーワードを入力すると色々なサイトが一覧になって表示します。 インターネット上...続きを読む SEOWEBサイト初心者
CSS 【CSS】CSSだけでアコーディンオン目次をアニメーション付きで作成する SEO対策などを考えて、目次を導入するサイトが増えてきているようです。 一か所のアコーディオンのお為にわざわざjavascriptやjqueryを使うのも面倒な時にcssだけでアコーディオンを実...続きを読む CSSWEBサイトプログラミング・コーディング初心者
Javascript 【javascript】複数あるclassに対して処理を行う javascriptで要素を取得する時、idで指定すると1つの要素を指定して処理が行われますので簡単なのですが、classは複数存在する可能性があるものですのでループ処理を行う必要があります。 ...続きを読む JavascriptWEBサイトプログラミング・コーディング