2018年11月

1/2ページ

暇つぶしサイト

どうも中野です。 バタバタしているうちに更新が遅れ遅れになってしまいました。 誠にすみません。 今日はくだらないけど、面白い!暇つぶしに最適なサイトを紹介します。 1.シークレットドア http://ww3.safestyle-windows.co.uk/the-secret-door/ このサイトはグーグルマップのどこかに飛ばされて、それをストリートビュー機能を使って探索するというサイトです。 […]

配色に困ったら、参考にしたいカラーパレットサイト3選

  • 2018.11.26

HPの配色に困ったときに、個人的によく参考にする3サイトです。 Color Hunt Color Humt 4色の色の組み合わせをまとめてあるサイトです。 お気に入り登録機能やトレンドなど、様々な機能があります。 ざっくりとした配色を決める際にトレンドやランダムを見てアイディアを探します。 Dribbble Dribbble 言わずと知れた招待制のデザイナー向けSNS「Dribbble」。 作品に […]

Illustrator ツール その2

どうも中野です。 今回は前回に引き続き、ツールの説明をしたいと思います。 ですが、社内のパソコンがマックに代わり、それに伴い、イラレの表示が多少変化しております。 予めご了承下さい。 1.収縮ツール このツールは表示されている円の中心にクリックしている間、パスが収縮されていくツールです。 2.膨張ツール このツールは先ほどの収縮ツールの反対で円の中心から膨張するツールです。 3.ひだツール このツ […]

Illustrator ツール

どうも中野です。 今回はイラストレーターの面白いツールを紹介します。 1.線幅ツール このツールはその名の通り、線の幅を変更するツールです。 使い方は、線の上で上下にドラッグするだけ。 片方のみ動かしたいときは、Altを押しながらドラッグすると片方のみ動かせます。 2.ワープツール このツールはパスの上でドラッグするとそのドラッグした方向にパスが押しつぶされるツールです。 3.うねりツール その名 […]

Google推奨のGoogle製マテリアルアイコンを使う

HTMLでアイコンを使用する場合、WPでもデフォルトで使えるFont Awesomeで実装するのが一般的だと思いますが、マテリアルデザインやフラットデザインのサイトを構築する場合、 material.ioで提供されているアイコンを使ってみるのはいかがでしょうか? material.ioは、Googleが提唱するUXデザインの概念「マテリアルデザイン」についての情報を1つにまとめられたサイトです。こ […]

イラストレーター モザイク

どうも中野です。 今回はイラストレーターでモザイクのかけかたを説明します。 1.モザイクをかけたい画像を用意します。 モザイクをかけたい画像をよういし、その画像を埋め込みます。 2.オブジェクト → モザイクオブジェクトを作成 オブジェクト → モザイクオブジェクトを作成を選択します。 この時、タイル数を大きくするとモザイクが細かくなり、小さくするとモザイクが大きくなります。 3.完成 たったこれ […]

Bootstrap4製のマテリアルデザインのダッシュボード

Material Dashboardは、MITライセンスのBootstrap4製マテリアルデザインのダッシュボード用フレームワークです。 Demo サイドメニューやカードデザインが主な機能ですが、一覧画面や詳細画面なども作成可能です。 もちろん、Bootstrapベースなので、Bootstrapを使った構築も可能です。 管理画面などにおしゃれなサイドメニューを使えるだけで激アドだと思いました。 使 […]

Illustrator プラグイン

どうも中野です。 今回はイラストレーターのプラグインを紹介したいと思います。 まだ、私はイラストレーターのプラグインは使ったことがないのですが、調べてみたら様々なプラグインがありました。これを期にプラグインを入れてみようかな、、、? 1.Xtream Path https://flashbackj.com/product/xtreampath 凄く有名なプラグインみたいです。痒い所に手が届く!そん […]

Djangoのセキュリティ対策設定

Djangoの管理コマンドには、プロジェクト構成の検証用コマンドcheckが用意されています。 このコマンドを実行すると、アプリケーション起動時にエラーとなる記述を、アプリケーションを実行せずに確認できますが、 --deployオプションを使うと、本番環境向けのセキュリティ関連の設定をチェックができます。 python manage.py check --deploy 表示される警告は、次のソース […]