ゴトー
FontAwesomeで作るロード表示
サンプルはこちら。 See the Pen FKlpr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML <div class="loading&qu…CSSだけで台形を作る
サンプルはこちら。 See the Pen isLdJ by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 一つのタグにCSSだけで台形を作っています。 CSS .daikei …Sass：extendでベンダープレフィクス要素を削減する
Sassのextendを使った記法を広めたいのでまたまた応用方法をご紹介します。 改善前CSS .box1 { width: 300px; padding: 10px; -webkit-box-sizing: borde…Sass：extendでclearfixを楽にする
先日オブジェクト指向型CSSについて書きましたが、こちらのおさらいと応用を紹介します。 回り込み解除のための「clearfix」はWebコーダーであれば誰しも使うクラスだと思いますが、HTML内でそこかしこに clear…CSS3：perspectiveを使って某映画風テキストスクロール
サンプルはこちら。 See the Pen nFHzi by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSS3の「perspective」プロパティと「transform」…CSS3：CSSだけで簡易ストーリー表示
サンプルはこちら。 See the Pen gedLt by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンを押すことで連続してカットを表示させています。 HTML <…Git for Windows でなぜか特定ファイルのコミットができない場合の対策
Git for Windows を使いファイルをコミットしようとすると「Commit Failed – failed to create a new commit」とエラー表示されコミットできない現象がありま…