Tag : Resource

- 61 Articles -

gulp:特定のディレクトリやファイルを対象から除外する方法

Read Article

gulp:特定のディレクトリやファイルを対象から除外する方法

gulpを使っていると基本的には指定した全てのファイルで処理を実行してほしいけれど、一部ファイルに関しては実行してほしくないというときがあります。そんなときに使える特定のディレクトリやファイルを対象から除外する方法で、簡易的なものであれば特にプラグイン等も必要なく実装できます。

  • Services & Resource
gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

Read Article

gulp:タスクやインストール済みプラグイン・モジュールの一覧を表示する方法

gulp使用時に現在どのようなタスクが定義されているか確認したり、どのプラグイン・モジュールをインストールしているかをコマンドで確認する方法です。すごく使用頻度が高いというわけではないですが、ざっくりと定義されてるタスクを見たいときにや`package.json`を見に行くのが面倒なときに使えます。

  • Services & Resource
様々なサービスやブランドのロゴをSVGとPNG形式でダウンロードできる「Instant Logo Search」

Read Article

様々なサービスやブランドのロゴをSVGとPNG形式でダウンロードできる「Instant Logo Search」

覚えておきたいと思ったので備忘録兼ねてご紹介。「Instant Logo Search」は様々な有名サービスやブランドのロゴデザインをSVGまたはPNG形式でダウンロードすることができるサイトです。他の同じようなサイトではあまり見かけないような国内の企業やサービスのロゴなども多数含まれているので、特にデザイナーの方など覚えておいて損はないと思います。

  • Material
Flexboxの具体的な使用例がまとめられた「Flexbox Patterns」

Read Article

Flexboxの具体的な使用例がまとめられた「Flexbox Patterns」

数は少ないですが、今後増えるの期待しつつ覚えておきたかったので備忘録。「Flexbox Patterns」はタブ・フッター・リストなどサイトでよく使われるレイアウトやパーツを、CSSのFlexboxを使った実装例としてまとめているサイトです。Flexboxが便利なのはわかるけど具体的にどんなところに使うのかまだピンとこない人や勉強したい人には便利そうです。

  • Services & Resource
商用利用も可能なロゴデザインを公開・配付している「Weekly Free Logo Designs For Your Business」

Read Article

商用利用も可能なロゴデザインを公開・配付している「Weekly Free Logo Designs For Your Business」

おそらく実際に使わせてもらうことはないと思いますが、インスピレーションもらえそうだし覚えてはおきたかったので備忘録兼ねてご紹介します。「Weekly Free Logo Designs For Your Business」は個人・商用問わず利用することができるロゴデザインを公開・配布しているサイトで、いずれもシンプルなデザインになっています。

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

Read Article

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

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

  • Services & Resource
綺麗でカラフルなグラデーションが一覧化されている「colorful gradients」

Read Article

綺麗でカラフルなグラデーションが一覧化されている「colorful gradients」

覚えておきたいと思ったので備忘録兼ねて。「colorful gradients」はサイト名にもあるようにカラフルなグラデーションを一覧化しているギャラリーで、綺麗で美しい色合いのグラデーションを多数見ることができます。全体的に淡い色合いのものが多い感じなので、そういったカラーが好みの人や参考にしたい人にはおすすめです。

  • Inspiration
各種カーソルの見た目と対応ブラウザが確認できる「CSS Cursor」

Read Article

各種カーソルの見た目と対応ブラウザが確認できる「CSS Cursor」

地味ですけど便利だと思ったので備忘録兼ねてご紹介。CSSを使ってカーソルの見た目を変更することができるのですが、「CSS Cursor」はそれらをまとめているサイトで、CSSでどのように記述することでどのようなカーソルが表示されるようになるのかを簡単に確認できるようになっています。また、見た目だけでなく併せて対応ブラウザについても確認できます。

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

Read Article

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

自分はデザインが得意ではなく引き出しもあまりないので、日頃から参考にさせてもらうために素敵だなと思うサイトやデザインを見つけてはメモしたり、時間がある時は沢山のデザインをできるだけ見るようにしているのですが、同じような方に便利だなと思ったChromeエクステンションです。いずれも参考デザインの管理に役立つものやChromeの新規タブを使って様々なデザインなどを見ることができるものになります。結局い…

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

Read Article

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

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

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

Read Article

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

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

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

Read Article

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

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

  • Services & Resource

Close the search window,
please press close button or esc key.