「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる1つの方法を紹介しちゃいます!。 デモ スクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。 デモを見る 考え方 基本的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。 基本レイアウト HTMLとCSSは、下記のようになります。 <!DOCTYPE html> <html lan
2017年6月29日 Webデザイン 誰もが目にする使い慣れたWebサイトといえば、やはり縦スクロールのレイアウト。そこにあえて横スクロールでデザインされているWebサイトを紹介します。JavaScriptでマウスウィールを使用できるようにしたり、いろんな効果を出しているサイトもあり、新しいデザインの種が見つけられるかも。 ↑私が10年以上利用している会計ソフト! 横スクロールWebサイトギャラリー 以前紹介した「うっとりしてしまうデザインのシングルページWebサイト30」でもいくつか横スクロールのデザインを紹介しました。多くの場合JavaScriptで横に移動するデザインですね。私はMacbook Proのトラックパッドを使っているので横スクロールも楽チンですが、horizontinyscrollingなどのJavaScriptで横スクロールでもマウスウィールが使えるようにすると全てのユ
店舗からのお知らせ <DenimClosetはユニセックスブランドとしてより多くのお客様に開かれたブランドに生まれ変わりました。>
(1)コピー&ペースト ・透過していない画像 ・面積の小さいもの、または画質が多少劣化しても構わない場合 以上のような画像であれば、直接photoshop等の画像編集ツールにコピペできます。 その際、Flashの[編集]→[環境設定]→[クリップボード]を以下の設定にしてください。 ・色深度…32ビットカラー(アルファチャンネル) ・解像度…72dpi ・サイズ制限…5000KB 画像編集ソフトの標準が72dpiであることが多いため、解像度が72dpi以外のものに設定されているとコピー&貼り付け前後で画像の縦横サイズ(px)が変わることがあります。標準では「画面サイズに合わせる」になっているので注意してください(windowsの標準は96dpiのためズレが生じます)。 画像が透過を含む場合は透過部分が黒く表示されてしまいますので、次の(2)(3)のいずれかの方法を使います。 (2)swfか
とうとう星野君が作成していたFlashが完成! 早速赤坂さんはそれを見せてもらいました。しかし赤坂さんの見方はちょっとベクトルが違っていました……。 Flashをめぐる赤坂さんの探求、番外編最終回!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く