2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です!今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト! 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj
芥川龍之介の短編小説『杜子春(とししゅん)』には、散財で没落した杜子春を助ける奇妙な仙人(鉄冠子)が登場する。唐の都・洛陽の西の門でぼんやり空を仰ぐ杜子春に声をかけた仙人は、杜子春がその夜の寝る場所にも困っていることを知り、彼にこう語りかけるのである。 「ではおれが好いことを一つ教へてやらう。今この夕日の中に立つて、お前の影が地に映つたら、その頭に当る所を夜中に掘つて見るが好い。きつと車に一ぱいの黄金が埋まつてゐる筈だから。」 (芥川龍之介『杜子春』、青空文庫) 仙人の言うことをその通りに実行し、一夜のうちに都でもただ1人の大金持ちに返り咲いた杜子春。しかし結局、彼は金にあかせて贅沢を尽くし、3年後には再び一文無しとなってしまう。住むところもなくなり、洛陽の西の門でぼんやり空を仰いでいた杜子春は、またしても奇妙な仙人に出会い、一夜にして大金持ちに戻るが、これもまた3年で散財。3度、目の前に
\\||||||||||||// = 一瞬なら出せるんだけど = //||||||||||||\\ すぐ消えちゃう http://anond.hatelabo.jp/20170314175640
スラム街のゴロツキが王座へ! - 映画『キング・アーサー 聖剣無双』より - (c) 2017 WARNER BROS. ENTERTAINMENT INC. ALL RIGHTS RESERVED. 映画『シャーロック・ホームズ』シリーズで知られるガイ・リッチー監督最新作『King Arthur: Legend of the Sword』の邦題が『キング・アーサー 聖剣無双』に決まり、6月17日より日本公開されることが明らかになった。 映画『キング・アーサー 聖剣無双』WEB用特報 「アーサー王物語」をベースにした本作の主人公は、王の息子でありながら、両親を殺されてスラムで生きることを強いられた青年アーサー(『パシフィック・リム』のチャーリー・ハナム)。ふとしたきっかけで伝説の聖剣エクスカリバーを手に入れた彼は、両親の敵・暴君ヴォーティガン(ジュード・ロウ)を倒して王になるため、仲間と共
http://b.hatena.ne.jp/entry/s/togetter.com/li/1090143 http://anond.hatelabo.jp/20170314074657 はてブがツイッターの「#コンビニでエロ本を売らずにおむつを売れ」タグの話題で盛り上がっているみたいなので、 このタグを作った人の書き込みを調べてみたら予想以上にひどかった 以下がこのタグを作った人の書き込み 長谷川君子 @hasagegawa2 拡散希望! #コンビニはエロ本を売らずにおむつを売れ 長谷川君子 @hasagegawa2 なぜコンビニのトイレの近くにポルノ雑誌の販売コーナーがあるのか。女の子がお母さんに連れられて「そこを通らざるを得ないから」だ。店の片隅の目立たない場所に置くことなんか、手間としては同じだし、客だって閲覧しやすいはずだ。あの場所は「少女を傷つけるのも興奮」だから選ばれてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く