WEBデザイン Flexboxに挑戦 5 (２カラム／３カラム)
２カラム・３カラムのレイアウトを作ってみる。（※初めてやったので参考程度にお願いします。） ２カラム TITLE カテゴリ カテゴリ カテゴリ カテゴリ カテゴリ カテゴリ 本文 ひとまず何はともあれ、そうした幸福・仕合せのための偽りは、尊...
WEBデザイン WEBデザイン Flexboxに挑戦 4 (縦方向の中央寄せ)
フレックスボックスは左右・中央寄せがとても簡単 これ、理解したらとても便利だと思いました。 ん？中央寄せなんて「text-align:center;」で済む話では？ と思うかも知れませんが、縦方向の中央寄せは難しいですよね。 縦位置の中央寄...
生活・料理・便利グッズなど にこるんが｢知りたくなかった｣と言った美味しい組み合わせ ─ アレの味だった！(^-^)
先日書いた記事での予告どおりレビューです、到着しました、アレです、はちみつ。食べてみました。 ハワイさんのハチミツですね。それをポテチに付けて食べると「悪魔的な美味しさ」だと、「オスカル花金リサーチ」の中で絶賛されていたもの。 あまりの美味...
WEBデザイン Flexboxに挑戦 3 (grow／shrink／basisとは)
フレックスボックスの、子アイテムのスタイルでは、ショートハンドとして、このような書き方が推奨されているとか。 flex:＜因数1＞ ＜因数2＞ ＜因数3＞; これは何を意味しているかというと 因数1 ⇒ flex-grow:＜数値＞; 因数...
WEBデザイン フレックスボックスに挑戦 2 (改行問題)
フレックスボックスは、中に数が定まっていない複数のアイテムが詰め込まれるような状況が得意ということですかね。（うまくレイアウトを調整して埋めてくれるような感じ） #main .smpl1{ width:300px; border:2px s...
WEBデザイン フレックスボックスに挑戦(Flexboxとは？)
★フレックスボックスとは？ フレックスボックスを使うと、従来のFLOATなどを使ったレイアウトより、少しだけ自由度が高い配置ができる。 ※フレックスボックスを使うと、FloatをかけてあとでClearするための空の領域を作ったりする必要がな...
WEBデザイン 【CSS】回り込み(float)解除の３つの方法
今更ですが、float解除の３つの方法、覚書 flaotを使って回り込みをした場合、floatを解除してやらないと、思わぬところでレイアウトが崩れる場合がありますね。(親要素の中にある子要素にfloatプロパティが設定されていると、内容をも...
日記・雑記 夏の過ぎゆく寂しさよ
お盆を過ぎれば後は残暑お盆を過ぎればあとは残暑 夏のイベントはお盆前に集中して お盆の後はイベンゆトがないので寂しい 本当に、時が過ぎ去るのはあっという間で 猛暑もお盆前の台風までで一段落、本当に暑かったのは二週間弱か、あとは涼しくなる一方...
エンターテイメント・アート オスカル！はなきんリサーチ
実は最近、密かに、毎週楽しみにしている番組(笑) 第一・第二・第三金曜深夜放送 テレビ朝日｜オスカル！はなきんリサーチ 公式サイト剛力彩芽、藤田ニコル、本田望結がMCを務める、情報リサーチ番組が誕生！毎回、世代やジャンルを問わず、ある特定の...
医療・ヘルス・ダイエット 閃光輝く暗い点 歯車？ 閃輝暗点
ラーメン屋で飯を食いながらスマホを見ていたら、文字が読みにくく感じた。 どうも、視野の中心に盲点ができてしまったような・・・ スマホの文字は小さいので、分かりやすい。 隣の文字は読めるので文章が読めないわけではないが、ちょうどフォーカスされ...
(霊魂学的)雑記・雑談 ｢四苦八苦｣４つは分かる、残り４つは何？(仏教用語)
「四苦八苦」とは、仏教用語なのだそうで。 仏教における苦の分類で、「四苦」は根本的な『生・老・病・死』の苦の指すのだとか。 『生・老・病・死』は説明するまでもないと思いますが 生…生きていること自体肉体的精神的苦痛が伴う。 老…老いていくこ...
エンターテイメント・アート 今季ドラマの感想
チア★ダン ★高校のチアリーダー部がアメリカの大会で優勝した実話を元にしたドラマ。 多分、原作？に力があるので、作ってもある程度の作品にはなるのだろうけれど・・・ 失敗してると思うのは、キャスト。。。 先に映画版があって、その後テレビドラマ...