Sass(SCSS) mixin Snippets

Read More

Sass(SCSS) mixin Snippets

普段からSassを使ってるのであれば多くの人が利用しているであろう機能のひとつであるmixinは、面倒な記述を手軽に呼び出せたり何度も同じ記述をするという手間を省けたりと、使いこなせば何かと楽になるだけでなくCSSを記述する時間を大幅に短縮させることも可能になります。特別目新しいものはないですが、今回はそんなmixinで使えるスニペットをいくつか紹介します。特にこれまでSassやmixinをあまり使ってこなかったという人は、全体的に紹介しているものは内容もシンプルですし、そのまま試しに使ってみるだけでなく自分好みにカスタマイズしたりもしてみてください。

  • Posted on
  • Tips
WordPress:URLの自動補完リダイレクトを無効にする方法

Read More

WordPress:URLの自動補完リダイレクトを無効にする方法

WordPressには本来存在しないURLを指定したとしても、WordPress側で推測してユーザーがアクセスしたかったであろうURLにリダイレクトする機能があります。便利だと思う機能ではありますが、単純に存在しないURLはすべて404ページに飛ばす動きにする必要があったので、そのときの備忘録です。

  • Posted on
  • WordPress
クリスマスにピッタリなデザインアイコンセット 10

Read More

クリスマスにピッタリなデザインアイコンセット 10

クリスマスが近づくにつれて、今年も様々なところでクリスマスをテーマにしたデザイン素材が配布されています。もちろんベクター・テクスチャ・フォントなどのデザイン素材も多数見かけますが、今回はデザインアイコンを集めてみました。全体的に見た目や色合いなどシンプルなものが多いです。

  • Posted on
  • Material
最近気になったハイクオリティなUIキット #18

Read More

最近気になったハイクオリティなUIキット #18

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はよくあるWebデザインやアプリ用のものだけでなく、Bootstrap 4のUIを再現したキットやチャート系のエレメントを集めたもの、チャットアプリのUIをテーマにしたものなどあります。また、形式としてはSketchで配布されているもの中心になります。

  • Posted on
  • Material
多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

Read More

多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

自分はこういったテンプレートを利用する機会が少ないのですが、普段から多様している人には便利そうなサイトだったのでご紹介。「Best of Themes」は、様々なところで配布されているHTMLテンプレートやWordPressテーマなどをまとめているサイトで、他にもEメールやDrupalで使えるテンプレートやテーマなどもあります。

  • Posted on
  • Services & Resource
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

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