[Category] css 全45件

2019/5/11追記こちらの記事に改良版を公開しました。【改良版】【jQuery不要】javascriptとcssで作るモーダル どうにもwordpressの新しいエディタが使いづらい・・・これを機に静的サイトジェネレ…

今年最初の投稿はお知らせ等に使えそうなバルーンです。 バルーン以外の箇所をクリックした時はバルーンを非表示にします。 See the Pen 180112_フキダシ by nekuta (@nekuta) on Code…

cssだけでアコーディオンに挑戦しました。 仕様上高さをあらかじめ指定しないといけないようになっているのでjsで高さを補完した方が良いと思います。 See the Pen 190928_cssだけで作るアコーディオン b…

作ったスクロールエフェクトを集めました。スクロールすると要素が出現します。 スクロール値によってjsでクラス’is_visible’をつけています。そのあとのアニメーションはすべてcssです。  …

SP用の横から出てくるナビゲーションを作成しました。今回は練習のためにjQueryなしで作りました。一応jQueryで書いた時も載せています。クラスと要素の追加・削除処理のみjsで行い、残りは全てcss。ハンバーガーメニ…

justify-content:space-betweenがうまく効かない時は justify-contentはflexboxのコンテナの配分を定義するプロパティ。 私がよく使うのはspace-between。最初と最後…

先日公開したコーダーのための計算機で使用したタブメニューです。レスポンシブ対応。今回のメニューは５個なので、スマホサイズの時のタブサイズは、１〜３番目の横幅は33%、４番目と５番目の時は横幅50%です。 See the …

デザインをhtmlにするときに楽したいなという願望から生まれた計算機です。 ・とりあえず２で割ってくれる電卓 ・px→em変換 ・px→rem変換 ・行送り計算 ・トラッキング計算 こんな感じにまとまって言います。 楽す…