すうべにや

Browsing Category:

css

css, Web関連

使いたい!でも対応どうなの、CSS Grid Layout

Grid Layoutは、floatやflexboxなんかに変わる新しいcssの仕様ですね。 去年からチラホラ見てましたけど、実際使ったことはなく。 というか各種ブラウザに対応を考えると、なかなか新しい物には手をだせません、特にIEおめえだ、おめえw Grid Layout関連説明とかのサイト様 5分で完璧に分かる!CSS Gridの基本的な使い方を解説 CSS GridとFlexboxを使ってメディアクエリなしでレスポンシブにレイアウトする方法 CSS Gridを使ったレスポンシブ対応の基本レイアウト CSS Gridを使う前に知っておきたい、floatやflexboxなど既存の実装にどのような影響を与えるか 2018年8月現在の状況をCan I Useで見てみると CSS Grid Layout ウンコIEが相変わらず足ひっぱってあばばばばば。 edge17は大丈夫なんですけど11w プレフィックスつければいけるよーんて書いてあるけど。 下記のサイト様で、ベンダープレフィックス付けたサンプルを見てみると、相変わらずIEがががwwwwwwwww CSS Grid  ...

Continue Reading

css, Web関連

レスポンシブ対応:background-imageに関するおぼえがき

海外だと、ハンバーガーメニューなどが主流ですが、日本だとスマホの場合でも4個とか5個とかの横並びのナビゲーションを実装したいという場合が多々あるかと思います。 そんなときに、デバイスの幅が変わって崩れて発狂!!!にならないために。 ですので、主に背景画像どーとかというより横並びのボタンをレスポンシブ対応にさせたいときに使用しています。 ※一番左端のはキノコじゃなくてホームのボタンです、ホームの。 丸くしすぎたw

Continue Reading

adobe, css, Illustrator, photoshop, Web関連, WordPress, その他, デザイン

お仕事:参考サイトいろいろ

フリー素材の紹介だったりCSSテクニックだったり、adobe系のチュートリアルだったり、html関連の情報だったり はたまたワードプレス系の情報だったり・・・。 センスがない私みたいな人には非常にありがたいサイト様の数々。 つーか、はてぶもそろそろ整理しないととんでもないことになってきてる。

Continue Reading

ツールバーへスキップ