俺流レスポンシブコーディング

2021/02/15 448 users 覚書 デバイス 正解 特定 アンケート

俺流レスポンシブコーディングの覚書。「人には人のレスポンシブ」があるのでこれが正解だってわけではないのですが、レスポンシブコーディングで悩んでいる人にとって参考になる記事になってくれたら嬉しいです。 ブレイクポイントは特定のデバイスの画面サイズを基準にしない 以前アンケートを取った時にデバイスのサ... 続きを読む

Webページをマルチデバイスに対応させるには？ レスポンシブコーディングの仕組みを解説：CodeZine（コードジン）

2018/07/26 16 users CodeZine マルチデバイス マルチデバイス対応 手法

同じWebページでもPCとスマホでデザインが違うのはもはや当たり前。今回は『HTML5＆CSS3しっかり入門教室』より、マルチデバイス対応の手法であるレスポンシブコーディングについて紹介します。 本記事は『HTML5＆CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。』の「第7章 Webページをマルチデバイス... 続きを読む

レスポンシブコーディングのスニペットいろいろ - やっぱりWebが好き - Writing Mode

2015/03/03 358 users コーディング スニペット 立場 気分転換 新しいテクニック

コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。 今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペット... 続きを読む

【レスポンシブコーディング】要素の横幅と高さの比率を保つ | 集の一期一会

2015/01/04 209 users 横幅 一期一会 Demo 比率 要素

レスポンシブコーディングについて、前々から技術的なブログを書こうと思ってはいたのですが、なかなか更新する時間がなくできていませんでした。で、今回が初記事。 まず、デモから。 DEMO なんのデモなのかわからないと思うので、説明をします。 まず、緑のエリアは、丸っと画像です。 あ、ブレイクポイントは640pxです。 画面サイズを640px以下にして見てください。 で、 緑のエリアは、丸っと画像なので... 続きを読む