ルーチンワークにこだわるな。

2020-04-19 08:48
ルーチンワークなんか管理したくないし決めたくない。

ルーチンワークの管理アプリとか色々あって、日々の繰り返し事を決めてアプリで管理し実践している人も多いと思います。


機械的に繰り返しするなんて、よろしくない。
生産性を上げる為に行っているんだろうけど、まさに言葉通り機械的。

能動的に考え動き

毎日新しい刺激を求め、

必要なことを行う。機械的に決められた時間に決められた事を行うなんて、

どこぞのフランチャイズのマニュアル接客と同じ、面白味も人間味も無いし、柔軟性もなくなる。


* セレクタは、擬似要素には適用されない。

2020-04-19 08:33webCSS
すべての要素のスタイルを定義する為、*セレクタを使用しますよね。
ですが、これだけでは、擬似要素（before after）には適用されません。

擬似要素（before after）にも適用させるには以下の記述を行います。

CSS
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box
}

Lessで配色を変更する。

2020-04-19 04:32webCSS
Lessで配色を変更する。

lighten(@color, 10%); //明度を@colorより10%明るくdarken(@color, 10%); //明度を@colorより10%暗くsaturate(@color, 10%); //彩度を@colorより10%高くdesaturate(@color, 10%); //彩度を@colorより10%低くfadein(@color, 10%); //透明度を@colorより10％減らすfadeout(@color, 10%); //透明度を@colorより10％増やすfade(@color, 50%); //透明度を@colorの50%にするspin(@color, 10); //色相を@colorより10度大きくspin(@color, -10); //色相を@colorより10度小さくmix(@color1, @color2); //@color1と@color2の配色を混ぜる

緊急時における大阪ガスと関西電力の違い

2020-04-17 16:54記事
特別措置の内容

関西電力

新型コロナウイルス感染症の影響による休業および失業等で、各都道府県社会福祉協議会から緊急貸付を受けており、かつ、一時的に電気料金またはガス料金の支払いが困難な事情があって、関西電力に特別措置適用の申し出をされた方。

大阪ガス

新型コロナウイルス感染拡大の影響により生活福祉資金貸付制度の貸付がされている方。または、新型コロナウイルス感染拡大に伴う休業・失業等により一時的にガス料金または電気料金の支払いが困難であると大阪ガスが判断した方。

かつ、か、または、で全然違う。
大阪ガスの対応が優れている。
緊急貸付は受けずとも、支払いが困難になる者は数多くいる。
今は電気も大阪ガスで契約できる時代だから、万が一に備えて、大阪ガスで電気とガスを契約するのが現代を生き抜くための選択だ。

今後、関西電力も条件が緩和されるかも知れないが、素早く国民の立場を考えた動きをしている大阪ガスに感謝の意を称する。

個人への対策。一律給付になりましたね。

2020-04-17 15:38記事
一律給付、良い判断ですね。
とにかく早い給付が必要かと。

世帯主にまとめてとか言っている人がいたけど、個人個人への個別給付をするべきです。
世帯単位で考えていると救えない人々が多くいますよ。

Flexbox CSSレイアウトの主力選手

2020-04-14 02:11webCSS
floatやabsoluteにさようなら。
横並び、縦並び、グリット表示、なんでも来いの救世主です。
ブラウザの対応も今なら問題無し。
どんどんflexboxを活用して行きましょう。

flex-direction 子要素の並ぶ向き


row（default）
子要素を左から右に配置
row-reverse
子要素を右から左に配置
column
子要素を上から下に配置
column-reverse
子要素を下から上に配置

flex-direction: row;flex-direction: row-reverse;flex-direction: column;flex-direction: column-reverse;






flex1
flex2
flex3

justify-content 水平方向の揃え


flex-start (default)
行の開始位置から配置。左揃え。
flex-end
行末から配置。右揃え。
center
中央揃え
space-between
最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置
space-around
両端の子要素も含め、均等に間隔をあけて配置

justify-content: flex-start;justify-content: flex-end;justify-content: center;justify-content: space-between;justify-content: space-around;







flex1
flex2
flex3

flex-wrap 子要素の折り返し


nowrap (default)
子要素を折り返しせず、一行に並べる。
wrap
子要素を折り返し、複数行に上から下へ並べる。
wrap-reverse
子要素を折り返し、複数行に下から上へ並べる。

flex-wrap: nowrap;flex-wrap: wrap;flex-wrap: center;





flex1
flex2
flex3
flex4
flex5
flex6
flex7

align-items 垂直方向の揃え


stretch（default）
親要素の高さ、またはコンテンツの一番多い子要素の高さに合わせて広げて配置。
flex-start
親要素の開始位置から配置。上揃え。
flex-end
親要素の終点から配置。下揃え。
center
中央揃え。
baseline
ベースラインで揃える。

align-items: stretch;align-items: flex-start;align-items: flex-end;align-items: center;align-items: baseline;
前へ次へ12345678910

WEB制作に役立つ情報を発信（関係無い記事もちらほらありますが...）