対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

Read More

対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

これは便利だと即ブックマークしたのでご紹介。「Beautify Converter」は圧縮・整形ツールやコンバーターをはじめ、様々なツールやジェネレータが用意されているサイトです。とにかく様々なツールやジェネレータが用意されており、対応している形式もよく利用されるようなものはひと通り揃っていると思います。

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

Read More

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

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

  • Posted on
  • Services & Resource
初心者や独学でプログラミングを学びたい時に便利な学習系サービス・サイト 10+

Read More

初心者や独学でプログラミングを学びたい時に便利な学習系サービス・サイト 10+

自分の中で目標を立てたり何か新しいことを始める場合は年始からという人も多いと思いますが、中には様々なことがスタートする年度初め(4月)のタイミングでという人も少なくないと思います。そこで今回は新しく始めたいことがプログラミングだという人に便利な学習系サービスやサイトを紹介します。これからプログラミングを学んで何か自分で作りたい人やそういった職業に就きたい人はもちろん、独学で勉強したことはあるけどリファレンスサイトや書籍だといまいち理解できなかったり続けられなかったという人も、以下で紹介しているのは動画解説でわかりやすいものやゲーム感覚で楽しく学べるといったものも多いので、こういったサービスやサイトを利用してみてください :)

  • Posted on
  • Services & Resource
Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100+

Read More

Webサイト制作や勉強をする際に役立つ便利なツール・サイトまとめ 100+

画像の軽量化やコード圧縮といったツールをはじめ、各種リファレンスサイト、利用している人が多いエディタやデザインツールのショートカット一覧など、Web制作時に便利だと思うツール・サイト・チートシートを自分のブックマークがかなり乱雑化してきたのでその整理も兼ねて一気にまとめてみました。もちろん他にもこういった便利なものは沢山ありますし、自分も普段からここで紹介しているもの全てを利用しているというわけではないのですが、こういったものを利用することで人によっては大幅に制作時間を減らすこともできると思います。また、覚えておくとど忘れした時に容易に確認等もできたり、勉強時の参考にすることができるものもあります。

  • Posted on
  • Services & Resource
参考デザインの管理やインスピレーション向上に役立ちそうな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
デザイナー向けのゲームがまとめられている「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

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