css

研究

【CSS】divを同じ位置に表示させてスライドのように切り替える

はじめに 拙稿ですが、safari、およびiOS Safariではこれがうまく動いてくれないのです。 ブラウザ依存を忘れてました 仕方ないので、display:none;を組み合わせてスライドを重ねる式に変更しま...
研究

【CSS】チャットUIのCSSに手こずる

はじめに ここのところCSSに手こずっており、ポストが滞りがちです。 こういう吹き出し的にしたかったんですが、三角部分は諦めつつ。手こずりつつうまいこと実装できました。 なお他画面もこの通り。 ...
研究

【CSS】BootStrapがややこしくなったのでCSSを学習中

はじめに 表題の通りですが、いま起きていることモノはやはりこの人。 アカウントリストのUIを作っていてBootStrapのcol-4などが計算できず、カッとしたいまどきCSSでもないだろうと撤廃作業どだいCSSなんか真...
研究

【CSS】一枚のHTMLで擬似的に画面遷移させてみるSPAの基礎の基礎

話が前後しますが 拙稿の続き。 SPAらしく動かしてみます 実装しようと思ったきっかけは、チャットウィンドウのdivを overflow-x: scroll; にしてしまったの...
研究

【CSS】格好いいUIとセキュリティの為に使ったあれこれ

はじめに まだ名前のつかないFirebaseサンプルアプリ。本当にHTMLファイルは1枚で済んでいたのだけど、触っていて気になるところが出てきた… これログイン後にしか見せてはならないロジック見せちゃ危なくないか。UI...
研究

【CSS】Bootstrap4でviewportが動かん!クラス名が変わっていた

たまに触るとこれだよ hidden-xs でいいじゃん!と思ったんですが、動かないorz なるほどクラス名称がまるっと変わってしまった模様。 試してみましょう 今回のオーダーはスマホとPCでボタンのレイアウ...
タイトルとURLをコピーしました