Archives : July 2016

- 12 Articles -

WordPress:現在有効化されているプラグインとその読み込み順を確認する方法

Read Article

WordPress:現在有効化されているプラグインとその読み込み順を確認する方法

備忘録。WordPressで現在有効化されているプラグインを一覧表示し、さらにそれらがどのような順番で読み込まれているか確認する方法です。有効化されているかどうかは管理画面で十分わかりますが、フックが効かないなどなにか問題が起きた時に読み込み順が原因なのか確認したい場面などで地味に便利です。

  • WordPress
脱jQueryしたい時に参考になるドキュメントやエントリーまとめ

Read Article

脱jQueryしたい時に参考になるドキュメントやエントリーまとめ

jQueryはデザイナーなど普段はあまりコードを書かない人でも実装ができる手軽さ、各種ブラウザの互換性、様々なスニペット・プラグインが公開されているなどの理由で多くの方が利用していると思いますし、中には「JavaScriptを使う = jQueryを使う」という人も少なくないと思います。ただ、少し前からは古いIEのサポート終了やちょっとした動きならCSSで実現できるようになったことなどをきっかけに…

  • Tips
gulp:タスクをファイル分割する方法

Read Article

gulp:タスクをファイル分割する方法

gulpは実行したいタスクを`gulpfile.js`に記述していくというのをよく見かけると思いますが、タスクが増えれば増えるほど`gulpfile.js`内の記述は増えていきます。もちろん特に気にならないという人もいるとは思いますが、できれば各タスクがどのような処理を行っているのか把握しやすくしたり管理しやすくしたいという場合は、以下で紹介する方法で各タスクをファイル分割することができます。

  • Services & Resource
Pure CSSで様々なタイプのツールチップを表示できる「Tootik」

Read Article

Pure CSSで様々なタイプのツールチップを表示できる「Tootik」

「Tootik」はツールチップを実装することができるCSSライブラリで、動きや見た目などすべてCSSで実装されています。表示位置、矢印表示の有無、カラー指定、フェード表示など用意された数種類の動きと見た目を組み合わせていく感じで、カスタムデータ属性を記述するだけで実装できる手軽さも特徴です。

  • Tips
フォント検索・ワイヤーフレーム化・グリッド表示など、web制作時に便利なブックマークレット 15

Read Article

フォント検索・ワイヤーフレーム化・グリッド表示など、web制作時に便利なブックマークレット 15

閲覧ページにグリッドを表示させたりレスポンシブ確認を容易にするものをはじめ、使用されているフォント確認、ページをワイヤーフレーム化するもの、ページの表示速度やHTMLチェックを行ってくれるものなど、サイト制作時や気になるサイトのことをちょっと調べたい時などに便利なブックマークレットを紹介します。中には拡張機能やデベロッパーツール使えば十分というものもありますが、拡張機能を入れすぎて重くなるのを防ぎ…

  • Services & Resource
CSS:分割されたマスクがパラパラと表示されるクールなホバーエフェクト

Read Article

CSS:分割されたマスクがパラパラと表示されるクールなホバーエフェクト

CSSを使用して表現したかっこいいホバーエフェクトやボタンデザインを多数作成・公開している「LittleSnippets.net」を眺めていて、個人的に好みなホバーエフェクトを見かけたので備忘録です。イメージにホバーすると半透明のマスクを被せてテキストを表示するというエフェクトは当ブログでも過去に紹介したこともありますし、一般的にも比較的よく見かけるようになりましたが、以下で紹介するのはそのマスク…

  • Tips
アプリやサイトデザインを格好良く見せられる、遠近法を用いたデザインモックアップ 20

Read Article

アプリやサイトデザインを格好良く見せられる、遠近法を用いたデザインモックアップ 20

ポートフォリオでアプリやモバイルサイトのデザイン掲載時に使われていたり、コンセプトデザインの紹介などでも利用されているのを見かけることが多い、遠近法を用いた格好良い見栄えを簡単に再現することができるデザインモックアップのまとめです。角度や立体感の出し方など様々な種類があり、素材によっては複数の見せ方が用意されているものがあります。また、ほとんどがモバイルデザイン向けとはなりますが、少し調整すればP…

  • Material
&(アンパサンド)のデザインが美しいGoogle Fonts

Read Article

&(アンパサンド)のデザインが美しいGoogle Fonts

ちょっと必要があって手軽に利用できるGoogle Fontsの中で&(アンパサンド)のデザインが特徴的なフォントを探したのですが、個人的に好みで覚えておきたいなと思うデザインが意外とあったのと今後同じような時にまた探すのは面倒なので備忘録として残しておこうと思います。デザインフォントでパッと見気になるのはやはりアルファベットだと思いますが、こうして見てみると記号のデザインもフォントによって様々で見…

  • Inspiration

Close the search window,
please press close button or esc key.