ボタン実装のSassライブラリ『Buttons』で色の追加やサイズの変更をする
ボタンを簡単に実装できるライブラリ『Buttons』で色の追加やボタンサイズを変更する方法について。（Sassのみです） 『Buttons』で色の追加やサイズ変更をする 色の追加やボタンサイズの変更は変数設定でできます。 […]
記事一覧
仕事や趣味の備忘録を色々書いてます。
※2019年10月16日現在リニューアル中により崩れが発生しているページがあるかもしれません。
助かりました。CSS3やSass & Compassのコードを生成するWebツール『CREATE CSS3』
Compassを使って要素を回転させる処理をしたいなと調べていたら、まさにこの要望を補助してくれるツール「CREATE CSS3」を発見したのでご紹介します。 Webツール『CREATE CSS3』 使い方はとっても簡単 […]
Webツール「LHCN」を作ってみました。ネガティブマージンを使った横並び要素をリキッドレイアウト化します
ちょっと前にリキッドレイアウトとネガティブマージンを使った横並びを実装する方法を書いたのですが、計算式があるのならツールにしてしまえ、ということでWebツールを作ってみました。 （LHCNは「Liquid layout […]
[WordPress]記事ページやアーカイブで別ディレクトリにあるテンプレートを読み込ませる
記事ページやアーカイブ、そのほかにも固定ページやカスタム投稿タイプなど諸々のページで、自分で用意したテンプレートを読み込ませる方法について。 普通はWordPressテーマフォルダにsingle.phpやarchive. […]
中毒になるパズルゲーム「TwoDots」がアップデート！気になっていた点が改善されていました
シンプルだけど難しい、でもハマってしまうiPhone/iPadの無料パズルゲーム「TwoDots」がいつの間にかアップデートされていました。 シンプルで洗練されたパズルゲーム『 TwoDots 』 2人のドットが冒険する […]
VagrantのSSH接続をWindowsのコマンドプロンプトで実行できるようにする
WindowsのコマンドプロンプトにはSSH接続機能がないので、Vagrantのvagrant sshコマンドが効きません。 Tera Termを使ってSSH接続しても良いのですが、どうせならチャチャッとコマンドプロンプ […]
CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる
スマホサイトやアプリでよく見るUIのドロワーを実装したい。しかしjQueryのメソッドで動かせばスマホでの挙動が重いので、CSS3のアニメーションで実装してみます。ドロワーを実装する方法は他にも色々あると思いますが、その […]
[WordPress]カスタムフィールドをクイック編集で保存する方法について
カスタムフィールドをクイック編集で保存する方法について。後々実装しようとしたときに調べ直しそうな流れなのでカスタマイズ内容をメモしておきます。 大まかに5つのステップで実装できます。 カスタムフィールドをクイック編集で保 […]
[Grunt]CSScombの整形に任意の設定を使う方法
CSSのプロパティ順を並び替えたり、特定のコーディング規約に則ったソースコードに整形してくれるCSScombはとても便利です。自分はこれをGruntで動かしてるのですが、しかしデフォルトの整形結果が好ましくない。 じゃあ […]
血肉となる。読めばCSSのコーディング/設計力が上がる良書3つ プラスα
Webサイトを作っているとどうしてもCSSのコーディングが汚くなりがちになって、手を加えるたびにソースコードがずさんになっていくのが私の悩みです。 このままではアカン！ということで、数が少ないCSSについての本を3冊読ん […]