UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20

Read More

UIデザインの引き出しを増やしたいときや悩んだときに参考になるデザインギャラリー 20

WebサイトやアプリなどのUIデザインに悩んだときに参考になるデザインギャラリーを全20サイト紹介します。よくあるコンポーネントのデザインや配置の仕方、カラーの組み合わせ方を眺めるだけでなく、ギャラリーによってはクールなものからユニークなものまである様々なアニメーションをまとめているところもあるので、デザイン以外の部分でも参考になるギャラリーもいくつかあります。また、悩んだ・困ったときに見るだけでなく、お気に入りのギャラリーがあればブックマークやフィード登録などして普段から空いた時間に目を通すことでデザインの引き出しも増やせますね。

  • Posted on
  • Inspiration
Flexboxベースのレイアウトを実装できるCSSフレームワークまとめ

Read More

Flexboxベースのレイアウトを実装できるCSSフレームワークまとめ

レイアウト(特にグリッドレイアウト)を作っていく上で、Flexboxを利用して且つ手軽に実装したいというときに便利なCSSフレームワークをいくつかご紹介します。Bootstrapのようにレイアウトに限らず様々なコンポーネントまで用意されているものもあれば、Flexboxを使ったグリッドレイアウトの実装のみに特化したシンプルなものまでいろいろありますが、全体的に適用したい箇所にクラスを付与するだけと簡単に利用できるものになります。

  • Posted on
  • Tips
WordPress:コメント投稿後に任意のページにリダイレクトさせる方法

Read More

WordPress:コメント投稿後に任意のページにリダイレクトさせる方法

WordPressでコメントが投稿された際、デフォルトではコメント投稿後もそのまま同じページが表示されていますが、これを任意のページにリダイレクトさせる方法です。わかりやすい用途としては例えばコメントを投稿してくれたお礼などの内容は書かれたサンキューページをあらかじめ用意しておいて、コメント投稿後はそこへリダイレクトさせるなどの利用方法があります。

  • Posted on
  • WordPress
WordPress:404ページを表示せずに任意のページへリダイレクトさせる方法

Read More

WordPress:404ページを表示せずに任意のページへリダイレクトさせる方法

WordPressを利用しているサイトの場合、通常はユーザーがアクセスしようとしたページが存在しないときなどは404ページに飛びますが、それを404ページではなく他のページにリダイレクトさせる方法です。もちろんちゃんとした404ページを作るのが好ましいですが、何らかの理由ですぐに404ページを作成できないので応急処置としてTOPにリダイレクトさせたいときなどに使えます。

  • Posted on
  • WordPress
WordPress:add_theme_support( ‘title-tag’ ); 使用時にタイトルからキャッチフレーズを削除したりセパレータを変更する方法

Read More

WordPress:add_theme_support( ‘title-tag’ ); 使用時にタイトルからキャッチフレーズを削除したりセパレータを変更する方法

WordPres 4.1以降、functions.phpに`add_theme_support( ‘title-tag’ );`と記述するだけで簡単にタイトルを出力してくれるようになりましたが、その出力内容を変更する方法です。内容を変更といってもがっつりと変えるのではなく、具体的にはサイト名とともに表示されるキャッチフレーズを削除したり、デフォルトでは「-」となっているセパレータを任意のものにするといった簡易的な変更です。

  • Posted on
  • WordPress
bxSliderでポーズ設定をスライド毎に変更する方法

Read More

bxSliderでポーズ設定をスライド毎に変更する方法

使う機会あるかもなので備忘録。コンテンツスライダーを実装できるjQueryプラグイン「bxSlider」で、ポーズの設定時間をスライド毎に変える方法です。通常ポーズ時の時間指定はすべて同じものが適用されますが、例えば1枚目は5秒、2枚目は10秒といったように何らかの理由でスライド毎にポーズの設定時間を変えたいというときに使えます。

  • Posted on
  • Tips
ハロウィンをテーマにしたデザインアイコンセット 8

Read More

ハロウィンをテーマにしたデザインアイコンセット 8

ハロウィンをテーマにしたアイコンセットのまとめです。全体的に形やカラーの感じなど可愛らしいものが多く、中には手描き風のアイコンセットもあります。利用については規約等を確認する必要があるものもありますが、形式は基本的にベクターなのでいずれも使用する際は便利なものになっています。

  • Posted on
  • Material
各項目を選択・入力するだけで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

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