タグ

2014年10月2日のブックマーク (5件)

  • jQueryでスクロールするとヘッダーを固定させる

    最近よくあるページがスクロールを始めるとヘッダーの位置が固定するjQueryのスクリプトです。 よく使うのでメモがわりに掲載します。 基は簡単なので覚えておけばいろいろ応用できるかと思います。 デモはこちら 仕組みは、<header>の高さ分(デモでは80px)スクロールすると<nav>にfixedクラスが追加されることで固定されます。 header { width: 100%; height: 80px; color: #333; background: #EEE; } nav { width: 100%; color: #FFF; background: #333; } nav.fixed { position: fixed; left: 0; top: 0; } $(function() { //ロード or スクロールされると実行 $(window).on('load scrol

  • [CSS]スクリプト無し、CSSで実装されたパタッと開くアニメーションがかわいいスタイルシートのテクニック

    スクリプト無し、CSSで実装されたパタッと開くアニメーションがかわいいスタイルシートのテクニックを紹介します。 パタッは2種類、↓の一つ目から二つ目を想像してみてください。 Reading Is Fundamental 見事に再現されていますね。 HTML 一つ目に紹介したデモ、半分からパタッとなるHTMLから。 開く時のテキストの区切れはspanで実装します。 <article> <a class="btn-fold-2" href="#"> <span>Don</span><span>ate</span> </a> </article> 二つ目のスライドしてパタッと開くのもHTMLの構造は基的に同じです。 <article> <a class="btn-fold-1" href="#"> <span>Donate</span><span>to RIF</span> </a> </ar

    [CSS]スクリプト無し、CSSで実装されたパタッと開くアニメーションがかわいいスタイルシートのテクニック
  • コンバージョン率が改善された実例から学ぶフラットデザインの効果的な使い方

    一年くらい前は、フラットはただのトレンドでしょ、と言われることもありましたが、この一年で日でも多くのWebサイトで採用されており、一過性のものではなくなりました。これから制作されるサイトの多くでフラットが採用され、またどんどん進化していくことと思います。 そんなフラットの見た目的な美しさだけでなく、実際に改善された事例を元にした効果な使い方を紹介します。 How Flat Design Increases Conversion Rates 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。� 海外のブロガーから日の他ブログでの無断転載や無断翻訳を聞くのでご注意ください。削除依頼しても無視っていうからひどい。 ミニマリズムがコンバージョンレートを261%増やした例 コンテンツファーストとモバイルファースト ボタンのデザインを変えたらコン

    コンバージョン率が改善された実例から学ぶフラットデザインの効果的な使い方
  • 「LibreOffice」と「OpenOffice」--2大オープンソースオフィススイートの違いは

    Jack Wallen (Special to TechRepublic) 翻訳校正: 川村インターナショナル 2014-10-02 06:00 筆者は先日、2大オープンソースオフィススイートの違いについて、複数の読者から質問を受けた。エンドユーザーにとって、これは極めて妥当な疑問だ。それぞれの説明を読んでも、差異はほとんどない。説明を見てみよう。 「LibreOffice」:LibreOfficeはThe Document Foundationが開発を手がける、無料でオープンソースのオフィススイートである。 「Apache OpenOffice」(AOO):AOOはオープンソースのオフィス生産性ソフトウェアスイートである。AOOは「OpenOffice.org」とIBMの「Lotus Symphony」から派生したオフィススイートで、LibreOfficeとは非常に近しい関係にある。 ま

    「LibreOffice」と「OpenOffice」--2大オープンソースオフィススイートの違いは
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!