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

Read More

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

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

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

Read More

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

jQueryはデザイナーなど普段はあまりコードを書かない人でも実装ができる手軽さ、各種ブラウザの互換性、様々なスニペット・プラグインが公開されているなどの理由で多くの方が利用していると思いますし、中には「JavaScriptを使う = jQueryを使う」という人も少なくないと思います。ただ、少し前からは古いIEのサポート終了やちょっとした動きならCSSで実現できるようになったことなどをきっかけに、jQueryは使わずにネイティブなJavaScriptで実装するという人も多くなっている印象で、実際にそういった脱jQueryしたい時に参考になるドキュメントやエントリーもいろいろと公開されているので備忘録も兼ねてまとめてみました。紹介しているもののほとんどが「jQueryのこれは、ネイティブではこう記述する」という形になっているので、特にjQueryはある程度使えるという人にはわかりやすいものが多いと思います。

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

Read More

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

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

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

Read More

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

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

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

Read More

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

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

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

Read More

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

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

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

Read More

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

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

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

Read More

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

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

  • Posted on
  • Inspiration

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。