Home/Blog/

敬礼する女性警察官

敬礼する女性警察官

ストック素材で販売しているイラスト、数が多くて全ては無理ですが, ちょこちょことご紹介していければと思います。

  • pixta_logo

LINEスタンプ『戦国武将オールスターズ』

『戦国武将オールスターズ』プレビュー

LINEスタンプ第二弾は『戦国武将オールスターズ』です。モデルは織田信長、豊臣秀吉、徳川家康、武田信玄、上杉謙信、今川義元、毛利元就、明智光秀、伊達政宗、真田幸村、石田三成の計11名。使えるものを意識しつつ、その武将ネタをちょいちょい絡めているのですが、ややわかりにくいかも・・・。可愛いので是非。

LINEスタンプ『茶屋の娘』

『茶屋の娘』プレビュー

LINEスタンプの販売をはじめました。第一弾は『茶屋の娘』。可愛らしいだけでなく日常的に使えるものを意識して作りました。よろしければ是非。

四種の大鎧をアップ

「Statues」に大鎧を四種アップしました。前にアップした大鎧のバリエーションで、威し方(小桜韋威、紅裾濃、萌葱匂、紫裾濃)の他に籠手と直垂の文様、鍬形の有無・形状などを変えてあります。

ストック素材にも出品しています。

  • pixta_logo

portfoliobox.net

川島健太郎@portfoliobox

ポートフォリオサイトを公開いたします。結構前に作ってあったのですが。作品の数が多くなってきたので、こちらにはなるべく沢山載せて向こうではセレクトした作品を乗せる、といった使い分けが出来ればと考えています。

『閻魔帳 地獄極楽巡り会い』

『閻魔帳 地獄極楽巡り会い』

コスミック出版様より3月17日発売の和久田正明氏による時代小説、『閻魔帳 地獄極楽巡り会い』のカバーイラストを描かせていただきました。女だてらに十手を預かる仏具問屋の娘お春と、記憶を失くしながらもどこか人品卑しからぬところのある男、三日月主水による捕物帳です。是非ご覧になってみてください。

『閻魔帳 地獄極楽巡り会い』カバーイラスト

描いたカバーイラストをアップしました。時代小説のカバーはこちらが初めてです。

イラスト表示を画面サイズに合わせる

このサイトのイラストはポップアップ用のhtmlをイラスト毎に用意して表示させています。このやり方自体が古いような気もしますが、これまで作ってしまったものがあるのでなるべくそれを使って、イラストを画面幅に合わせて表示したい。

まずスマホ用のCSSへの切り替え、これは仕方ないのでファイル1つずつタグを加えました。それからサイズの指定、imgタグにcssでwidth: 100%; 、height: auto; としてみたら、見事に出来ました。横長の画像はスマホを横にすればばっちり。

自分のiphoneでしか確認していないので、Androidなどでどうなるか気になるところですが・・・とりあえずはこんなものでいいか。

スマホ用CSSで無駄な横スクロールをさせない

昨日までの作業でとりあえずスマホっぽい表示にはなったものの、見る時になぜかいらない横スクロールが発生。これが地味にイラッとするので何とかならないかと思っていたら、ありました。

https://www.firstsync.net/archives/9691

なんでも画面幅以上に設定されている要素があるのが原因のようです。早速確認してみたんですが・・・細かい設定をしまくったPC用のCSSからいじってあるので、どこが悪いのかよくわからない。これはまいったと思っていたら、ありました。

http://d.hatena.ne.jp/izit_kosuke/20110126/1296067112

ページ全体を囲んでいる要素にoberflew: hidden;を設定して、はみ出た部分は非表示にしてしまうようです。これを試したら見事に縦スクロールのみの、いかにもスマホライクなページになりました!

ページがモバイルフレンドリーではありません

少し前から、検索結果に上の文句がくっついてくるようになっていました。ずっと放っておいたのですが、検索順位にも影響するみたいで、このままではただでさえ少ないアクセスが無くなってしまうと思って対策をしてみました。

やったこととしては、スマホ表示の場合別のcssを読み込ませてピクセルで指定していた各種widthをスマホ画面に合わせるようにする、あまり役に立っているとも思えないサイドバーはこの際display: none;でごっそり隠す、タイトル画像を画面に合わせるようにする、といったもの。

以下のサイトを参考にさせていただきました。

CSSの切り替えはこちら。

http://samuri-blog.net/webdesign/5582.html

タイトル画像の可変化はこちら。

http://qiita.com/39_isao/items/009f2382f87988039215

詳しい解説のおかげでとりあえずテストではモバイルフレンドリーと出るようになりました。切り替えの指定以外いじったのはCSSだけ。CSSって凄いですね。

『マンガ 実録! 死ぬほど怖い人体実験の世界史』

『マンガ 実録! 死ぬほど怖い人体実験の世界史』

宝島社様より3月9日発売の『マンガ 実録! 死ぬほど怖い人体実験の世界史』において、科学者の肖像8点を描かせていただきました。描いたイラストの1点をアップしました。

『マンガ 実録! 死ぬほど怖い人体実験の世界史』より、ヴェルナー・フォルスマン