ボウボウベボウ【TECH::EXPERT】

jQuery Sass/SCSS TECH::EXPERT プログラミング 応用カリキュラム編

【本日のメニュー】
・pic tweet非同期コメント
・インクリメンタルサーチの実装
・お仕事で調べた系

【pic tweet非同期コメント】
メモです。

application.jsに

//= require jquery
//= require rails-ujs

を追記するときは、

「//= require_tree .」の上に書かなきゃエラーになる。

こす!

【インクリメンタルサーチの実装】
最近アップデートしたと噂のカリキュラム。
クローンして肉画像投稿しておいたわ。
さて、エラーが出てるぞ。何かな。
今日は腰がいてーいなので早めにお休みないさいです。

【お仕事で調べた系】
お仕事で調べてよかった系の紹介です。
すぐ使うかはわからないけど。
————————————
[参考]cssで台形

CSSだけで台形を作る


ぶっといborderで台形作るCSS

以前紹介した、四角にbforeで三角の尾ひれを付けて台形に見せる方法だと、使用したCSSプロパティがねじりを入れているせいか、ブラウザチェックと、スマホチェックでの見た目が異なる問題があり、
結局HTML構造自体を変更して、CSSもまったく別の方法に変えました。
結局上記の方法にしたのですが、ズレが全くなく、cssがすっきりしたので感動
————————————
iphone(iOS)のキャッシュ削除
https://www.au.com/support/faq/view.k1391721513/
キャッシュ強すぎて闇落ちしそうになった。
どうしても直らない時は奇跡を信じて何度もキャッシュクリアしてみる方がよいと思う。
————————————
要素の反転css

【初心者必見】要素をくるっと回転!transform:rotate()の全て


要素を反転するCSS左右上下に反転、
または何度回転するなどできる。
ひし形とかも作れちゃうってことですなぁ
————————————
【HTML】これでスッキリ viewport の設定
https://blog.77jp.net/setting-the-viewport-you-do-not-get-lost-in-the-html
スマホで見た時にピンチアウト(拡大)できないときはここら辺をチェキするのだ
————————————
[参考]CSSで要素を上下や左右から中央寄せする7つの方法
https://www.granfairs.com/blog/staff/centering-by-css

上下左右、4方向からの中央寄せ
お世話になりました。

お客さんがお堅いところだと、
ちょっとしたデザインには何も言われないけど、
データテーブルのマージンとか、文章の改行とかスペースとか、インデントとか細かいところの指摘が多いんですよね。

たしかに、この細かいところがちゃんとしてないところって、なんか読みにくいな~ほかのページないかな~ってなるんですよね。
普段は何にも考えずに見たり読んだりしてますが、
この前ひどいサイトを見てびっくりしたので、改めて大切だなと思いました。
でも自分でそれを意識してデザイン・コーディングってむずい!
————————————