2018年7月

1/2ページ

配色の考え方

どうも中野です。 今回は配色の基礎の話になります。「色彩調和」について書きたいと思います。 配色 今回はPCCSの24色相環を参考にします。 配色とは、色を組み合わせて新たな効果を生み出すことを言います。そのために、対象物の用途・機能などを満足させる配色になるよう計画を立てなくてはなりません。 機能的な面だけでなく、美的に色彩調和した配色を施すことによって目的は達成されます。 機能的であること、美 […]

Advanced Custom FieldsのGoogle MAPに「for development purposes only」と表示される

Google MAPは、2018月7月16日から仕様が変わり、API Keyなしでは、利用することができなく無しなした。それによってkeyを設定していない場合、「for development purposes only」と表示されるようになりました。なので、Google MAPに「for development purposes only」と表示される場合、keyを設定してあげることで解消します […]

Illustratorのショートカット

どうも中野です。 今回はIllustratorのショートカットを紹介します。 Photoshopと同じところもあるのですが、ちょこちょこ違うので、こっちでは使えるけどあっちでは使えないなんてことがあるので、きちんと覚えておくことをおススメします。   拡大、縮小 自由に場所を指定しながら拡大、縮小できるショートカットです。 拡大 Mac:Space + Command Win:Space […]

Felxboxの使用パターン4選

  • 2018.07.26

僕が個人的によく使うFelxboxを利用したcssの実装パターン4選です。Felxboxは並び替えとかもできますが、使用頻度はかなり低いです。 横並び See the Pen ejEyxV by mizusawa (@webty_mizusawa) on CodePen. グリッドデザイン See the Pen yqovoE by mizusawa (@webty_mizusawa) on Co […]

西日本豪雨災害 その後

どうも中野です。 今回はデザインの事ではなく、先日、真備に行った際に感じた事などを書かせていただきます。 豪雨災害があってから、何度か真備の方へ行ったのですが、毎回、橋を渡って真備に入るたび言葉を失います。 ですが、少しずつ真備も再生してきています。 今回はそんな内容を少し、みなさんとシェアできたらいいなと思い書かせていただきます。 信号機の復活 先日行ったときに、復活している信号機を見かけました […]

配色ツールサイト

配色が苦手な方、多いのではないでしょうか? 私も苦手です。今回はそんな方(私も)の為に、無料の配色ツールサイトを紹介します。 Color Supply http://colorsupplyyy.com/app/ 学校で習ったことのある、補色や類似色からトライアドなどの配色技法を感覚で触ることの出来るツールです。 英語ですべて書かれてるのですが、感覚で触れるので、英語が苦手でも大丈夫です。 Rand […]

iOS11でSafariがクラッシュする不具合の解決方法

  • 2018.07.19

実は、僕のiPhone、一年前に買い替えたときからSafariが起動しなくなりました。機種を5sから8に変えたときです。 正直、今までアプリ版ChromeやFirefoxなどのブラウザを使用していたので、標準ブラウザは全然使用していなかったのですが… アプリのランチャー機能や一部のメタタグなどSafariでしかできないことがあったので、直すことにしました。 症状 症状としては、Safariは起動す […]

ホームページのパーツの名称 part2

今回は前回の続きで、下層ページのパーツの説明をしたいと思います。 今回も当社のサイトを例に説明していきたいと思います。 「ヘッダー」「グローバルナビ」「RSS」「フッター」は前回説明したので、今回は省かせていただきます。 パンくずリスト 今、閲覧しているページがホームページのどの位置にあたるのかを見るためのリストになります。 前のページに戻るときや、適切に設置すればSEO的にも良いみたいなので、こ […]

ホームページのパーツの名称

コーダーさんやプログラマーさんに説明をする時に、ここ何だったっけ?と、たまに考えてしまうことがまだある中野です。 今回はそんな私の為に、備忘録としてこの記事を書きます。 トップページ ヘッダー 基本的にはホームページの上部にあります。どのページにいっても基本は同じ位置に表示されています。何のホームページを見ているのかわかってもらう役割を持っています。 グローバルナビ ホームページの主要なページへ案 […]