サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！

テクノロジーカテゴリーの変更を依頼記事元:

design.kayac.com

1679 usersがブックマークコメント

120

現在プライベートモードです設定を変更する

1679 users design.kayac.com

現在プライベートモードです設定を変更する

みんなの興味と感想が集まることで新しい発見や、深堀りがもっと楽しくアカウントをお持ちの方はログインページへ

記事へのコメント120件

●注目コメント ●新着コメント

takefour めちゃ重くて、やっと開いたと思ったら見にくい判り辛い。誰得？ 2012/06/19 リンクその他 ● ● ●

accent_32 大嫌いなテクニック。視覚的エフェクトをするならなにもスクロールでやらんでもいいだろうに。ペライチで情報詰め込むはずが全然情報量無くなるしインパクト以外効果無い。クライアントは取れるけどさ・・・。 2012/06/20 リンクその他 ● ● ●

iww どのページもびっくりするくらい重い。格好いい訳でもないし、あんまり面白くも無い。みんなよく観ていられるな・・・ ●HTML5 ●web制作 ●これは微妙 2012/06/19 リンクその他 ● ● ●

t-abe ﹁斬新だろ？おしゃれだろ？﹂っていう感じをごり押しして、どういう順番で読んだらいいのかわからない変なコマ割で描かれたマンガと同じような匂いがする。 ●web制作 2012/06/19 リンクその他 ● ● ●

nitoyon 重い自己満足のサイト多し。ざっと見た感じで個人的な許容範囲は La Moulade、mokuva、The portfolio of Bryan Katzel、Nizo for iPhone ぐらい︵サムネイルがいかにも重そうなやつは未チェック︶ ●webdesign 2012/06/20 リンクその他 ● ● ●

tttera 凄いんだけど、オナニー感が‥ 2012/06/19 リンクその他 ● ● ●

kiria25 見た目は綺麗だけど、ページが表示されるまでが長くてイライラするものが多い。 ●webデザイン 2012/06/20 リンクその他 ● ● ●

doubleM これいま見てもホント素晴らしいサイト集 2016/07/06 リンクその他 ● ● ●

sawrec05 “Nizo for iPhone” 2016/03/04 リンクその他 ● ● ●

sima1414 memo 2015/10/25 リンクその他 ● ● ●

merlion45 菊地凛子 Webサイトすごい ●design 2015/02/03 リンクその他 ● ● ●

tasshi1717 “Nizo for iPhone” ●WebDesign ●DesignInspiration 2014/10/03 リンクその他 ● ● ●

DiscoveryCoach ︻様チェック︼ 2014/03/31 リンクその他 ● ● ●

corisuke パララックス 2014/01/23 リンクその他 ● ● ●

benkyo_web http://t.co/VIW2gWRFZN 2013/08/06 リンクその他 ● ● ●

yaoki_dokidoki 分解系のLOコラボサイトも紹介されてる。 ●design ●web 2013/04/17 リンクその他 ● ● ●

nvs メモ/菊地凛子 Webサイト ●webデザイン ●参考 ●パララックス効果 2013/01/24 リンクその他 ● ● ●

draff webデザイン 2012/12/13 リンクその他 ● ● ●

asiysosi28 1ページもののページ。ペライチ。 ●webデザイン 2012/11/13 リンクその他 ● ● ●

shinchaaaaaaan 今さらながらチェック ●スクロール ●webデザイン ●デザイン ●パララックス ●JavaScript ●HTML5 ●web ●design ●webdesign ●html 2012/11/08 リンクその他 ● ● ●

kireifish 縦長サイトのことを﹁ペライチ﹂というのか。 ●HTML5 ●kayac ●webデザイン 2012/07/24 リンクその他 ● ● ●

memo_lab 立て長スクロールで演出が面白いサイトのまとめ ●webdesign ●JavaScript 2012/07/10 リンクその他 ● ● ●

TAC 楽天に掲載しても恥ずかしくないペライチはまだですか＞＜ 2012/07/09 リンクその他 ● ● ●

sutanto1983 パララックス　縦長　スクロール　リッチ　ペライチ　1ページ ●webデザイン 2012/07/07 リンクその他 ● ● ●

saladdays これはいいまとめ。パララックスサイトとか。 ●design ●まとめ ●パララックス 2012/06/27 リンクその他 ● ● ●

minimum_sho パララックス効果 ●web_design 2012/06/26 リンクその他 ● ● ●

zuranozora かっこいいな～ ●知識 ●デザイン ●高級ペライチ 2012/06/26 リンクその他 ● ● ●

zekineco デザイン 2012/06/26 リンクその他 ● ● ●

sawa ペライチもここまで凝ったもの作ればアートの領域。なにより楽しいよね。 2012/06/25 リンクその他 ● ● ●

indigoworks 重いのが多い… 遊びは大事だけど、そこに意識が向きすぎて情報が取り出せないのはデザインではない。単なる作り手のオナニー ●webデザイン 2012/06/24 リンクその他 ● ● ●

unyuunyuho 縦や横に長いサイト﹁高級ペライチ﹂1度は見ておきたいスクロール演出のまとめ32個！ 2012/06/24 リンクその他 ● ● ●

seibe93 高級ペライチ集 ●Design ●Design UI ●HTML5 Canvas ●HTML5 2012/06/24 リンクその他 ● ● ●

tarchan 何これw不便すぎる ●web ●design 2012/06/24 リンクその他 ● ● ●

toguo 縦や横に長いサイトのまとめ。ちなみにうちは1ページものを﹁ペラもの﹂と言っているw ●webデザイン ●まとめ 2012/06/22 リンクその他 ● ● ●

twu_ru これいいね！オシャレなサイトが盛りだくさん!! ●HTML5 ●webデザイン 2012/06/21 リンクその他 ● ● ●

hedeyoshi 改めて流す。 2012/06/21 リンクその他 ● ● ●

ni-ten0 ペライチってこういう事じゃないだろ、って思いつつも感嘆。 ●デザイン 2012/06/21 リンクその他 ● ● ● 注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の﹁建設的コメント順位付けモデルAPI﹂を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=http%3A%2F%2Fdesign.kayac.com%2Ftopics%2F2012%2F06%2Fkoukyuperaichi.php" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://akarinohon.com/text/taketori.cgi/design.kayac.com/topics/2012/06/koukyuperaichi.php">縦や横に長いサイト「高級ペライチ」<span class="ltr">1</span>度は見ておきたいスクロール演出のまとめ<span class="ltr">32</span>個！</a><a href="https://akarinohon.com/text/taketori.cgi/https://b.hatena.ne.jp/entry/design.kayac.com/topics/2012/06/koukyuperaichi.php">はてなブックマーク - 縦や横に長いサイト「高級ペライチ」<span class="ltr">1</span>度は見ておきたいスクロール演出のまとめ<span class="ltr">32</span>個！</a></div></iframe>

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！ ●バナー広告なし ●ミュート機能あり ●ダークモード搭載アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事﹁縦や横に長いサイ...﹂が注目されています。気持ちをシェアしよう HTML+CSS+JavaScriptでつくるサイトの定番演出﹁高級ペライチ﹂！ HTMLファイ部の﹁HTML5の鬼﹂ことほんだです。カヤック社内では﹁高級ペライチ﹂という愛称で呼んでいる縦や横に長い1ページサイト。スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。今回は﹁高級ペライチ﹂とググると1位に表示される、僕のはてブ﹁高級ペライチ﹂タグから厳選32サイトを紹介します！まずは王道！縦に長い高級ペライチ ●webデザイン ●パララックス ●HTML5 ●デザイン ●スクロール ●html ●design ●webdesign ●web ●javascript