CSSだけで数値をカウントし表示する サンプルはこちら。 See the Pen counter-increment test by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTMLにもCSSにも数値は書いてお… ゴトーハック2016.10.05 1,267
iOSでtextareaの余白が大きくなる input[type=text], input[type=password], textarea { 〜 padding: 15px; 〜 } 上記のようなCSSでフォームパーツに一括して余白を指定していたところ、PCで… ゴトーハック2016.10.04 1,342
CSS3Dの基本 See the Pen CSS3D基本 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSだけで3D空間を作れます。 「Jade」、「Scss」表示の「VIEW COMP… ゴトーハック2016.09.29 831
CSSだけで作る万華鏡 See the Pen kaleidoscope by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 「Jade」、「Scss」表示の「VIEW COMPILED」からコンパイル… ゴトーハック2016.09.27 399
GulpでCompassのビルドとCSSの最適化&圧縮する決定版 前提 現在GulpでSassやLessやCompassを使っている人向け より最適なCSS出力をしたい人向け 下記のディレクトリ構造を仮定 project – scss – css – .csscomb.json – c… ゴトーハック2016.09.21 1,534
ヒラギノ角ゴが太く見える問題を解決する MacのChromeだけで妙にフォントが太く感じ、実際に font-weight:300 を指定しても500以下は無視されていたので調べたところ、下記のことが分かった font-family にこれまで「 Hiragin… ゴトーハック2016.09.07 5,063
Contactform7のコンバージョンをAnalyticsで解析する Contactform7は送信してもページ遷移せず、ボタンにonclickも含められないため、Google側が提示する方法は直接使えない。 なのでContactform7が公式に案内している下記方法を使う。 http:/… ゴトーハック2016.09.05 745
CSS3 : 画面サイズで相対指定できる「vh」と「vw」 まずはサンプルから。 See the Pen Full window contents by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. Box1〜3と書かれた3つの<s… ゴトーハック2016.08.26 14,421
flexboxの順序を入れ替える 一昔前は左右逆なレイアウトを作る時は float を使うことが多かったですが、CSS3のflexboxを使えば簡単にできます。 See the Pen CSS3 Flexbox : 左右並び替え by Kazuyoshi… ゴトーハック2016.08.10 42,825