Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSSと表現に関するtsuki-rsのブックマーク (2)

  • [CSS]パララックス効果をアニメーションで生み出す、次世代のスタイルシート

    スクリプトやフラッシュ無しで、パララックス(視差)効果をアニメーションで生み出すスタイルシートをFofR Onlineから紹介します。 Auto-scrolling Parallax Effect withoutJavaScript demo (work in Safari 4beta,Chrome) デモはCSS 3/WebKitで動作するため、ChromeかSafari 4betaでお楽しみください。 多用・乱用はうるさくなってしまいますが、スタイルシートだけでこういった表現ができるようになるのは面白いですね。

    • ホワイトスペース使ったウェブデザインの考え方

      ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音=見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか? どんなふうに感じましたか? この例では、Bのほうに大きな余白を与えました。 4隅すべて同じぐらい

      ホワイトスペース使ったウェブデザインの考え方
      tsuki-rs
      tsuki-rs2011/09/14非公開
      どういうふうに工夫してすっきりさせるか。
      • 残りのブックマークを読み込んでいます1

      お知らせ

      公式Twitter

      • @HatenaBookmark

        リリース、障害情報などのサービスのお知らせ

      • @hatebu

        最新の人気エントリーの配信

      処理を実行中です

      キーボードショートカット一覧

      j次のブックマーク

      k前のブックマーク

      lあとで読む

      eコメント一覧を開く

      oページを開く

      はてなブックマーク

      公式Twitter

      はてなのサービス

      • App Storeからダウンロード
      • Google Playで手に入れよう
      Copyright © 2005-2025Hatena. All Rights Reserved.
      設定を変更しましたx

      [8]ページ先頭

      ©2009-2025 Movatter.jp