Read Article
ラジオボタンとCSSを使ってレイアウトを切り替える
ラジオボタンとCSSを使って、レイアウト表示を切り替える動きを実装したサンプルです。実際に案件とかで使うとなると選択値の保持とかで結局JSやらを組み合わせたりしそうですが、何かの機会で使いそうなので備忘録。
Read Article
WordPress：エディタにショートコードを挿入するボタンを追加する方法
ショートコードを利用することでテンプレートやちょっとした機能を簡単に呼び出すことができるようになりますが、それをより簡単に扱えるようにするためにエディタにショートコードを挿入するボタンを追加する方法を紹介します。
Read Article
WordPress：ダッシュボード（ウェルカムパネル）に頻繁に利用するページへのリンクボタンを設置する方法
WordPressで管理画面ログイン後最初に表示されるダッシュボードの上部に、頻繁に確認するページや更新するページへすぐ飛べるリンクボタンを設置する方法です。また、追加する際にデフォルトで「WordPressへようこそ！」などが表示されているウェルカムパネルのコンテンツを変更する形で設置していきます。
Read Article
iPhone Xのモックアップ素材まとめ
毎回新しいApple製品が発表された直後から様々なところでモックアップ素材を作成して配布しているのを見かけますが、先日発表されたiPhone Xも既に多数のモックアップ素材が配布されていたので、それらの中から目に付いたものをまとめました。
Read Article
WordPress：ダッシュボードのウェルカムパネル（WordPressへようこそ！）をカスタマイズする方法
ダッシュボード上部（特にWordPressのインストール直後）に表示されているウェルカムパネルをカスタマイズする方法で、デフォルトで表示されているものを任意のコンテンツに差し替えたり、CSSを使って非表示にされないようにしてみます。
Read Article
WordPress：Advanced Custom Fieldsの「関連」フィールドで、並び順を日付やランダムに設定する方法
WordPressでカスタムフィールドを扱いやすくするプラグイン「Advanced Custom Fields」の「関連」フィールドタイプは、デフォルトでは記事選択部分の並びはタイトル順になっていますが、それを日付やランダムで並ぶように設定する方法です。
Read Article
Photoshopでオリジナルのキーボードショートカットを登録する方法
Photoshopにはデフォルトでも便利なショートカットが一度に全部は覚えられないほど沢山用意されてはいますが、そこへさらにオリジナルのショートカットを登録するなどしてより使いやすくする方法を紹介します。デフォルトでは用意されていないけど自分はよく使うという機能にショートカットを設定したり、デフォルトだと少し複雑なものをもっと簡易的なショートカットで利用するといったことが可能です。
Read Article
Photoshopの作業効率を上げるために覚えておきたいショートカット
最近ではXDやSketchを使う人を目にすることも多いですが、まだまだデザインカンプをはじめ、使っている人も多いと思うPhotoshopで覚えておきたい便利なショートカットを紹介します。基本的なものが中心なので、デザイナーでバリバリ使用しているという人よりも、全体的に普段はデベロッパーでたまに触ることがあるぐらいの人やこれからPhotoshopを使い始めたい人向けです。全部を一度に覚えるのは難しい…
Read Article
シンプルなフロントエンドビルドツール「Pingy CLI」
気になって試してみたので備忘録兼ねてご紹介。「Pingy CLI」はgulpやGruntに比べて面倒な設定や記述もなく簡単に扱えるシンプルなフロントエンドビルドツールで、少しコマンドを入力して幾つか項目を選択していくだけで使いたいフォーマットを用いた環境をすぐに用意してくれます。
Read Article
Monthly Bookmarks #44
今月（2017年8月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。
Read Article
CSSで装飾されたボタンを手軽に使いたいときに便利なボタンライブラリ 5
特定のCSSを読み込み、適応したい要素にclass指定をするだけで簡単に装飾されたボタンを実装できるボタンライブラリを5つ紹介します。カラーやサイズ指定をはじめ、ライブラリよっては20種類以上のデザインが用意されているものもあります。そのまま利用させてもらうのはもちろん、特に中規模〜大規模サイトではボタンを共通コンポーネントのひとつとして用意することも多いと思うので、その際の参考にすることもできま…
Read Article
WordPress：特定のページのみビジュアルリッチエディタを無効化する方法
WordPressでビジュアルリッチエディタを使用しない場合、すべてで無効化するのであれば管理画面のプロフィールページにある「ビジュアルリッチエディターを使用しない」にチェックを入れることで無効化できますが、そうではなく特定のページでのみ無効化したい場合に使える方法です。