4月14日、神戸摩耶ケーブル、ロープウェー。ロープウェイと表現している所が多いが、まやビューラインでは、ロープウェーと表現している。
摩耶ケーブルの勾配は、全国では6番目で28度40分の傾斜。
ケーブル下の乗り場と、乗り場の南の「桜トンネル」の桜が満開だった。
摩耶山山上「星の駅」横の展望広場「掬星台（きくせいだい）」からの眺めは少し霞がかかっていた。
柔らかい油性色鉛筆が好きなら、プリズマカラーがおすすめ。
自分が作品作りに使っている色鉛筆は主に油性色鉛筆。柔らかいものが好き。使っているのは、以下の４種類。メインに使っているのは、カリスマカラーとプリズマカラー。プリズマカラーが色が豊富で発色も良く値段が安いのでおすすめ。価格は2017年4月13日現在。
- サンフォード：カリスマカラー
最大72色。プリズマカラーという商品名がカリスマカラーに変わった。セット売りは72色しかない。ねっとりとした感じが好き。色によっては、芯が折れやすい。混色には向いていない。出来ればプリズマカラーの150色を購入したい。使ってみると、150色でも十分とは言えない。
Amazon価格。72色：14,691円。1本あたり：204円。 - サンフォード：プリズマカラー
最大150色。国内では、カリスマカラーという商品名に変わったが、米国では、プリズマカラーという商品が残っていて、Amazonで並行(?)輸入品を購入できる。カリスマカラーと比べて安い。品質はカリスマカラーと同じと思われる。150色のセット品がある。カリスマカラーとは一部色の構成が違う。グレー系や茶系の微妙な色が豊富。
Amazon価格。72色：6,400円。1本あたり：89円。
Amazon価格。150色：13,220円。1本あたり：88円。 - ホルベイン：アーチスト
最大150色。カリスマカラーやプリズマカラーよりは、少し固め。
Amazon価格。36色：6,777円。1本あたり：188円。
Amazon価格。150色：25,000円。1本あたり：167円。 - 三菱：ペリシア
最大36色。価格が高め。芯は柔らかい。色の種類が少ない。鉛筆の軸の表面の色が茶色に統一されていて、使いたい色を探しづらい。
Amazon価格。36色：8,583円。1本あたり：238円。
「ブロック(コンテナ)全体は中央揃え(センタリング)＋中の要素(複数画像)は左寄せ」をJavaScriptを使わないでCSSのみで実現できる方法
このブログで以前に書いた「ブロック全体は中央揃え＋中の複数画像は左寄」をJavaScriptを使わないでCSSのみで実現できる方法が見つかったので、紹介。
「Webクリエイターボックス」の以下の記事のコメント欄で質問したら、「和草イデハナ」さんから「Media Queriesを使えば良いのでは」という返信をもらい、やってみたらうまくいった。Media Queriesを使ってウインドウのmax-widthの幅に応じて、コンテナボックスに適切なwidthを設定する。
≪日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス≫
http://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet/
Media Queriesを使ったサンプルが以下。
https://ok2nd.github.io/tool/html/thumbnail-sample-media-queries.html
<div id="contents">
<div id="gallery">
<span style="background-image: url('thumbs/001.jpg')"></span>
<span style="background-image: url('thumbs/002.jpg')"></span>
...
</div>
</div>
<style>
#contents {
margin: 0 auto;
}
#gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 992px;
margin: auto;
}
@media screen and (max-width: 1052px) {
#gallery {
width: 744px;
}
}
@media screen and (max-width: 804px) {
#gallery {
width: 496px;
}
}
@media screen and (max-width: 556px) {
#gallery {
width: 248px;
}
}
#gallery span {
display: flex;
background-position: center center;
background-repeat: no-repeat;
margin: 4px;
width: 240px;
height: 240px;
background-size: contain;
}
</style>
