参考デザインの管理やインスピレーション向上に役立ちそうなChromeエクステンション

Read More

参考デザインの管理やインスピレーション向上に役立ちそうなChromeエクステンション

自分はデザインが得意ではなく引き出しもあまりないので、日頃から参考にさせてもらうために素敵だなと思うサイトやデザインを見つけてはメモしたり、時間がある時は沢山のデザインをできるだけ見るようにしているのですが、同じような方に便利だなと思ったChromeエクステンションです。いずれも参考デザインの管理に役立つものやChromeの新規タブを使って様々なデザインなどを見ることができるものになります。結局いろいろと試した結果愛用しているのは2つだけなのですが、他のも今後使用することがあるかもしれないし、折角使ってみたので備忘録兼ねて試してみたものをひと通りご紹介します。

  • Posted on
  • Services & Resource
ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集

Read More

ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集

サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。自分もそのような場合は公式からデータをもらったりカラー確認したりするのですが、毎回ググるのが面倒なのと、サービスによってはすぐに該当ページを見つけられないなんてことも稀にあるので、個人的にサイトやブログ制作時によく設置・利用されると思う各種サービスのガイドラインへのリンクを一覧化しました。

  • Posted on
  • Services & Resource
有名なWebサービスやサイトのロゴが一覧化され、SVGコードやカラーコードも確認できる「Simple Icons」

Read More

有名なWebサービスやサイトのロゴが一覧化され、SVGコードやカラーコードも確認できる「Simple Icons」

これは普通に便利で覚えておきたいと思ったので、備忘録兼ねてご紹介。「Simple Icons」はFacebookやInstagramといった有名なWebサービスのロゴが一覧化されれているサイトで、それぞれのSVGコードやカラーコードを容易に確認することができます。一覧化されているのはソーシャルサービスに限らず、他にもAppleやYahoo!のロゴもあったり、WordPress、Dropbox、Wikipediaなど様々なサービスやサイトがあります。

  • Posted on
  • Services & Resource
Brackets:コードヒントやクイックドキュメントを拡張できるエクステンションまとめ

Read More

Brackets:コードヒントやクイックドキュメントを拡張できるエクステンションまとめ

Bracketsにはコーディング時に役立つ機能として、HTML・CSS・JavaScriptを記述する際にヒントを出してくれるコードヒントとCSSの各種プロパティについて簡単なドキュメントを確認できるクイックドキュメントという機能が予めついているのですが、それらを更に便利にしてくれるエクステンションを紹介します。また、正確には少し違うのかもしれませんが、同じくコーディング時にヒントを出してくれたり、プロパティなどのブラウザ対応状況を確認することができるエクステンションも併せて紹介します。

  • Posted on
  • Services & Resource
デザイナー向けのゲームがまとめられている「Creative games for creative designers」

Read More

デザイナー向けのゲームがまとめられている「Creative games for creative designers」

「Creative games for creative designers」はデザイナー向けの作成されたゲームをまとめているサイトで、現時点で36種類のゲームがまとめられています。ほとんどのゲームがカラーに関連するものになりますが、タイポグラフィーやロゴに関するもの、その他デベロッパー向けのゲームもあります。

  • Posted on
  • Services & Resource
プログラミング向けのフォントを比較したい時に便利な「Programming font comparison」

Read More

プログラミング向けのフォントを比較したい時に便利な「Programming font comparison」

覚えておきたいと思ったので備忘録兼ねてご紹介。「Programming font comparison」はプログラミング用として使われることが多いフォントが一覧化されているサイトです。背景色やレンダラーなどを変更した状態で確認することもできるので、好みのフォントを探す際やいろいろなフォントを比較したい時に便利です。

  • Posted on
  • Services & Resource
Web系プログラミングの問題解決や勉強に役立つ、情報共有・質問などができるサイトまとめ

Read More

Web系プログラミングの問題解決や勉強に役立つ、情報共有・質問などができるサイトまとめ

主にWeb関連のプログラミングに関する情報共有が行われているコミュニティサイトや質問をすると誰かが解決のヒントをくれるようなプログラマ向けQ&Aサイト、WordPressやMovable Typeといった各種CMSの専用フォーラムを、自分も普段から利用しているものを中心にまとめてみました。紹介しているサイトの多くはログイン機能が用意されており、使い方次第で自分用のスニペット管理用として利用できるものだったり、行動によってバッジをもらえて楽しみながら利用できるものもあります。

  • Posted on
  • Services & Resource
レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

Read More

レスポンシブ対応された様々なタイプのナビゲーションを集めたギャラリー「NavNav」

覚えておきたいと思ったので備忘録兼ねてご紹介。「NavNav」はCSS・jQuery・JavaScriptで実装され、レスポンシブ対応もされているナビゲーションを集めたギャラリーです。検索機能やタイプごとでタグ付けも用意されているので特定の動きを探すのにも容易ですし、だらだらと時間ある時に眺めるだけでも今まで見たことないような動きを見つけたりできそうですね。

  • Posted on
  • Services & Resource
Chromeユーザー向け:タブを沢山開くタイプの人に便利な拡張機能 8

Read More

Chromeユーザー向け:タブを沢山開くタイプの人に便利な拡張機能 8

自分はメインブラウザでChromeを使用しているのですが、調べものをしている時やブログでまとめ記事を作成する際はタブを沢山開くことが多々あります。そこで今回は同じようにChromeユーザーで、普段からタブを沢山開いていることが多いという人には特に便利だと思う拡張機能を紹介します。

  • Posted on
  • Services & Resource
Hello Brackets

Read More

Hello Brackets

今から1年前ぐらいにメインエディタをSublime Textに切り替えた際にもとにかく高機能で使いやすかったので、これはもうずっとSublime Textを使い続けるかもなと思っていたんですが、いろいろと比較した結果メインエディタをBracketsに切り替えることにしました。まだ使い始めたばかりなので気になる拡張機能を片っ端から試してみたり自分が使いやすいようにいろいろといじろうとは思いますが、取り急ぎインストールしてみた拡張機能のメモや切り替える要因となったポイントなどを書き残しておこうと思います。

  • Posted on
  • Services & Resource
ポリゴン・ジオメトリックスタイルの背景画像を簡単に生成できるジェネレーター

Read More

ポリゴン・ジオメトリックスタイルの背景画像を簡単に生成できるジェネレーター

同じようなジェネレーターは多数ありますが、その中でも特に使い方が容易でカラー数も多めに用意されているものを備忘録兼ねて紹介します。どちらもサイズやカラーを選択・調整していくだけで、簡単にポリゴン・ジオメトリックスタイルの画像を生成してくれるジェネレーターです。

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