画像をトリミングするCSSプロパティ「object-fit」と、同様の効果をIEにも対応させるJavascript「object-fit images」に関する覚書です。
object-fitに関する覚書

画像をトリミングするCSSプロパティ「object-fit」と、同様の効果をIEにも対応させるJavascript「object-fit images」に関する覚書です。
タイトルの通りです。カスタマイズの幅が広い分、lessとかPHPとかアクションフックの知識が必要となってくるはずなんですが、そんなの一切知らなくてもコピペでなんとかなりました。
その2でまとめるのは固定ページで使っているグリッドとパネルです。
導入したのだいぶ前なのであんまり覚えていないのですが「grid」で画面を横に分割してその内で「pannel」を使うようです。
未だに基本がよく分かっていないのでこのサイトの固定ページで使ったものを具体例としてコードをメモっておきます。
このサイトはWordpressでBeansテーマをカスタマイズして使っているのですが、このテーマは一風変わっていてCSSフレームワークの一つuikit ver.2を使ってwebページをより細かくカスタマイズできるよっていうやつなのです。
本家uikitマニュアルが英語でとっても読みにくいので、このサイトでよく使うものを、よく使いたいので抜粋メモしておきます。
4話終了しました。2年近く放置していたという事実…。
さて、現在はβ版2話に相当する1話後半のネームを作成中です。
個人的には後半の展開が燃えるのであんまり直さないかもしれません。
折角なので続きに4話ラストでボツになったページ4枚分を供養します。
お下品なコラ画像ですがリメイク版1話更新しました。というかその前にリメイク版始めてました。
今回の更新は最後のシーン描きたい一心で頑張った。一日3ページくらい描いた。(ネーム除く)
昨年大きく体調を崩して元に戻るのにかなり時間がかかってしまいました。画力の方は今も戻ってないですね。悲しい。
しばらく描いてなかったので握力を戻すのが目下の課題です。力が落ちたんじゃなくて、繊細な線が引けなくなったのです。
あと目を鍛えることと、手とか全身とか靴とかまたカッコ良く描けるように持っていきたい。
7/8 追記:途中3p挿入
ネーム段階ではユウとゼノンのシーンの後に来る予定だったキムとスズの会話を挿入しました。時系列的にこっちの方が良いんじゃないかと。ケイトとゼノンが険悪な理由も判明してスッキリです。
次回は STAGE.4 のラストを更新予定。
サイトのイラストギャラリーではLuminous と Macyを併用しているのですがLuminousの代わりにPhotoSwipe Simplifyを使ってみたら案外すんなりとできたので手順をメモしておきます。
使用感としては、PhotoSwipe~の方が拡大機能付き+スワイプ対応と高機能な一方、Luminousは必要なファイル数が少なく導入が簡単…といった感じです。
今後掲載していく分はPhotoSwipe Simplifyを使ってみると楽しいかも。