kozuki

デザイナーです

kozuki

デザイナーです

最近の記事

pugでのコーディング

コーディングをしているとき、Webデザイナーであれば誰しも下記のような悩みと戦ったことがあるのではないでしょうか。 - 閉じタグを忘れた! - 今どの階層にいるんだっけ? 私は Pug という言語に出会い、このような悩みから解放されました。同じような悩みを抱えているひとたちに向けて、簡単にメモを残しておきます。 1. Pug とは? HTMLのテンプレートエンジンの1つで、HTMLを書くための言語です。  下記公式サイトではなにやら難しいインストール方法が記載されていま

    • デザイン作成用のマウスアイコン素材

      デザイン作成のとき、ホバー時デザインを示すためのマウスカーソル素材です。探したときにフリー素材がなかったため作りました。商用利用などご自由にどうぞ。 カーソル ポインター

      • 2019.10-2020.3 サイトトレース

        今期のウェブサイトトレースです。 トレースウェブアプリケーション トレースするサイトの設定として、今回はウェブ上でのアプリケーションをメインとしました。理由としては、業務上でアプリケーションのデザインに触れる・携わることが多かったためです。 トレースするサイトの設定 今回は「youtube」「backlog」「note」の3つのサイトをトレースしました。それぞれ方向性が違い、なおかつ多数のユーザーがいるサイトです。 ただトレースするだけでなく考察を行いまどのような意図を持

        • デザインの情報収集に使っているサイトまとめ

          友人・上司・同僚から、いろいろとオススメのサイトを教えてもらったのでまとめておくことにした。気付いたら情報収集が疎かになっていることもあるので、インプットが足りないときに見返そう。 pinterest 定番中の定番。ウェブからDTPまでなんでもある。デザインに悩んだら、このサイトでそれらしい単語で探すと新たな知見が生まれたりする。 Web担当者Forum デザイナーがプレゼンをする相手は先方のWeb担当者。であるならば、その説得のためには相手の視点に立つことが大事! 特に

        pugでのコーディング

          Javascript でモニター右下にウィンドウを出す

          はじめに業務上でJavascriptを扱う機会があり、やってみようと試みたのだがうまくできなかった。そのためしばらく本を読んで、ようやく表題の動きについて理解した。のでメモしておく! 下記は横300*縦400のウィンドウを別窓で表示させる時のコード。ウィンドウサイズを変える場合数字を変えること。 html<a href="hoge.html" onClick="win-rightbottom();">リンクテキストが入ります</a> scriptfunction win-

          Javascript でモニター右下にウィンドウを出す

          2019.04-09 SPサイトトレース

          2ヶ月に一度行っていた、ウェブサイトトレースのまとめです。 本来は発表の場を設ける予定だったのですが、すっかり準備を怠っており…。書き溜めていた原稿があったのでnoteで書いておくことにしました。 トレースSP版のウェブサイトをトレース 私の業務上アプリケーションを作成するよりSP対応のウェブサイトを作成するほうが多く、SP表示のセオリーを知っておきたいと考えました。 トレースするサイトの設定 前提:大企業のウェブサイトの模写 大企業のwebサイトは多くのweb制作の知見

          2019.04-09 SPサイトトレース