More RareHere's your gift card!
クオリティが高い縦に長いサイトを厳選して集めています MUUUUU_CHANG WEB DESIGN SHOWCASE
縦長のwebデザインをがむしゃらに集めています。
jQuery で実現する パララックス効果をヒントにしたシンプルで新しいスクロール背景 - こじょらぼ
背景画像のトップとボトムが、ページのトップとボトムと一致するように、 ページの長さに応じてスクロール量が変化する背景を設定する方法です。 ページのスクロールとは独立して(ページの縦幅に関係なく)、背景は背景画像の高さ(height)までしかスクロールしません。 ちょっと前から主流の fixed や、伝統の scroll に並ぶ、 新しい種類の背景(background-attachment)と言えるのではないでしょうか！ 特徴 繰り返さない一枚絵の美しさと、ユーザーの操作に応えるインタラクションを兼ね備えています。 パララックス効果を使った背景よりもシンプルです。 実装もシンプルで比較的 簡単です。 サンプルページ 当ブログのトップページがサンプルです。 コンテンツのスクロール量と、背景のスクロール量に注目。 スクロール バーでスクロールさせると、滑らかで分かりやすいかも知れません。 続き
[JS]jQueryのプラグイン33+1選 -2012年7月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 approach アニメーションを時間ではなく、距離でコントロールします。 JSTween 簡単な記述でエレメントをCSS3などを使
とある色の決め方
webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。Read less
画像レイアウト関連で便利なjQueryプラグイン等まとめ:phpspot開発日誌
ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ
目的を達成させるための最適なWebサイトのタイプ(種類)
先日[ホームページ成功への道はすべてここから始まる。目的・目標の明確化]を書かせて頂いたんですが、「目的が決まっても、目的を達成させるためにどんなWEBサイトを作ったらいいのかわからない」と読者の方から連絡をいただきましたので、今回は【目的を達成させるための最適なWebサイトのタイプ(種類)】を紹介したいと思います！ WEBサイトには多種多様な目的があり、その目的を叶えるためにさまざまなタイプのWEBサイトが存在します。今回はこれらをわかりやすく見比べられるように表にしてみました。新しくWEBサイトを作るときなどに参考にしてみてください。 WEBサイトの目的とタイプは生まれ続ける。 インターネット上には、さまざまなタイプのWEBサイトがあります。商品を直接販売するための「ECサイト」、会社情報を伝えるための「コーポレートサイト」、商品やサービスを認知してもらうための「プロモーションサイト」
ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年7月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
Photoshopで理論的に配色はできないものか検証してみた
最近は配色を作れるジェネレータや配色をシェアするサイトが多数あり、簡単に配色を作ることができます。ただ、そういうのに頼らずにもっとPhotoshopだけで理論的にできないものかと思い検証してみました。 動機 配色を作れるツールっていまいち使いこなせてないし、自分がイメージしてる配色をPhotoshopで理論的に作れたら楽だなと思って。 結論 最初に結論を述べます。 Photoshopで色相を使った配色は基本的には難しいです。（できなくはないが非常に手間がかかる） 彩度・明度を使った配色は簡単にできる。 また、トーンを使った配色ならそれなりにであればできる。という結論になりました。 Photoshopの表色系の落とし穴 色相を順序立てて円環にして並べたものを色相環と言い、色相環の反対の位置が補色となります。 つまり基準となる色に180°足した色が補色になります。 ところが下記のようにPhot
ディレクター・デザイナー必見、うんちをかっこよく魅力的に！ブランド戦略を考える -Poopoo Strategy
Poopoo Strategy [ad#ad-2] 通常、プロジェクトはクライアントから与えられる目的や指示などがありますが、これはそういったものがない状態でブランドを作り、説得力のあるプレゼンテーションが行えるまでをまとめたものです。 この出来栄えは、きっとクライアントも満足するはず！ｗ
京都市左京区の動物病院「かく動物病院」
2024.12.11 (水) 12/30（月）午後～1/3（金）まで休診 2024.07.05 (金) お盆は休まず診察 2024.06.18 (火) 初診の方のWEB予約方法 2024.04.30 (火) 2024年5月3日から6日は休診 2024.04.12 (金) フィラリア健康診断パック
あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか！」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか？ ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか？ スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
コンバージョン率アップの参考になる５つのランディングページ徹底解剖
WEBマーケティングにおいてランディングページの質は、売上に直結する最終ポイントだ。 従って、ランディングページの質が悪いと、それまでの苦労が全て水の泡となってしまう。 そこで本日は、ランディングページのコンバージョン率アップのために参考にしたい素晴らしいランディングページを５つご紹介する。 そして、僭越ながら、より多くの気づきを得て頂きたいという思いから、それぞれのランディングページの改善ポイントを、私個人の観点からお話させて頂く。 それでは、早速一つずつ見て行こう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこ
自動でリピート再生するYoutube動画を背景全体に指定出来るjQueryプラグイン・jquery-tubular - かちびと.net
Webサイトの背景をリピート再生するYoutube の動画にしてしまおう、というjQueryプラグイン ・jquery-tubularのご紹介です。なかなか斬新 では無いかなと思います。ユニークなサイトを 作る際に参考にしたいですね。導入も極めて 簡単なのでぜひチャレンジしてみてください。 jQuery使うといろいろ出来るんですねぇ。スキルの低い僕にとっては、こうしてソースを提供してくれるのがとてもありがたいです。ライセンスはMITとのことですので、商用でもOKですね。 [note]かなり適当ですけどWordPressのテーマにしたのでご興味有りましたら遊んでみてください。[/note] このように背景全体にYoutubeの動画を使うことが出来るプラグインです。ユニークでインパクトもありますね。導入も非常に簡単です。 サンプル作った 面白かったので暇を見て適当にデモサイトを作ってみました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近公開されたjQueryスライドショープラグインいろいろ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
YouTube人気急上昇
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
フリーのハイクオリティでレスポンシブなWordPressテーマ３０:phpspot開発日誌