monteecristoo’s blog

https://twitter.com/irakaarozo

CSS

CSS vertical-align が機能しない

CSS

// 対象が インライン要素または、テーブルセル以外ではvertical-alignは適用できない 参考: www.htmq.com 対象にline-heightで値を別に設定していないかを確認 参考: www.htmq.com

優良記事リンク CSS

CSS

// app.codegrid.net phiary.me

Vue.js toggle css classes

bind single class bind object to manage multi css classes <script src="https://unpkg.com/vue"></script><div id="app"> <div class="demo" @click="attachRed = !attachRed" :class="divClasses"> </div> <div class="demo"></div> <dv class="demo"></dv> </div> new Vue({ el: '#app', data: { attachRed: false, }…

CSS position: sticky;

CSS

// CSS position stickyについて 他のカラム等を加味しながら要素を固定したい e.g) サイドバーと別カラムでトップメニューを固定表示したい → sticky 他の要素を加味しない → fixed stickyを使うときはtop, left, right等の場所を指定するプロパティーと一…

vue-awesome-swiper でメニューバーをstickyに表示したい

// vue-awesome-swiperはflexboxを使っている。 cssに追加 .swiper-wrapper { align-item: flex-start; } →→ フレックスボックスの上端をそろえる .swiper-container { overflow: visible !important; } →→ デフォルトでvue-awesome-swiperはoverflow: hidde…

UI Elements

www.nxworld.net blog.8bit.co.jp tympanus.net Bootstrapで使えるjQueryプラグイン | ENTEREAL metismenu github.com .metismenuが二つあると片方がバグる display: none してもダメ //