mtr

CSS

【CssGrid】ジェネレーターで簡単に作れるグリッドレイアウトの作成方法

以前からやってみたかったけど、いまいちよく分からなくて放置していたグリッドレイアウトが、他の調べ物をしていたら簡単に作成できるジェネレーターがあったのでメモ。 CSS Grid Generator とにかく簡単! 横のマスと縦のマスの...
CSS

【Flexbox】ピンタレストのように比率の異なる画像を配置するレイアウト

縦横異なる比率の画像をピンタレストのように配置する、Frexboxを使ったレイアウトサンプル。 こんな感じです。 DEMO HTML <div class="flexbox"> <div cla...
CSS

cssで出来る!パソコンとスマホで異なる画像を表示する簡単な方法

レスポンシブでウェブサイトを作ったときから気になっていた、パソコンとスマホでバナーの画像を切り替えたいと思っていましたが、とっても簡単に切り替えできる方法があったのでメモしておきます。 PCとスマホで違う画像を表示したい! パソコンとス...
仕事のこと

急遽テレワークを1ヶ月やってみたメリットとデメリット

2020年4月13日から急遽テレワークに移り、自宅で働くこととなりました。 そもそもテレワークの環境自体もない中での在宅勤務開始という形だったので、準備したことや在宅勤務のメリットとデメリットなど実際の経験を記録しておきます。 そも...