gridレイアウト写真♪キラキラ♪

今日はYouTubeを先に載せるね♬
小田和正の♪キラキラ♪ピアノ演奏
聴きながら見るのにピッタリな曲♪
雪ダルマ

今日の写真はgridレイアウトで貼ってみましたよ♪
👇ススム先生お勧めの楽しいレイアウトで~す

画像でもっと遊ぼう 5

前回までfacebookでの画像グループの表示スタイルの再現を試みて、タイル風はイメージ通りに行きましたが、メイソンリーレイアウトの応用ではブラウザによって表示が変わっていました。...


毎日 同じような写真ばかりニャン

同じようでも 違うんだニャン

Akira先生の写真レイアウト(写真横並び&メイソンリー)
ススム先生のグリッドレイアウト、色々出来ると楽しいね♪
👇ススム先生はこちらのサイトを参考にされたそうですよ
display:grid;プロパティを使うと、CSSのみでタイルレイアウトを実装することが可能です。
display:flex; でもグリッドレイアウトは可能ですが、display:grid;とdisplay:flex;の違いをざっくり言うと、flexレイアウトは横方向のレイアウトを指定するのに対し、gridレイアウトは縦横に指定できることです。 Gimmick log




いつも見に来てくれてありがとう💕
今日も楽しく過ごしましょうね~☆~~ヾ.◜ᴗ◝.) マタネッ♪



にほんブログ村 音楽ブログ 今日聴いた曲・アルバムへ    ブログランキングへ

FC2ブログランキングへ
関連記事

16Comments

ススム

こんばんは

何と、もうグリッドレイアウトを実践して、しかも「よつば風」にマスターしているのに驚きました。

よつばさんは、本当にご熱心ですね。

チャコちゃんの服もすごく可愛くて、拡大表示出来るのもいいですね。

  • 2020/01/18 (Sat) 21:18

そふぃあ

こんはんば!

今日は夜にもお邪魔します。

写真のレイアウト素敵です。
よつばさん勉強熱心だし、ちゃんと理解して実行できるから凄いです。

小田さん大好きで、中学生のころからオフコースファンでした。
夜に聴くピアノの音色は癒されます。
ちょっと懐かしい曲、ありがとうございます。

  • 2020/01/18 (Sat) 22:05

菜の花

こんばんは

よつばさん、こんばんはです。

いつもは聴かないYouTubeを聴きました、
私も若い頃ピアノが大好きだったので。

クラシックの方が好きなんですが。
懐かしい気分になりました。

これからも楽しい企画お待ちしています。
ブログ運営、頑張ってね。

  • 2020/01/19 (Sun) 00:43
よつば

よつば

 ❤ ススムさんへ

ススム先生~♪ ヾ(^∇^)おはよーございまーす♪

早速 使ってみましたよ~♪ 「よつば風」って言って頂けるなんて光栄です♡
興味を持ったらそれなりの形になるまでやってみたいだけなんですよ(;´▽`A``

やっぱり拡大表示出来るようにするほうが良いですよね☆

ススム先生 嬉しいコメントありがとうございます💕

  • 2020/01/19 (Sun) 07:59
よつば

よつば

 ❤ そふぃあさんへ

そふぃあさ~ん ヾ(^∇^)おはよーございまーす♪

写真の表示方法も色々あって、貼り付け方覚えたら嬉しいですよね~♪
ホントWebテクに詳しい先生たちの記事って為になりますね~
写真貼るのも その時の気分で表示方法変えて楽しめるもんね( *´艸`)

オフコースね~小田さんの歌声は最高ですよね~♪私も大好きです♡

そふぃあさん 嬉しいコメントありがとう💕



  • 2020/01/19 (Sun) 08:09
よつば

よつば

 ❤ 菜の花さんへ

菜の花さ~ん ヾ(^∇^)おはよー♪

そうなのね、ピアノが大好きでクラシックが好きなんだね~♪
私は滅多にクラシックは聴かないけど、たまに聞くと気持ちが落ち着くよね♡

菜の花さん いつも嬉しいコメントありがとう💕

  • 2020/01/19 (Sun) 08:16

ぷーにゃん

こんにちは。

昨日はこちらでも雪がちらつきましたよ。今日は一転してお日様ポカポカです(*^▽^*)

暖かいお洋服に包まって可愛いですね(*^▽^*)
カメラ見つめてるけど何かあるのかな🎵

  • 2020/01/19 (Sun) 15:22

あとほ

おはようございます^-^
小田さんの曲はいいですよね♪
1年前にはコンサートに行ったな~
今年も小田さんのツアーないかな・・・

  • 2020/01/20 (Mon) 06:34
よつば

よつば

 ❤ ぷーにゃんさんへ

ぷーにゃんさ~ん ヾ(^∇^)おはよー♪

あらま!そちらでも雪が降ったんですね!でも次の日にはお日様ポカポカって良いですね~♪
チラッと眺める程度の雪なら風情がありますもんね~

そうなんですよね~カメラ向けたら目をそらすことの多いチャコと小桃だから
不意打ちでカメラを向けてこっち向いた瞬間を上手く撮れた1枚です

ぷーにゃんさん 嬉しいコメントありがとうございます💕

  • 2020/01/20 (Mon) 07:43
よつば

よつば

 ❤ あとほさんへ

あとほさ~ん ヾ(^∇^)おはよーございまーす♪

ねぇ~♪ 小田さんの曲は好いですよね~♪
あとほさんはコンサートも行ってるんですもんね~良いですね☆
私もずーーーっと前に一度行ったきりだからまた行ってみたいなぁ☆

あとほさん 嬉しいコメントありがとうございます💕

  • 2020/01/20 (Mon) 07:54

はんのすず

Gridレイアウトやってみました!

3枚の画像を1枚と2枚に並べるのをやってみました。
よつばさんのブログ上のススム先生の記事を参考にさせていただいて、とてもためになりました。
以前、floatを使ったとき右カラム欄が記事下方に移動してしまって、何が原因がわからなかったけど、Gridレイアウトではちゃんと収まりました。”20202年1月10日の満月”の記事です。
スマホでも、PCと同じレイアウトで表示されるのですね。
これからもGridレイアウト、使わせていただきます。よつばさん、ススム先生、ありがとうございました。

  • 2020/01/22 (Wed) 23:14

はんのすず

記事名を間違えてました!!

よつばさん、何回もごめんなさい。
”20202年1月10日の満月”の記事は、”2020年1月10日の満月”の記事、が正しいです。さっき気がついて、直しました。
今まで気づかずにいて、ハズカシイです。

  • 2020/01/22 (Wed) 23:21
よつば

よつば

 ❤ はんのすずさんへ

はんのすずさ~ん ヾ(^∇^)おはよーございまーす♪

Gridレイアウト早速 実践してみたんですね!すごーい!
月の写真もキレイだしレイアウトも最高!すっごく良い感じですねd(⌒ー⌒) グッ!!
ススム先生の記事をすんなり理解できちゃうはんのすずさんも流石だわぁ☆

はんのすずさん 嬉しいコメントありがとうございます💕

  • 2020/01/23 (Thu) 10:13
よつば

よつば

 ❤ はんのすずさんへ

はんのすずさ~ん 一つ目のコメントで書き間違いを訂正しちゃっても良かったのに
丁寧にもう一度コメントしてくれてありがとうございます💕
もし、次にちょこっと間違ったりしたら鉛筆マーククリックしてコメントの編集で訂正しちゃってv(*'-^*)-☆ ok!!ですよ

  • 2020/01/23 (Thu) 10:18

はんのすず

送信しちゃってからも出来るのですね!

よつばさん、今まで知らなかった鉛筆マーク。
一度送信したら訂正できないのかと思ってました。ちゃんと出きるのにビックリ。
ありがとうございます!!!

  • 2020/01/23 (Thu) 22:07
よつば

よつば

 ❤ はんのすずさんへ

はんのすずさ~ん ヾ(^∇^)おはよーございまーす♪

あらっ!そうだったんですね~
私もパスワード入力しておいたら訂正できるって知ってからは必ず入力するようにしてます

はんのすずさん 嬉しいコメントありがとうございます💕

  • 2020/01/24 (Fri) 09:03