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

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

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    ブラックフライデー

『Jonathan Nicol』

  • 人気
  • 新着
  • すべて
  • Center and crop thumbnails with CSS - Jonathan Nicol

    3 users

    jonathannicol.com

    Here is a handy CSS centering technique I first noticed in the WordPress media library, where it is used to centre and crop irregularly sized thumbnails within a square container. The technique uses CSS3 transforms, so it works in all modern browsers, including IE9 and above. <div class="thumbnail"> <img src="landscape-img.jpg" alt="Image" /> </div> <div class="thumbnail"> <img src="portrait-img.j

    • テクノロジー
    • 2018/02/21 08:41
    • css
    • Automated git deployments from Bitbucket - Jonathan Nicol

      5 users

      jonathannicol.com

      Automated git deployments from Bitbucket Important: Bitbucket have changed how webhooks function, and the technique described in this post will no longer work without modification. One of my readers has created an updated version, and I recommend trying that instead. I no longer use this deployment method and won’t be updating my tutorial or answering comments, but I have left the comment section

      • テクノロジー
      • 2014/09/09 02:55
      • Bitbucket
      • git
      • A jQuery plugin boilerplate - Jonathan Nicol

        3 users

        jonathannicol.com

        A jQuery plugin boilerplate I created this boilerplate for a jQuery plugin I’m working on, and you can use it to kick start your own jQuery plugin development. The features of my boilerplate are: Plugin can be customised using options Setters/Getters for options Private and public methods Callback hooks Plugin instances can be destroyed The boilerplate Here is the bare bones, uncommented boilerpla

        • テクノロジー
        • 2013/08/26 01:20
        • Configuring VirtualHosts in XAMPP on Mac - Jonathan Nicol

          3 users

          jonathannicol.com

          Configuring VirtualHosts in XAMPP on Mac A few weeks back I rejoined the “Cult of Mac” when I replaced my old Asus notebook with a MacBook Pro, and since then I’ve been busy settling into my new OS X workflow. I do all my development locally, so one of the first applications I installed was XAMPP, a cross platform Apache/MySQL/PHP stack. While I know that MAMP is very popular on Mac, I have been u

          • テクノロジー
          • 2013/04/03 12:18
          • サーバ
          • 設定
          • Mac
          • 開発
          • Apple
          • Tips
          • Build a parallax scrolling website interface with jQuery and CSS - Jonathan Nicol

            13 users

            jonathannicol.com

            Build a parallax scrolling website interface with jQuery and CSS Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS. Parallax what? Even if you’re not familiar with the term “parallax scrolling” you will certainly be familiar with the technique. Par

            • テクノロジー
            • 2012/04/17 15:54
            • パララックス
            • parallax
            • jQuery
            • html
            • css
            • The history of aeronautics

              4 users

              jonathannicol.com

              The first clearly recorded instance of a balloon carrying passengers used hot air to generate buoyancy and was built by the brothers Joseph-Michel and Jacques-Etienne Montgolfier in Annonay, France. After experimenting with unmanned balloons and flights with animals, the first tethered balloon flight with humans on board took place on October 15, 1783. André-Jacques Garnerin carried out the first

              • テクノロジー
              • 2012/04/17 15:00
              • jQuery
              • Responsive elements that retain their aspect ratio - Jonathan Nicol

                3 users

                jonathannicol.com

                Responsive elements that retain their aspect ratio Here is a quick tip for creating responsive elements that retain their aspect ratio as they scale. The problem In a fixed width layout it is simple to specify both the width and the height of an element: .rect { width: 800px; height: 400px; } When creating a responsive layout things get trickier, since (to the best of my knowledge) it isn’t possib

                • テクノロジー
                • 2011/10/23 13:11
                • CSS
                • The visual design of Web 2.0 - Jonathan Nicol

                  26 users

                  jonathannicol.com

                  The visual design of Web 2.0 If you didn’t blink, you may have noticed that for a few days recently Wikipedia’s entry for Web 2.0 included a subsection describing the visual elements of Web 2.0. Gradients, colorful icons, reflections, dropshadows, and large text all got a mention. A few days later the “visual elements” addition had been removed after a vote by wikipedians. The objection, I suppose

                  • 暮らし
                  • 2006/11/24 05:08
                  • web2.0
                  • design
                  • webデザイン
                  • web design
                  • lovedesign
                  • webdesign
                  • ui

                  このページはまだ
                  ブックマークされていません

                  このページを最初にブックマークしてみませんか?

                  『Jonathan Nicol』の新着エントリーを見る

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

                  j次のブックマーク

                  k前のブックマーク

                  lあとで読む

                  eコメント一覧を開く

                  oページを開く

                  はてなブックマーク

                  • 総合
                  • 一般
                  • 世の中
                  • 政治と経済
                  • 暮らし
                  • 学び
                  • テクノロジー
                  • エンタメ
                  • アニメとゲーム
                  • おもしろ
                  • アプリ・拡張機能
                  • 開発ブログ
                  • ヘルプ
                  • お問い合わせ
                  • ガイドライン
                  • 利用規約
                  • プライバシーポリシー
                  • 利用者情報の外部送信について
                  • ガイドライン
                  • 利用規約
                  • プライバシーポリシー
                  • 利用者情報の外部送信について

                  公式Twitter

                  • 公式アカウント
                  • ホットエントリー

                  はてなのサービス

                  • はてなブログ
                  • はてなブログPro
                  • 人力検索はてな
                  • はてなブログ タグ
                  • はてなニュース
                  • ソレドコ
                  • App Storeからダウンロード
                  • Google Playで手に入れよう
                  Copyright © 2005-2025 Hatena. All Rights Reserved.
                  設定を変更しましたx