Robot | Path | Permission |
GoogleBot | / | ✔ |
BingBot | / | ✔ |
BaiduSpider | / | ✔ |
YandexBot | / | ✔ |
User-agent: * |
Title | mohulog |
Description | 日常の中で学んだことを書いています。 |
Keywords | N/A |
WebSite | ririmohu.com |
Host IP | 54.205.240.192 |
Location | United States |
Site | Rank |
vtuber-love.com | 3,942,293 |
vtubertete.com | 3,030,094 |
vtuberkaibougaku.site | 505,475 |
vtuber-post.com | 1,789,460 |
vtuberfesjapan.jp | 3,741,009 |
US$2,796,895
最終更新: 2022-07-17 05:58:23
ririmohu.com の Semrush グローバル ランクは 3,784,306 です。ririmohu.com は、推定広告収入に基づいて、US$2,796,895 の推定価値を持っています。 ririmohu.com には、毎日約 322,719 人のユニーク ユーザーがアクセスしています。 その Web サーバーは United States にあり、IP アドレスは 54.205.240.192です。 SiteAdvisor によると、ririmohu.com は安全にアクセスできます。 |
売買価格 | US$2,796,895 |
毎日の広告収入 | US$2,582 |
月間広告収入 | US$77,453 |
年間広告収入 | US$929,430 |
デイリーユニークビジター | 21,515 |
注: トラフィックと収益の値はすべて推定値です。 |
Host | Type | TTL | Data |
ririmohu.com. | A | 299 | IP: 54.205.240.192 |
ririmohu.com. | A | 299 | IP: 68.183.27.198 |
ririmohu.com. | NS | 3600 | NS Record: dns3.p01.nsone.net. |
ririmohu.com. | NS | 3600 | NS Record: dns4.p01.nsone.net. |
ririmohu.com. | NS | 3600 | NS Record: dns1.p01.nsone.net. |
ririmohu.com. | NS | 3600 | NS Record: dns2.p01.nsone.net. |
mohu log Home about Categories Share Search Menu Home about Categories Recent Posts 画像をいい感じにトリミングしてくれるcssプロパティー「object-fit」 February 11, 2019 gitコマンドについてまとめてみた October 17, 2018 e-typingを使ってタイピング練習をしてみました September 10, 2018 View more posts 画像をいい感じにトリミングしてくれるcssプロパティー「object-fit」 February 11, 2019 ririko 1 minute read Twitter Facebook Email はじめに 今回は隔月で開催しているwebデザインもしゃもしゃ会の中で出会った便利なプロパティーについて紹介します。 いい感じに画像をトリミングしてくれる!? 画像を並べて一覧で表示したりすることって結構ありませんか? 全てサイズの同じ画像であれば問題ありませんが、サイズの違う画像を配置しないといけない場合に同じサイズに調節するのには手間がかかりますし、フォトショップを開いて画像をリサイズする必要があります。 そんな時便利なのがobject-fitプロパティです。 実際に使用してみる まずは画像をそのままwidthとheightを使って正方形に表示させて見ます。 See the Pen wNwpdq by ririko ( @riri_mohu ) on CodePen . すると、どうしても縦横の比率があわずに崩れてしまいます。 object-fit: cover; object-fitプロパティーを追加するだけで、 See the Pen test2 by ririko ( @riri_mohu ) on CodePen . いい感じに中央でトリミングしてくれます! このように画像の縦横比を維持したままボックスを埋めたい時は、object-fit: cover; を使います。 画像は縦横のうち小さい方を基準にして自動的に拡大・縮小され、ボックスからはみ出した部分はトリミングされます。 コーディング comments powered by Disqus gitコマンドについてまとめてみた |
HTTP/1.1 301 Moved Permanently cache-control: public, max-age=0, must-revalidate content-length: 37 content-type: text/plain date: Mon, 01 Nov 2021 09:39:25 GMT location: https://ririmohu.com/ x-nf-request-id: 01FKGGT8WGMDMJGDNQNJ95GHGH age: 103743 server: Netlify HTTP/2 200 cache-control: public, max-age=0, must-revalidate content-type: text/html; charset=UTF-8 date: Tue, 02 Nov 2021 14:28:27 GMT etag: "9f7e0ca57f12922b3b78bad5a8923c12-ssl" strict-transport-security: max-age=31536000 age: 0 server: Netlify x-nf-request-id: 01FKGGT91DPEXR3RDQH8ZWX2HY content-length: 0 |
Domain Name: RIRIMOHU.COM Registry Domain ID: 2270965191_DOMAIN_COM-VRSN Registrar WHOIS Server: whois.discount-domain.com Registrar URL: http://gmo.jp Updated Date: 2021-05-18T15:42:19Z Creation Date: 2018-06-03T09:00:16Z Registry Expiry Date: 2022-06-03T09:00:16Z Registrar: GMO Internet, Inc. d/b/a Onamae.com Registrar IANA ID: 49 Registrar Abuse Contact Email: abuse@gmo.jp Registrar Abuse Contact Phone: +81.337709199 Domain Status: ok https://icann.org/epp#ok Name Server: DNS1.P01.NSONE.NET Name Server: DNS2.P01.NSONE.NET Name Server: DNS3.P01.NSONE.NET Name Server: DNS4.P01.NSONE.NET DNSSEC: unsigned >>> Last update of whois database: 2021-09-21T08:19:47Z <<< |