すうべにや

Browsing Category:

css

css, SEO, Web関連, 思ったこと, 日常

5G到来で、Webサイトがなくなる・・・??どういうこと?

たまたま、ディスプレイサイズの現在の主流を探していて見つけたコラムです。こちら側からは賛成意見ではなく、なるほどわからんっていう意見で非常にモウシワケナイので、リンクは張らないでおきます・・・。多分検索したら出てくると思います。で、良くわからないってことなので、見当違いなコトいってたらすいません。 ウェブサイトの寿命はあと2、3年 と、そちらにはあり、消えるものはhtml・CSS・WordpressあとSEOとりあえず、静的なサイトは消えるよというお話でした。WordPressは動的だったとおもうんだけどなあ。違ってたらサーセン。 この方によればWebサイトの制作なんか無くなるから、ウェブの製作者は今のうちに稼いでおいて、5Gを使った新しい何かに備え今後UI/UXやコンテンツ制作にシフトして・・・というお話。ちょっとよくわからない(アホです、すいません)デザイン・コーディングだけでなくUI/UXやコンテンツ制作も兼ねられるっつうのは強みにはなりますが。  ...

Continue Reading

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