昭和の芸能界に潜む闇。知人が明かした、芸能事務所の圧力と裏取引にまつわる衝撃のエピソード。有名な業界暴露本『虚飾の海』に登場した出来事を基に、若手アーティストが巻き込まれた壮絶な事件の真相とは？ジャニーズを含む現代のスキャンダルと共通する…

ウェブサイトのナビゲーションは訪れるユーザーにとって重要な要素です。この記事では、クリックでナビゲーションが横から出現する洗練されたグローバルメニューの実装方法を詳細に解説します。さらに、マウスホバー時に写真付きのサブメニューが開くエレガ…

この記事では、ウェブサイトのナビゲーションを魅力的にする方法を紹介します。 画面左側のナビゲーションに、イメージ画像を組み合わせたドロップダウン メニューのデザインと、実装方法を詳しく解説し、ユーザーエクスペリエンスを向上させるためのヒント…

この記事では、ブログカードデザインを簡単に切り替えて同じページで使う方法について詳しく説明します。 異なるカードデザインを適用する手順と、その実装方法について解説。 また、カードを使い分ける際のメリットや、カードを使って特定のページ内にリン…

自分のカテゴリが今どうなってるか正直分かっていなかったため、、整理のために「IT the Best」さんの記事を参考に、このブログの全カテゴリー別記事一覧を表示してみました。 記事が複数ある場合、 左にスクロールできます。

この記事は、特定社労士試験に関するさまざまな情報をまとめたものです。 特に、特定社労士試験についての基本情報や受験に関する疑問について詳しく説明しています。 試験の日程や合格基準、受験料などや、試験に落ちた場合の再受講についての情報が含まれ…

特定社労士とは何か、社労士との違い、そして特定社労士になるための特別研修についての詳細を紹介します。特別研修の内容や難しさ、受講者の実体験に触れながら、特定社労士資格を目指す道のりについて考察します。

This article will show you how to set up a custom player for Japanese techno music lovers. Explore how to enjoy music from everyone from YMO to Derrick May in one place. We'll also cover customization options such as changing player size a…

この記事では、CSSを活用してウェブページ上の要素を水平方向に配置する基本的なテクニックを紹介します。テキストや動画を中央寄せや左右寄せに配置するための方法について解説し、具体的なコード例を提供します。ウェブデザインやフロントエンド開発に興味…

はてなブログを利用中に、編集ボタンが表示されなくなったことはありませんか？ この記事では、その原因と解決方法を詳しく解説します。特に、サードパーティのCookieをブロックする設定をしている場合の対処法を初心者にも分かりやすく説明します。 不具合…

はてなブログで手動のping送信作業から解放される方法を紹介します。IFTTT（If This Then That）を活用して、ブログの記事更新をトリガーにping送信を自動化しましょう。この記事ではIFTTTの使い方から具体的な設定手順まで詳しく解説します。 自動化により…

このCSSの備忘録は、追従サイドバー（Stickyサイドバー）の実装において、時折発生する問題に対処する方法を提供しています。要素に「position: sticky」を適用するだけではうまくいかない場合がありますが、ここではその問題に対処するためのアプローチを示…

この記事は、ブログに貼り付ける画像の比率について探求し、代表的な比率に焦点を当ててその背後にある興味深いストーリーを紐解いています。記事では、黄金比、白銀比、青銅比、白金比、そして16:9の比率について詳しく説明し、それぞれの比率の由来や歴史…

スタイルシートをテンプレート化し、ページごとにデザインを変える。 CSSファイルをクラウドに保存して共有、LINKで呼び出す方法について。 はてなブログ

はてなブログの1カラムテーマを個別の記事で2カラムに変更し、さらにサイドバーを固定する方法

この記事では、カスタムCSSを使用してウェブボタンに魅力的なホバーエフェクトを実装する方法を解説します。色の変化、浮き上がり、フリップ、回転など、さまざまなアニメーション効果をボタンに適用し、ウェブデザインをより魅力的にする手順を詳細に紹介し…

このツールは、YouTube動画の埋め込みコードを自動生成する便利なユーティリティです。ユーザーは動画URLを入力し、カテゴリタグを選択することで、選択したカスタマイズ後の埋め込みコードを取得できます。

Markdownでリンクを貼る際にtarget="new"を指定できない問題に直面しました。この記事では、Markdown記法をそのまま生かしながら、自サイト以外のリンクを別ウィンドウで開く方法を紹介します。

この記事では、Webサイト運営者やウェブデベロッパーに向けて、セキュアな外部リンク設定の方法に焦点を当てます。特に、「target="_new" rel="noopener noreferrer"」という属性の利点について説明し、なぜこの設定が推奨されるのかを詳しく解説します。

この記事では、HTMLとCSSを使って、ウェブページ上でテキスト要素を特定のデザインに配置する方法について解説します。 具体的には、2つのテキスト要素を中央に配置し、左側要素の文字は右寄せに、もう一方はまた要素と逆寄せにする方法です。

ウェブサイトやアプリケーションのユーザーエクスペリエンスを向上させるために、クリック可能な要素をユーザーに効果的にアピールする方法があります。この記事では、CSSを使用してクリックされた場所に波紋効果を追加する手法を詳しく説明します。

この記事では、はてなブログの「月別アーカイブ」をウェブサイトの任意の場所に配置する方法を解説します。 具体的には、Ajaxを使用した非同期呼び込みの仕様と、HTML・CSSを活用したカスタマイズが可能になるメリットについての内容です。 この手法を利用し…

HTMLエンティティは、ウェブ開発者にとって不可欠なツールです。HTMLエンティティはアンパサンド(&)で始まりセミコロン(;)で終わるテキストの一固まりで、特殊文字や予約済み文字の表示に使用されます。 さらに、HTMLエンティティはセキュリティ上も重要です…

ふしぎな錯覚現象をいろいろ紹介

この記事では、Webデザインにおけるおしゃれな検索ボックスの実装方法について詳しく解説します。 検索ボックスは右上に固定され、クリックするとスムーズに表示されます。 簡単なCSSとJavaScript（JQuery）を活用して、右上に固定されたおしゃれで可愛らし…

ウェブサイトで一般的に使用されているフォント色について表にまとめました。デザインの参考になるカラースキームを見つけるのに役立つ情報です。

i.fa-solid.fa-bars.fa-spin { color: snow; background: #2287f4; width: 28px; height: 28px; padding: 5px 6px 0px 6px; margin: 0px 5px; border-radius: 5px; border: solid 1px; border-color: darkblue; /* box-shadow: 0px 0px 5px 1px rgba(19, 21,…

Font Awesome - よく利用するアイコンだけまとめ

var noindex=document.createElement("meta");noindex.name="robots",noindex.content="noindex";var head=document.getElementsByTagName("head")[0];head.appendChild(noindex); .post-category { top: 30px;left: -10px;} WebサイトにYouTube動画を埋め込…

var noindex=document.createElement("meta");noindex.name="robots",noindex.content="noindex";var head=document.getElementsByTagName("head")[0];head.appendChild(noindex); .post-category { top: 30px; } WebサイトにYouTube動画を埋め込むことは、…