サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
webhoo.net
Levante | Everyday luxury for the discerning hosiery consumer Webデザイン3つの良いとこ : 3 Good Point! サイトから漂うエレガントさ! 黒を映えさせる 要素・写真を斜めに切る 私はWebデザインのココを見た! TweetWebデザインから漂うエレガントさ!黒を映えさせながら、細かいところに気を使うことで、豪華さを強調しているペライチWebデザイン。 漂うエレガントをグレーと黒で引き締める 写真は常にゴールド色を含め、そしてグラデーションで高級感を出しています。そしてそれを引き締めるのが、グレーのサイト全体枠。 この枠は、半透明色を適用しているので、引き締めすぎずにまとまりを演出しています。 斜めに要素・写真を切る これもサイトのエレガントな雰囲気を出す効果的な手法。ちょっとだけアシンメトリーな魅せ方をすることで
TweetWordPressを利用していると、沢山の問題にぶち当たります。それを解決していくのがまた勉強になって面白いんですが、今回は困った!ページングのお話です。 当ブログはトップページに通常のポストと共にカスタム投稿タイプを表示しています。初めから存在するテンプレート(index.php)のままだとカスタム投稿タイプを表示させることは出来ないので、特別に表示させてあげるステップを踏まないといけないんですね。 ブログを始めたばかりの時は特に問題は感じませんでしたが、記事が増えていく内に、「アレ、2ページ目読み込めないジャン・・・」という問題が発生。2ページ目以降が404エラーを返します。 半日近く試行錯誤した上で、この方法にたどり着きました。これは、カスタム投稿が含まれた時だけの問題ではなくて、通常のnext_posts_linkやWP-PageNaviのプラグインがエラー出てる!404
ICONIC FURNITURE Webデザイン3つの良いとこ : 3 Good Point! フラットWebデザイン ペラペラめくるようなスクロール コンパクトに収めたWebデザイン 私はWebデザインのココを見た! Tweetフラットデザインが素敵なベタ塗りWebデザインです。カーテンを開く、というか下からペラペラめくるようなスクロールアニメーションは、jQueryプラグイン「Curtain.js」によるもの。 ペラペラめくるスクロールアニメーション 実際にサイトにアクセスして頂くと簡単にわかりますが、カーテンが下から開く、というか画像をペラペラめくるような演出がスクロールで行われます。また、矢印キーでも利用が可能になっています。 これはjQuery「Curtain.js」を利用したもの。とっても簡単便利に利用できます。 まずHTMLとして、 <pre><ol class="curta
HTML5、videoタグをうまく用いて、映像で商品を雰囲気たっぷりに紹介するトップページは好感が持てますね。また、カートが随時absoluteで出ているというデザインもうまい。CSS3がうまく利用されているECサイトのWebデザイン
Tweetゴールデンウィーク皆さんお楽しみできたでしょうか。微妙な休みが入るために、家でゆっくりサイト作成・・・、なんて人もいたかも? そんなこれからWebサイトを公開しよう!としている方々に向けて、海外デザインブログであるDesign Riviverにて「15 Tutorials for creating amazing Coming Soon pages」という、サイト公開前のカミングスーンページのみに絞ったPhotoshopチュートリアル集がありましたのでご紹介。 カウントダウンページの効果的な作り方はもちろんのこと、細かいPhotoshopの使い方も学べるので非常に参考になります。 【Photoshop】カウントダウンサイトの作り方【チュートリアル】 明るくて面白みのあるカミングスーンWebデザインの作成方法 効果的なカウントダウンサイトの作り方 Photoshopでのカミングスー
MVA - SPACE SHOWER MUSIC VIDEO AWARDS Webデザイン3つの良いとこ : 3 Good Point! ウィンドウに合わせ、要素までも自動リサイズさせるレスポンシブWebデザイン ポワンと表示されるランダム要素+無限スクロール ホバー演出でライブ感をプラス 私はWebデザインのココを見た! Tweet要素が自動でリサイズされるレスポンシブWebデザイン。要素がランダム表示され、更に無限スクロールを採用しているので、永遠に続くコンテンツかと錯覚してしまうUI。すごい!インタラクティブに動きまくるWebデザイン。素敵です。 要素が自動リサイズされるレスポンシブWebデザイン ウィンドウのサイズを変更すると自動で要素の大きさが変更されることがわかります。 このレスポンシブWebデザインはちょっと違う。 要素自体の自動リサイズ リサイズの動きがわかりやすい スマホ
House: Kolekcja Lato 2013 Webデザイン3つの良いとこ : 3 Good Point! 刺激的なPinterest風Webデザイン 記事の区切り線が秀逸! デザインの統一性・一貫性 私はWebデザインのココを見た! Tweet皆さんGW楽しんでいますでしょうか。絶賛お休み中ですが、簡単にWebデザインレビューいきますよ! 今日はPinterest風ブログWebデザインで非常に参考になるサイトがあったのでご紹介。ページというか、記事区切りが秀逸です。当ブログ「Web風」と同じく、masonryを使用していますが、こんな区切り方があるとは驚き。 masonryを利用した記事区切りが刺激的 トップスクリーンから下にスクロールすると、pinterest風のコンテンツ区切りが秀逸なブログ形式のWebデザインが登場します。 このマルチカラムの段々なレイアウトは、「masonr
Tweetドットインストール 今日は個人的に大きな一歩を歩み出す大事な日。 そんな今日は今までとてもお世話になってきた。そしてこれからもお世話になります!ドットインストールの勉強方法をご紹介。 ドットインストール自体、このブログを観るような方ならばほとんどの方がご存知だと思いますが、以前どういうふうにドットインストールを観て、勉強しているか、ということが話題になったので、その紹介をさせていただきます。 いつもならばWebデザインレビューを行なっていますが、今日はちょっとお休みして、いつも観ている感謝を込めて、こうすればもっとみんな見やすくなるよ!ということをシェアできれば良いなぁと思います。 なにはともあれ、YouTubeのHTML5を有効にしよう! まず、まずはこれを有効にしておくと、何かと捗るよ!ということで、YouTubeのHTML5を有効にしておきましょう。(モダンブラウザの方のみ
Tweetちょっと前になりますが、なぜ日本のWebデザインはダサいのか?など、Webデザインに対する評価が文化の違いにより異なっている。もしくはまだ日本のWebデザインは知的成熟が未熟である、といったWebデザインに関することが話題となっていました。 なぜ日本のWebデザインはダサいのか? 大きな違いが一つ、日本と海外のWEBについて。 では、海外のWebデザインと日本のWebデザインではどれだけの違いがあるのか? それは日本のサイトだけ、海外のサイトだけ、見ていてもなかなかわかりません。共通するサイトを見ることによって初めて比較が出来る側面もあるはずです。 世界に展開するWebサービスのWebデザインは各国共通なのか? そんな折、先月米ヤフーのトップページがリニューアルされました。(余白を生かして見やすさを重視した、米ヤフーの新しいWebデザイン) 新しい米ヤフーのWebデザインはニュー
このページを最初にブックマークしてみませんか?
『Web風 ~Webデザインを「観る」ブログ~』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く