縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
不動産サイトのWEBデザインで一番大事なことは | ウェビメモ
最近、とあることから不動産サイトを眺める機会が増え、不動産サイトとは何たるかを悶々と考えています。 おもに不動産売買、不動産投資についてのサイトをよく見てるんですが、デザインするにあたり どんな要素が必要なのか、構成にルールはあるのか、気になったので自分用にまとめてみました。 一番大事なのは「雰囲気をつくること」 高額な商品を扱う不動産サイト。 やはりそれ相応のふさわしい雰囲気を創り出す必要があると思うんです。 私が特に気を付けたいと思ったのは以下の３つ。 その１：安心感 もうこれはお客さまがいる時点で絶対条件でしょうけれど、 不動産投資のサイトって一歩間違えるととても胡散臭くなるので、扱う文章などにも気を付けたいところですね。 その２：シンプル 不動産購入をする方・投資をする方は、若者よりもある程度年齢を重ねられたお客さまの方がはるかに多いですよね。 購入物件の情報はどこから見る事ができ
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
Webサービスを10日以内にリリースする方法をすべて書いたよ（「Gumad」編） - パパパパ
このブログは、僕がこれまでWebサービスを30くらい作ってきて、失敗したり成功したり色々体験していることをまとめています。 「Gumad β」は株式会社メーヴェの安宅（ディレクター）と杉本（エンジニア）の2人で、Gumroadの存在を知ってから9日間で作ったWebサービスです。作っている間にあったできごとや僕らの動きを公開したら、これから個人やベンチャーの人たちがWebサービスを作る人の（良い意味でも悪い意味でも）参考になるかもということで、少々こっ恥ずかしいですがブログに書き残しておこうと思います。 ちなみに、今回のシステム関連の話は「Gumadβで使ったgemまとめ」こちらに詳しく書かれています。 いまは「Gumad β」はミニWebサービス的な位置づけですが、もしGumroadやその周辺のサービスが盛り上がってくれば、面白い展開ができると考えており、ベンチャーらしく短期間でゲリラ的に
無料で使えるプロフェッショナルっぽいWordPressテーマ集
WordPressを少し格好良く使いたいという人、特にビジネスで使いたいと考えているならデザインとテーマには凝らなければいけません。有料であればよいデザインが多いのは当然のことですが、無料でもプロフェッショナルなテーマが配布されています。 1：Journic Wordpress Theme トップは絵の具を塗ったように色がついていますが下の方はシンプルな2カラム型。右カラムには最初から125×125のバナー用のスペースが用意されています。 2：Biforate 3カラム式で、サンプルではメニューや見出しの背景に鮮やかな青色を配置しています。 3：ProPhone Free Wordpress Theme | ThemePix ばちっと1記事を見せたいという時に使えそうなデザイン 4：Danko Free Charity WordPress Theme チャリティ向けテーマなので、少し下にス
イケてるWebデザインリンク集｜デザイケ -Design Iketeru-
TOKYO METRO ACCELERATOR 2019 「 Keeping You on the Move ?みんなが自分らしくつながる未来へ?」を共創によってつくりだしたい。
WEBデザイン WEBサイトのリンク集・デザイン集 | YSIG
webデザインをサポートするカテゴリー別（色・レイアウトなど）webデザインリンク集。webデザイン・web制作の参考に。優れたwebデザイン募集中！ ■2010年6月14日 NEW 全然、Webサイトの紹介ではないですが、管理人がつぶやいてます。良かったらフォローお願いします。 →Twitter ■2010年5月31日 NEW 2010年6月のYSIGトップ画像を飾ってくれるのはウエツジショータローさんです！奥にいる緑の生物があやしげ！ 独特の世界感を持つウエツジさんのWebサイトはこちら→「ギガガロー」 ■2010年4月30日 NEW 2010年5月のYSIGトップ画像を飾ってくれるのはマツオヒロミさんのガーリーな作品です。男ごころをくすぐる目元と口元に魅了されます。マツオさんはガーリーなイラスト以外にもコミックを書かれているようです。そんなマツオさんのwebサイトはこひらからどうぞ。
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
古参ウェブ屋が最新のサイト立ち上げ運用マニュアルを本気になって作ってみた
HOME / ウェブサイトのコツ / いまさら聞けない！ホームページの立ち上げから運用体制構築 Date: 2011/11/25 | | Tags: ホームページ, 立ち上げ, 運用体制, 構築 いまさら聞けない！ホームページの立ち上げから運用体制構築 自社ウェブの立ち上げから運用体制の構築まで、ウェブ担当者は何を考えないとならないのか？ 本日、静岡商工会議所主催の静岡清水産業情報プラザ創立10周年記念セミナーでお話しした内容です。 いまさら聞けない！ホームページの立ち上げから運用体制構築">いまさら聞けない！ホームページの立ち上げから運用体制構築 小規模ウェブから大規模ウェブまで通用する、「担当者が何を考えるべきか？」という切り口の資料になっています。ウェブ担当者はなにも技術のことを勉強するのではなく、誰かを使って、場合によっては外注して、やらなくてはならないことを実現すればいいわけです
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう
皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか？ 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね？ 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http
![WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0366a92f40229090fad09f8bcea2cb9d905fb02/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2011%2F08%2FA29.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作の見積金額・相場観を知りたい時に参考になる記事まとめ
WEBデザインが素敵なサイト教えろ：キニ速
Loading...
グーペ - 飲食店向け簡単ホームページ作成サービス
WordPressでここまでできる！WordPressで作ったとは思えないWebサイトまとめ12個 - W3Q