CSS【CSS】見出しの見本
色々な見出しのCSSです。 見出し００１ .css_001{ color: #333; border-left: 3px solid transparent; } シンプルに左ラインを...続きを読む
WEBサイト
CSS
VBASeleniumを使ってVBAからchromeブラウザ操作(VBA編)
ここではSeleniumを使ってVBAからchromeブラウザ操作するVBAプログラムについて解説します。 ※自動化した処理は接続先にトラフィックを送ります。過度になった場合は異常アクセスとされること...続きを読む
CSS【CSS、JS】付箋をはがすようなアニメーション
付箋やポストイットをはがすようなアニメーションです。 See the Pen メモはがし by 3rdcom (@3rdcom) on CodePen. クリックではがしたり戻したりできるようになって...続きを読む
CSS【CSS,JS】jqueryなしでスムーズスクロール（アンカーでのスクロールをアニメーション）
jqueryなしでjavascriptのみでアンカークリックによるスムーズスクロールの実装方法です。 See the Pen smooth_scroll by 3rdcom (@3rdcom) on ...続きを読む
CSS【コーディング】スクロールでセクションごとに固定エリアの内容を変える
スクロールをすると固定エリアが表示して、スクロール量（セクションに入ったら）によってテキストの内容を変えるHTMLとCSS、jsです。 See the Pen scrollblock by 3rdco...続きを読む
WEBサイト【基本知識】サーバーとブラウザとドメインとは
webサイト制作でよく出てくるのがサーバーとブラウザとドメインです。 サイトを作成するときには、必ずと言っていいほど必要になりますが、なかなか理解されにくいものでもあります。 ですが、Webサイトを作...続きを読む
CSS【CSS】sassの便利機能
変数 css自体でもカスタムプロパティを使用して変数に近い設定ができますが、scssはもっと直感的に変数を扱うことができます。 また、変数ファイルを作成してスタイルと分けて管理することもできます。 こ...続きを読む
Javascript【javascript】パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法
パラメータ付きの同一ページ遷移するリンクでアンカーリンクを設定する方法です。 別ページですとパラメータ＋アンカーリンクで問題ないのですが、下記のように <a href="./?id=111#secti...続きを読む
Javascript【JS、HTML】「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する
「前」「次」ボタンでページ内にコンテンツを切り替えるエリアを作成する方法です。 スライダーのようなものですが、表示の切り替わりかたは表示、非表示で切り替える方法です。 各コンテンツ内を自由に変えられる...続きを読む
WEBサイト【WordPress】ハッキングされた時の対処一覧
ワードプレスは不正アクセスやハッキング、マルウェアやクロスサイトスクリプティン（XSS）の攻撃を受けることが良くあります。 理由としては世界で広く使われており、オープンソースであることと、テーマやプラ...続きを読む
WEBサイト【ワードプレス】すでにあるスラッグの下に独立したページを作成する方法
すでに存在するスラッグ（パーマリンクまたはURL）の下に独立したページを作成する場合、単純にフォルダを作成しただけだとすでに存在するスラッグのページが見れなくなってしまいます。 例えば という固定ペー...続きを読む