Read Article

npmでインストールされているパッケージを、npm-check-updatesでまとめてアップデートする方法

`package.json`に記載されているパッケージをアップデートしようと思ったとき、使用しているパッケージがひとつふたつならともかく、それらが数十個とかになってくるとそれぞれ行っていくのは面倒です。その際に便利なのが「npm-check-updates」というパッケージで、これを使用することで簡単に各パッケージの更新情報の確認や`package.json`の更新を行うことができます。

• July 24, 2017
• Services & Resource

Read Article

ボタンにユニークなホバー・クリックエフェクトを付けたいときに参考になるエフェクトサンプル 10

近年多くのサイトで採用されているパッと見がシンプルなボタンデザインでも、ホバーやクリックぐらいは少しユニークな感じにしたいと思ったときに参考になりそうなエフェクトをCodePenにアップされているデモから紹介します。そのまま参考にさせてもらうだけでなく、さらに自分なりにアレンジを加えてみたり、あとは紹介しているものを組み合わせてみても面白いエフェクトができそうです。

• July 18, 2017
• Tips

Read Article

最近気になった素敵なデザインフォント − July 2017

いずれも欧文フォントになりますが、最近ダウンロードさせてもらったり個人的にいいなと思ったデザインフォントの備忘録です。

• July 14, 2017
• Material

Read Article

NxWorldをリニューアルしました − 2017

普段からブログを見てくれている方やTwitter・FacebookといったSNSでフォローしてくれている方は気付いてくれた方も多いですが、先日NxWorldをリニューアルしたので、簡単にではありますが自分用の備忘録も兼ねて変更点などを紹介しようと思います。これまでの感じが特別嫌になったわけでもないのでデザインや全体な雰囲気などはそこまで大幅に変更しているわけではないですが、いろいろと細かい部分で変…

• July 11, 2017
• Blog

Read Article

Twitterの新UIで使用されているような、丸みがあって可愛いシンプルタイプのアイコンセット 10＋

ご存じの方も多いように少し前にTwitterのデザインがリニューアルされ、大きな特徴のひとつとして入力欄・ボタン・アイコンなど全体的に丸みを帯びた印象のデザインになりました。全く同じものでなければTwitterのアイコンに比べると丸みが少なめなものもありますが、同じようなアイコンを使いたいときに利用させてもらえそうな、丸みがあって可愛いシンプルタイプのアイコンセットを集めてみました。

• July 4, 2017
• Material

Read Article

Monthly Bookmarks #42

今月（2017年6月）個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

• June 30, 2017
• Bookmarks

Read Article

Sketchで利用できるクールなグラデーション素材 8

近年グラデーションをイメージに重ねたり、テキストやボタンの背景・文字カラーもベタ塗りではなくグラデーションが使用されているのを頻繁に見かけるようになりましたが、そのようなデザインをSketchで制作する際に利用できるクールなグラデーション素材のまとめです。

• June 26, 2017
• Material

Read Article

使い方次第でポートフォリオにも！インスピレーションをもらえたり、コミュニケーションスペースとして利用できるwebデベロッパー・webデザイナー向けサイト

世界中のデザイナーが作成したものを見てインスピレーションをもらえたり、世界中のデベロッパー達と問題の解決方法やよりスマートな実装方法を見つけ出すといったような、デベロッパー・デザイナー向けコミュニティサイトなどを集めてみました。いずれも有名なサイトばかりなので普段からこういうサイトを見ている・利用しているという人も多いと思いますが、初めて見るというものがあればぜひ利用してみてください。

• June 25, 2017
• Services & Resource

Read Article

サイト制作のスタイル設定を効率的に行うことができるリセットCSSとノーマライズCSSのまとめ

ブラウザ毎に設定されているデフォルトスタイルの差異をなくし、サイト制作のスタイル設定を効率的に行うことができるリセットCSSやノーマライズCSSを紹介します。すべてを完全にリセットしてしまうものもあれば、リセットは一部にして有用なスタイルは保持するものもあったりと様々なタイプがあるので、自分の癖やプロジェクトガイドラインに合わせて選ぶこともできると思います。

• June 21, 2017
• Services & Resource

Read Article

WordPress：タクソノミー（カテゴリー・タグ）が日本語で登録された場合のスラッグを自動的に変換する方法

備忘録。WordPressでカテゴリーやタグといったタクソノミーで名前に日本語を使用して登録する（タクソノミー作成画面の場合はスラッグを未記入で登録する）と、スラッグにもそのまま名前で使用した日本語が適用され、さらにそれをパーマリンクなどに利用していると一部の人にとってはすごく残念な気持ちになるURLになってしまいます...。運営する人がそうならないよう気を付けてもらえれば良い話ではありますが、確…

• June 16, 2017
• WordPress

Read Article

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #15

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものや個人的に面白いと思ったデザインアイコンです。

• June 13, 2017
• Material

Read Article

WordPress：「MW WP Form」のセレクトボックスをjQuery（JavaScript）なしで初期値ありの必須項目に設定する方法

WordPressで簡単にフォームを実装できるプラグイン「MW WP Form」で、セレクトボックスを初期値ありの必須項目に設定する方法です。以前はjQuery（JavaScript）を使って実装していたのですが、使用せずに設定する方法を教えてもらったので備忘録です。

• June 6, 2017
• WordPress