Blog
開発者向けテクニック
完全初心者OK!XDを使ったワイヤーフレームの書き方

完全初心者OK!XDを使ったワイヤーフレームの書き方

残念ながらスクールではあまり教えてくれないワイヤーフレーム。XDを使って初めてでも10分でできるワイヤーフレームの書き方を解説します。ワイヤーフレームは、ウェブサイトの設計図のようなもの。フォントを決めたり、コンテンツの配置を考えるだけでなく、ユーザーの導線を設計するために重要なステップです。

続きを読む
あなたもデキル!CSSでスクロールしても背景を固定させる方法

あなたもデキル!CSSでスクロールしても背景を固定させる方法

スクロールしても背景が固定されているとなんだかワクワクしますね!実はこれ、簡単にできちゃうんです。マーケティング的に見ると、伝えたいことに集中させられるというのがメリット。background-attachmentというCSSを使って、早速背景を固定してみよう!

続きを読む
[ビデオ解説付] CSSとSVGで手書き風のアニメーションを作る方法

[ビデオ解説付] CSSとSVGで手書き風のアニメーションを作る方法

筆記体なんかが、するするって手書きしてるみたいに動くアニメーションのやり方です。ビデオ解説付で、テンプレも公開中。HTML、CSS、ちょこっとJavascriptを使用しますが、わかってしまえばカンタン!用意するものは、Illustratorなどの画像編集ソフトとHTMLエディタだけ。

続きを読む