0215-48-6358
52364865586
2024年– date –
-
カラムブロック中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス
カラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス カラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;をつける。 ... -
リッチカラム中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス
リッチカラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス リッチカラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;... -
CSSの疑似クラスと疑似要素
疑似クラス :active クリックされたときに実行 家長：アルパカめんま 0123-45-6789 FAX 9876-54-3210 :hover マウスオーバーしたときに実行 家長：アルパカめんま 0123-45-6789 FAX 9876-54-3210 疑似要素 ::before 要素の直前に実行 ::af... -
フルワイドブロック時のコンテンツ幅
記事コンテンツ幅：900px post_content：868px サイト幅：記事コンテンツ幅：1200px フルワイド：記事コンテンツ幅：ブラウザ幅 〒123-4567 滋賀県大津市辻堂236-5 家長：アルパカめんま 0123-45-6789 FAX 9876-54-3210 https://www.pupupup.com/ -
1カラム時のコンテンツ幅
記事コンテンツ幅：900px post_content：868px 幅広：1068px 全幅：ブラウザ幅だが、<p>は、記事コンテンツ幅：900pxとなる。 -
2カラム時のコンテンツ幅
記事コンテンツ幅：844px post_content：812px 幅広：844px 全幅：844px -
カラムで自由な横レイアウト、スマホ対応。Flexボックス
リッチカラムでレイアウト アップル（Apple）は、「iOS 18」と「iPadOS 18」のパブリックベータ版を公開した。正式版は今秋公開。 「iOS 18」の対象機種は、2018年9月に発売された「iPhone XS」以降の機種。無料でアップデートできる。 「iOS 18」では、ホ... -
画面幅に応じてフォントサイズを可変にする。
vwでフォントサイズを指定（ブラウザ幅に対してフォントサイズが可変） おおから 例、文字サイズ（一文字分）は、ブラウザ幅の9%のpxサイズで可変する。 vw =（基準となる文字サイズpx）÷（基準となるブラウザ幅px）× 100例：ブラウザ幅900pxの時に30pxで... -
カラムの要素の並び替え。Flexボックス
flexボックス（枠線がflexボックス）は通常、左からのHTML要素順の横並びになるが、 一番目の要素 二番目の要素 flaxボックスに flex-direction: row-reverse; をつけると要素の横並びが右からの逆順になる。 一番目の要素 二番目の要素 左からの逆順の横... -
グループブロックやカバーブロック、カラムの「div」にリンクをつける
divタグにリンクをつけるには下記のようにカスタムHTMLブロックでaタグを入れて挟む。 <a href="https://rizelion.main.jp/qw/"> カスタムHTMLブロック このグループブロックにリンクをつける。 このように前後にカスタムHTMLブロックを入れ、aタ... -
ボックスメニューブロック 「SWELL独自」
ボックスメニュー ボックスメニューのスタイル「標準」、縦並び。画像は正方形の方が良い。「正方形にトリミング」をすると変になるため。背景が透明なのでcssで背景色をつけるか、塗りのスタイルを使う。 AdobePhotoshop AdobeIllustrator AdobePremiere ... -
カバーブロック
カバーブロック WDは、最大容量4TBのNVMe SSD「WD Blue SN5000 NVMe SSD」を発売した。容量は500GB、1TB、2TB、4TBの4種類で、直販価格は順に1万1,220円、1万5,840円、2万9,260円、5万2,360円。 クリエイターやプロフェッショナル向けのSSD。AIやクリエ... -
バナーリンクブロック 「SWELL独自」
バナーリンク リッチカラムを用いてバナーリンクで画像が拡大するボックスメニュー AdobePhotoshop AdobeIllustrator AdobePremire リッチカラムの中にバナーブロックと段落を入れる。CSSでリッチカラムのセルに枠線と角丸を適用。段落の背景に塗り、CSSで... -
グループブロックに背景画像をつける
Amazonにおいて、プライベートブランド「Amazonベーシック」に属した液晶モニター「C27M2020JP」(27型)および「C24M2020DJP」(23.8型)が発売された。価格はそれぞれ1万8,616円と1万4,861円。 いずれも100Hz表示に対応。主な仕様はほぼ共通で、解像度が... -
いろんなブロックテスト
アコーディオンブロック もっと見る なるべく低コストでPCゲームを楽しみたい。ゲームはあまり遊ばないけど最近のアプリ事情に合わせてそれなりのGPU性能が欲しい。古めのPCをアップグレードしたい……そんな場合に気になるのが1万円から3万円クラスのGPUを... -
マウスオーバーで画像が拡大する画像リンクの作り方
作り方その1 バナーリンクブロックをオーバレイなし、文字なしで作る。文字を入れてもよい。影や角丸も作れる。 バナーリンクブロックをグループで囲む。 そのグループを横並び、縦並び、カラムに入れて大きさや位置を調整する。 アイクラウドの妖怪 作り... -
CSSの単位
%・・親要素に対する割合 例：div 50%中央ぞろえ vw、vh・・ブラウザの横幅や高さに対する割合 100vw、100vh = ブラウザ幅px、高さpx 1vw、vh = ブラウザ幅や高さの1%px 例：div 50vw中央ぞろえ
1