<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
ウェブサイトにアイコンを使用したいとき。わざわざアイコンを画像で書き出さなくても、google iconを使えば、簡単に使用できます。
その方法をご紹介します。
スライドショーを生のjavascriptで書いてみた
<div class=”slider”><img class=”img-item” src=”assets/img/slider01.jpg” alt=”” /></div&g … 続きを読む
タイポグラフィを極めると、デザインのクオリティがグッと上がる
タイポグラフィの意味には文字自体をアレンジするものと、文字組みの２種類があると思いますが、 チラシやポスター、webデザインでデザイン制作する際に、クオリティを上げてくれるのは、タイポグラフィの文字組の部分です。 文字の … 続きを読む
スマホアプリをwebアプリに変換し、デプロイした方法
スマホでのアプリをwebアプリに変換し、web上にアップした方法をご紹介します。 大まかに流れを伝えますと、typescriptで作られたアプリをビルド（htmlに変換）し、無料のvercelサーバを使って … 続きを読む
１２年間で培った、ぶれない軸を持ったデザインメソッド。
こんにちは、mayukouです。デザインを実務でしていく上で、体得したデザインメソッドをご紹介します。この工程を踏まないとデザインのイメージは浮かんできません。イメージが浮かばない状態でのデザインは悲惨なので、避けたいと … 続きを読む