各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

Read More

各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

ちょっと便利そうだったので備忘録兼ねてご紹介。「gulp generator」はgulpで使用するgulpfile.jsとpackage.jsonに記述するソースを出力してくれるジェネレータで、用意されている各項目を選択したりファイルの読み込み・出力箇所を入力していくだけで簡単に必要なソースを出力してくれます。

  • Posted on
  • Services & Resource
個人・商用問わず利用可能なフリーイラスト素材配布サイト「VEGL」

Read More

個人・商用問わず利用可能なフリーイラスト素材配布サイト「VEGL」

たまたま見かけて、好きな人は好きそうな感じのテイストだったのでご紹介。「VEGL」は個性的なキャラクターイラストを配布しているサイトで、このエントリー公開時点で全11のキャラクター達が様々なポーズをしたり特定のシーンでの様子を表した素材を配布しています。利用範囲と禁則事項を守れば個人・商用問わず利用可能になっており、クレジット表記・利用報告等も不要となっています。

  • Posted on
  • Material
WordPress:画像アップロード時の自動生成を停止する方法(medium_large_size_w含む)

Read More

WordPress:画像アップロード時の自動生成を停止する方法(medium_large_size_w含む)

WordPressには画像をアップロードする際、アップロードした画像のサイズによってはリサイズして新たに画像を自動生成する機能があります。これはこれで便利な機能ではあるのですが、場合によっては不要になるので、そのイメージの自動生成を停止する方法です。また、Ver 4.4から追加されている「medium_large_size_w」の対応方法についても併せて紹介します。

  • Posted on
  • WordPress
デザインのワンポイントにも使える、手描き風ベクトルパターン素材「Hand-Drawn Vector Patterns」

Read More

デザインのワンポイントにも使える、手描き風ベクトルパターン素材「Hand-Drawn Vector Patterns」

覚えておきたかったので備忘録兼ねて。「Hand-Drawn Vector Patterns」は手描き風ベクトルパターン素材で、様々なパターンが全23種類用意されています。パターン素材となってはいますが、一部を切り取ってそのまま手描き風なテイストやナチュラルなテイストのデザインでワンポイントに使ったりもできそうです。

  • Posted on
  • Material
WordPress:ナビゲーションプラグイン「WP-PageNavi」のタグやクラスを任意のものに変更する方法

Read More

WordPress:ナビゲーションプラグイン「WP-PageNavi」のタグやクラスを任意のものに変更する方法

WordPressでナビゲーション(ページ送り)を実装する際によく利用されるプラグイン「WP-PageNavi」のタグやクラス名を任意のものに変更する方法です。デフォルトでは全体を括っているタグに「wp-pagenavi」というクラスが指定された「div」が使用されていますが、それらを任意のものへそれぞれ変更したり、その他にもページ数表示やカレント表示といった部分のクラスを変更するというものです。

  • Posted on
  • WordPress
WordPress:the_contentの内容をmore前後で分割して出力する方法

Read More

WordPress:the_contentの内容をmore前後で分割して出力する方法

備忘録。WordPressで投稿内容を出力する際に使用する`the_content`ですが、それをmoreタグの前後で分割してそれぞれ任意の場所に表示させる方法です。この方法を利用すれば単純に出力内容を分割させるだけでなく、その間に何か任意の内容を表示させるといったこともできます。

  • Posted on
  • WordPress
デザイン制作時に便利なグラデーション素材 40+

Read More

デザイン制作時に便利なグラデーション素材 40+

これだけで事足りそうと思うぐらいな大容量セット、高級感あるデザインやとにかく目立たせたいという時に使えそうなゴールド・シルバー系セット、空・海・夕日といった自然の中にある美しい配色をモチーフにしたもの、淡いパステルカラーを集めたセットなど、デザイン制作時に使えるグラデーション素材のまとめで全42セットです。いずれもPhotoshopで使用するgrd形式となっています。

  • Posted on
  • Material
テキスト・記号・特殊記号をCSSアニメーションと組み合わせたローディングスピナー「text-spinners」

Read More

テキスト・記号・特殊記号をCSSアニメーションと組み合わせたローディングスピナー「text-spinners」

「text-spinners」はその名の通りテキストを利用したローディングスピナーを実装できるスタイルシートで、テキスト以外にも記号・特殊記号をCSSアニメーションと組み合わせてローディングスピナーを表現しています。デモにも様々な記号を使った例がありますが、少し変更すれば任意のものに変更できますし、CSSなのでサイズ・カラー・スピードなどの調整についても容易にできます。

  • Posted on
  • Tips
gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル

Read More

gulp:とりあえず覚えておきたい、よく利用する基本タスクの記述サンプル

主にこれからgulpを使い始めよう(使い始めた)という人向けに、とりあえず覚えておきたいよく利用するタスクの基本的な記述例やプラグイン・モジュールを使った使用例をいくつかまとめてみました。実際に使用する時はここで紹介しているような簡易的なものでなく、もっと複雑なタスクだったり様々なプラグイン・モジュールを組み合わせたりすることがほとんどですが、ファイルの移動や削除をはじめ、リネーム・結合・圧縮・監視など基本となるような処理の記述方法や動きを知りたい人は参考にしてみてください。

  • Posted on
  • Services & Resource

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のアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。