*

自己紹介に最適!1カラムでスクロールするシングルページ

ちょっと前に1ページで完結するサイトのデザインが海外で流行ってました。
なので、自分も試しに自己紹介ページを作ってみました。


http://masakey.net/

こんなメガネ持ってるんだぞというのを、スクロールでページの流れを感じてもらいつつ、
アピールしてみました。
アイコンはマウスを乗せると透き通ります。(IE以外だと滑らか。)

ページの構造自体は簡単なので、デザインに時間をかけれるかも。
面白いアイデアがあればまた作ってみたいです。

参考記事はこちら
簡単に設置できるページ内をスムーズにスクロールできるスクリプト
美しくてわかりやすいシングルページウェブデザインの例30
クリエイティブでオシャレなシングルページWebサイトまとめ
35 Nice Single Page Web Designs

PR

関連記事

no image

flashを使わないスライドのサイト作ってみました

今更感もありますが、HTML5の初歩とJSでメインイメージのスライドを作ってみたくてサイ

記事を読む

no image

学校など教育系のウェブサイト

2011年あたりで気になった、主に学校など教育系のサイトを紹介します。 森ノ宮医療学園専門

記事を読む

no image

サブメニューなどのリンクリストの書き方

ほんとのほんとに基本ですが、ぱっと使えるようにメモ。 リンクリストのHTML&CSSの書き方。 リ

記事を読む

no image

チョコが食べたくなるサイト

http://www.olympia-seika.jp/ トップページを始め、チョコの写真が抜群

記事を読む

no image

いろんなジャンルの女性向けのサイト

女性向けのサイトでデザイン的に優れたものをピックアップしました。 ブックマークサイトの中から選んでい

記事を読む

2014の年賀状をウマく描く。【資料まとめ】

そろそろ年賀状の準備をし始める方も多いのではないでしょうか。 そこで、趣味も兼ねてオリジナルのもの

記事を読む

【1週間分おまとめ】WEBデザインの人気記事#20~フラットまとめ、リラックスできるネイチャーなサイトに素材やチュートリアル~

『今年流行りのフラットなデザイン制作に役立つCSSフレームワークやPSD素材まとめ8つ』 フラット!

記事を読む

no image

as3の優れたflashサイト

おそらくaction script3で作られたサイトで、個人的にすごいな、と思ったりコンテンツとう

記事を読む

no image

技術職で誠実さが伝わるサイトにするには

http://www.syd-tech.jp/ まずトップをぱっと見 職場の気取りのないワンシー

記事を読む

no image

【1週間分おまとめ】WEBサイトのブックマーク#30~ウェディング、黄色の使い方、写真レイアウトの妙など~

写真をどこに、何をどの大きさで置くかで これだけ変わるんですね。 スクロールに従い四角や三角が

記事を読む

PR

Comment

  1. flashでできてるシングルページ、ギルティクラウン公式サイト | WebDesigner'smemo ウェブデザインの基本をメモってみました より:

    […] 先日紹介したシングルページ(1ページで完結するサイト)ですが、あるアニメ番組のサイトで使われてました。 ちなみにFLASHで作成されています。 […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


PR

no image
ムームードメイン

新たにドメインを取得することにしました。 コスト重視でサーバーは

ルーベンス デッサン模写

アトリエでの課題制作

色彩検定の復習しながらイラスツ

お久しぶりの更新です。 せっかく色彩検定を取ったので、 錆

イラスト フリー素材 円満退社

検索用のタイトルで始まりましたが、 イラスト素材を公開しますー!

更新情報で記事のカテゴリータグを色別で表示【WORDPRESS】

ワードプレスの記事です。 ビギナー向けですが、ネットにちらばって

→もっと見る

PAGE TOP ↑