Webツール「LHCN」を作ってみました。ネガティブマージンを使った横並び要素をリキッドレイアウト化します

ちょっと前にリキッドレイアウトとネガティブマージンを使った横並びを実装する方法を書いたのですが、計算式があるのならツールにしてしまえ、ということでWebツールを作ってみました。 (LHCNは「Liquid layout Horizontal element C…

続きを読む

[WordPress]記事ページやアーカイブで別ディレクトリにあるテンプレートを読み込ませる

記事ページやアーカイブ、そのほかにも固定ページやカスタム投稿タイプなど諸々のページで、自分で用意したテンプレートを読み込ませる方法について。 普通はWordPressテーマフォルダにsingle.phpやarchive.phpといった名前のファイルを置くのです…

続きを読む

中毒になるパズルゲーム「TwoDots」がアップデート!気になっていた点が改善されていました

シンプルだけど難しい、でもハマってしまうiPhone/iPadの無料パズルゲーム「TwoDots」がいつの間にかアップデートされていました。 2人のドットが冒険する過程をパズルで表現したゲームで、ステージによってまちまちですが全体的に難易度は高め。なのにシンプ…

続きを読む

VagrantのSSH接続をWindowsのコマンドプロンプトで実行できるようにする

WindowsのコマンドプロンプトにはSSH接続機能がないので、Vagrantのvagrant sshコマンドが効きません。 Tera Termを使ってSSH接続しても良いのですが、どうせならチャチャッとコマンドプロンプトでもvagrant sshをしたい。そ…

続きを読む

CSS3のアニメーションで動くドロワーをプラグイン無しで実装してみる

スマホサイトやアプリでよく見るUIのドロワーを実装したい。しかしjQueryのメソッドで動かせばスマホでの挙動が重いので、CSS3のアニメーションで実装してみます。ドロワーを実装する方法は他にも色々あると思いますが、そのうちの1つということで。 ドロワーをCS…

続きを読む

[WordPress]カスタムフィールドをクイック編集で保存する方法について

カスタムフィールドをクイック編集で保存する方法について。後々実装しようとしたときに調べ直しそうな流れなのでカスタマイズ内容をメモしておきます。 大まかに5つのステップで実装できます。 カスタムフィールドをクイック編集で保存する 分かりやすいように、作業に入る前…

続きを読む

[Grunt]CSScombの整形に任意の設定を使う方法

CSSのプロパティ順を並び替えたり、特定のコーディング規約に則ったソースコードに整形してくれるCSScombはとても便利です。自分はこれをGruntで動かしてるのですが、しかしデフォルトの整形結果が好ましくない。 じゃあ自分で好きなように整形方法を設定しようと…

続きを読む

血肉となる。読めばCSSのコーディング/設計力が上がる良書3つ プラスα

Webサイトを作っているとどうしてもCSSのコーディングが汚くなりがちになって、手を加えるたびにソースコードがずさんになっていくのが私の悩みです。 このままではアカン!ということで、数が少ないCSSについての本を3冊読んでみた所どれも血となり肉となる良書だった…

続きを読む

CompassのVertical Rhythmがrem単位に対応していたので、軽い使い方について

Vertical Rhythmを実装する機能は元々Compassにあったのですが、rem単位への対応がイマイチでした。 rem単位はIE8以下には対応できず、同時にpx指定も必要なのですが、CompassのVertical Rhythm機能にそれらしいものは無…

続きを読む

もしもPHP言語が無くなったらWordPressはどうなるのか

ついこの前に友達と話していた内容について、今ふと思い出したのでネタ記事として書いてみます。 もしもPHP言語が無くなったら 「PHP言語が無くなったらどうなるんだろうね」 そんなことはあるはずもありませんが、ふとこの言葉を私、もしくは友達のどちらかが発しました…

続きを読む