WEBサイトのコンテンツ（内容）を１ページに収めて掲載をするシングルページデザイン。コンテンツが多い分、ページは縦に長くなってしまいますが、その長さを生かしてデザインされたポップでグラフィカルなWEBサイトをまとめてみました。
デザインスタジオ「Chilicongraphic」のWEBサイト。上からインクが落ちるイメージからデザインが繋がっています。
Link：http://chilicongraphic.com/
ビデオ制作会社「Epipheo」のWEBサイト。手書きで構成されていて子どもたちの自由帳みたいです。
WEB制作会社「APPOLO」のWEBサイト。ロケットが打ちあがるイメージのデザインです。マウスの動きで星がきらめいたり、ページないのアクションも注目です。
写真スタジオ「Kinderfotografie」のWEBサイト。子どもを中心に家族写真を撮影するスタジオのようで、かわいらしいデザインです。
【無料】商用利用ＯＫシームレステクスチャ「岩石（白玉石風）」素材
自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用ＯＫのフリー素材となっております。 ...続きを読む
国登録有形文化財「旧マッケンジー住宅」を見てきました。旧マッケンジー住宅は、明治から昭和初期にかけて活躍した建築家のウィリアム・Ｍ・ヴォーリズによる設計です。現在にでも通じるシステムキッチンや浴室があり、70年以上前とは思えないほどの設備が整っています。 概要（引用） ...続きを読む
メールで見覚えのある名前の通知。 通販会社などからの「ご注文内容の確認」 配送会社などからの「お荷物をお届けできませんでした」 有名企業などからの「キャッシュバックキャンペーンのお手続きがまだです」 カード会社などからの「ポイントの有効期限が切れます」 このよう...続きを読む
【CSS】CSSカウンター入門｜番号を自動で付与する基本と活用例
CSSカウンターとは？初心者でもできる番号自動付与の基本 Webサイトを作っていると、リストや段落に番号を振りたい場面が多々あります。 HTMLの<ol>タグを使えば自動的に番号が付与されますが、「思った通りにデザインできない」...続きを読む
最近は、CSSというとCSS3にクローズアップされることが多いのですが、今回は、CSS2より追加された「counter（カウンタ）」の着目してみました。 CSSの「counter（カウンタ）」を使用すると連番などの自動ナンバリングの機能を実装することができます。 ...続きを読む