技術情報 CSS Grid Layoutを触ってみる！
はじめにGrid Layout（グリッドレイアウト）とは、html/cssで二次元レイアウトを可能にする機能です。flexboxは直線的にしかレイアウトを配置できないので、 Grid Layout を使うことでレイアウトの幅が広がります。G...
CSS
技術情報 技術情報 CSS3ボックスレイアウト調査
CSS3で登場したボックスレイアウトは便利なのですが、ブラウザごとに対応がまちまちだったりベンダープレフィックスがついたりと面倒なので、調査した記録を残します。FirefoxとGoogleChrome・SafariなどWebkit系について...
技術情報 Webサイトの段組みcssとリキッドレイアウトについて
あまり大々的に主張してきませんでしたが、Webサイトはリキッドレイアウトであるべきだと思っております。程度の大小はあれど、ブラウザのウィンドウサイズを変えても横スクロールなしに閲覧できるのが当たり前なんじゃないの?閲覧するウィンドウサイズは...
技術情報 携帯サイトのCSSについて
PC上でウェブサイトを制作する際の悩みの種の1つといえば、ブラウザの特性によるスタイルシート(CSS)の仕様の違いではないでしょうか？携帯に関してもそれは例外ではなく、キャリア(DoCoMo、au、SoftBank など)によって使用できる...