HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
ノマドワーカー・スタイル。「どこでもオフィス環境」で働くウェブディレクターが綴る「クラウド時代の知識生産術」。 ブラウジングに秩序をもたらすタブグループ数カ月間のテストを経て、Google Chromeでタブをグループ化する機能がリリースされました。 仕事に没頭していると、つい多くのタブを広げてしまい整理がつかなくなり、結果的に目当てのタブを探すのに手間どるということも…面倒くさくなってブラウザを一旦全部終了させるという暴挙に出た挙げ句、必要なページをまた開き直すなんてことは避けたい。。。 タブのグループ化は効率的なブラウジングを可能にし、そんな混沌から抜け出すための救世主なのです。 タブブラウザはページの切り替えが簡単にできる反面、増えすぎるとカオス。 直近で利用しているタブと、しばらく閲覧していないタブとが並列に表示されるため、重要度が違うものが同列に並んでしまいます。これではとても非
visible Firefoxでは領域をはみ出して表示しますが、IEとOperaでは領域を広げて表示してしまいます。ただし、表示モードが標準モードの場合には、IE(7以上)とOperaでも領域をはみ出して表示します。(領域をはみ出して表示するのが正しい解釈となります) hidden 上記の全てのブラウザで同じように表示されます。(はみ出た部分を表示しません) scroll 上記の全てのブラウザで同じように表示されます。(縦横のスクロールバーが表示されます) auto 上記の全てのブラウザで同じように表示されます。(縦のスクロールバーだけが表示されます) 使用例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head>
CSSのoverflowでボックスにスクロールバーを表示する方法スクロールバー付きボックスの簡単な作り方を解説。HTMLで作成したボックスにCSSのoverflowプロパティを使ってスクロールバーを追加すれば、表示面積の狭いボックスの中にもたくさんの情報を詰め込むことができます。お知らせ一覧や更新履歴の掲載など「広い面積は使いたくないが、多くの情報を列挙したい」という場合におすすめのレイアウト方法です。 スクロールバー付きボックスで、狭い面積の領域に多くの情報を詰める 表示面積を狭く限定したボックスで、スクロールバーを使って続きを読めるようにしたデザインは、新着情報や更新履歴のように「広い面積を占有させたくはないが、多くの情報を列挙しておきたい」という内容を掲載する際に便利です。 例えば下図では、赤色の点線で囲まれたボックスの右端にスクロールバーが見えています。このスクロールバーを使って下
どんな業界・どんな職業に就いても同じことが言えるのですが、その業界で働いているからこそ学べることがあります。ですが、この業界特有の専門知識のせいで、勘違いが生まれてしまうこともあるんです。例えば、『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』これは私達WEB業界で働いている人であれば、よく知られたコンバージョンを上げるためのポイントの1つです。 ただ、実はこの『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』という事を提案したがために、売れないECサイトを作ってしまうことがあります。なぜか分かりますか? それは『人は買いたい商品の情報であれば、詳しく知りたい』と考えているからなんです。 今回は、WEB業界では正しいと思われているが、実は間違っている可能性のあるECサイトの提案について説明させていただきます。 本当に買いたい人は商品の詳細を詳しく知りたい webデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く