HTML&CSSリファレンス CSSのみで縦型の棒グラフをつくる コピペで使えるHTML+CSS グラフ編
無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。
プログラミング
HTML&CSSリファレンス HTML&CSSリファレンス CSSのみで円グラフをつくる コピペで使えるHTML+CSS グラフ編
無効なテキストを指定するS要素の修正。一般的なブラウザでは文字の中央に打消し線が引かれるS要素。text-decorationを修正して線の種類や太さ、色を変更します。
HTML&CSSリファレンス 漢字を含む日本語全角文字を斜め斜体にする コピペで使えるHTML+CSS
ここでは文字の斜体化について説明します。em要素を適用することで斜体化されるわけですが、この方法では漢字や平仮名といった全角文字は斜めになりません。多くの日本語フォントが斜体を用意していないためです。そこで、全く別の方法によって、全角文字を斜体化します。 HTML全角文字の斜体化メーカー 文章を入力→コードを取得でHT...
HTML&CSSリファレンス デザイン自由自在のdivドロップダウンメニューをCSSのみで実現 コピペで使えるHTML+CSS
リスト構造を用いず、divを用いることで、自在なデザインが可能なドロップダウンメニュー(プルダウンメニュー)を実装します。:hoverの重ね掛けで実現します。Chrome、Edge、Opera、Firefoxで確認済。実際に実装する際はスマートフォン向けに@mediaを使って低解像度向けにwidthを狭く指定するか、又...
HTML&CSSリファレンス 三角形や不等号など文字の向きを変える コピペで使えるHTML+CSS
三角の▲、不等号の>といった記号や文字の表示の方向を変えます。見出しや、文の初めなどに配置して文章にアクセントを加えることができます。 ▲の向きを変える ▲を右向きにする ▲を右向きにしますと、 ▲ となります style属性で記述 <span>▲を右向きにしますと、</span> <span style="displ...
HTML&CSSリファレンス まとめ箇条書き表リスト コピペで使えるHTML+CSS
ブログなどの文末によくある要点をまとめた箇条書きや一覧を、順不同リスト<ul>、<li>を使って作成します。箇条書き黒板のデザインも再現します。
トラブル TCDテーマの変更を保存できない「設定を保存できません。もう一度お試しください。」
設定を保存できません。もう一度お試しください。 とのメッセージが表示される場合で、 php_value max_input_vars 3000 によっても解決しない場合は、 サーバー側の設定に問題があります。 サーバー設定にて WAF設定を無効化してください
トラブル ロリポップの簡単引越しでパスワードが違うと言われる問題
簡単引越しでパスワードが違うと言われる ユーザー名、パスワードが違うと言われる場合の対処です。 セキュリティー系プラグインが原因になっているかをまず確認してください。 それでも問題が解決しない場合は、コピー元のアドレスをドメインではない、元のものに変更します。 セキュリティー系プラグインをオフにしているのに引越しできな...
JavaScript 10連ガチャを作ろう! 第3回 ★とキャラ名を表示する 配列をマスター シミュレータ作りで学ぶプログラミング講座
第1回 設計〜仕組みを考える - 乱数とfor文をマスター 第2回 ★とキャラ番号を割り当てる - IF文をマスター 第3回 ★とキャラ名を表示する - 配列をマスター 本講座では10連ガチャシミュレータを作ることで、プログラミングの考え方を1から学びます。 必要なものはメモ帳(Windowボタン→Windowsアク...
JavaScript 10連ガチャを作ろう! 第2回 ★とキャラ番号を割り当てる IF文をマスター シミュレータ作りで学ぶプログラミング講座
第1回 設計〜仕組みを考える - 乱数とfor文をマスター 第2回 ★とキャラ番号を割り当てる - IF文をマスター 第3回 ★とキャラ名を表示する - 配列をマスター 本講座では10連ガチャシミュレータを作ることで、プログラミングの考え方を1から学びます。 必要なものはメモ帳(Windowボタン→Windowsアク...
HTML&CSSリファレンス 分数をHTML上に表示する方法 HTML分数ジェネレーター コピペで使えるHTML+CSS
分数を表示する仕組みと解説 flex-directionを用いる inline-flexとして指定し、flex-direction:columとすることで、子要素を縦方向にレイアウトします。このようにすることで分数を表示することができるようになります。複雑な式も可能です。 分子 分母 style属性で記述 <span ...
HTML&CSSリファレンス table 角丸の表を作成する 内側の壁紙問題も対応 コピペで使えるHTML+CSS
CSSのborder-radiusを使ってtable表の外周について角を丸くします。しっかりと丸みを持たせるためにテーブル内のセルをどのように処理するかについて、first-childとlast-childを実装した汎用性の高い設計も解説します。
正規表現と置換ほか 秀丸の正規表現による置換と並び替え 実例サンプル解説集
置換の方法と各種メタ文字の説明、文章並替え、改行削除、余分な空白削除、CSVの作成方法まで詳しく解説。文書の一部がどのように並び替えられてゆくのか、対応表を使って詳しく、わかり易く解説する秀丸エディタの実例サンプル集。
正規表現と置換ほか サクラエディタの正規表現による置換と並び替え 実例サンプル解説集
置換、並び替えの方法と各種メタ文字の説明、文章並替え、改行削除、余分な空白削除、CSVの作成方法まで詳しく解説。文書の一部がどのように並び替えられてゆくのか、対応表を使って詳しく、わかり易く解説するサクラエディタの実例サンプル集。
正規表現と置換ほか VisualStudioCodeの正規表現による置換と並び替え 実例サンプル解説集
置換の方法と各種メタ文字の説明、文章並替え、改行削除、余分な空白削除、CSVの作成方法まで詳しく解説。文書の一部がどのように並び替えられてゆくのか、対応表を使って詳しく、わかり易く解説するVisualStudioCodeの実例サンプル集。
HTML&CSSリファレンス CSS トラブルQ&A コピペで使えるHTML+CSS
CSS トラブル Q&A いくつかのトラブルについてのテクニックなどをメモしておく。 overflow:hiddenについて CSSが効かない、挙動がおかしい → overflow:clipに変更するとうまくゆくことがある。