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

実は最近cssだけで連番を作ることができることを知りました。ずっとjsで書いていた自分が恥ずかしいです。 See the Pen 180302 by nekuta (@nekuta) on CodePen. 使うのはco…

みんな大好きfontawesome！beforeやafterの擬似要素でfontawesome使えるのだから、inputのplaceholderにも使えるんじゃないかと思ったらやっぱり使えるみたいですね。今回使うのは旧バ…

タイトルの数に応じてアンカーリンクを自動で作成します。wpのビジュアルエディタ部分で実装しました。ビジュアルエディタで見出し（h2）を追加するとその数に応じてアンカーリンクが増えます。静的なサイトでも十分活躍できそう。 …

cssだけで画像を変に引き延ばさずにトリミングする方法です。 デモページ １　画像をbackgroundとして使うタイプ imgとして置かずに、divなどのbackgroundとして使うタイプです。background-…

あるリストの個数が動的に変化し、その個数が１個のときはセンタリングして、それ以外の時は左寄せにする。要素をセンタリングしたい時はinline-blockが便利ですけど、下記demoのように横に収まる個数が決まっていて、半…

追従範囲を指定したサイドバーです。resizeした時にも対応させていますので、サイドバーが突き抜けることはありません。デモではわかりやすく各要素にheightを指定しています。 追従している時は.sideにfixedとい…

HTMLをポップアップするjavascriptです。jQueryを使用しています。jQueryバージョンは3.2.1です。 ・HTML(同一ディレクトリ内)をポップアップ・ポップアップした状態で次のリンクへ移行する・ポッ…