並び順

ブックマーク数

期間指定

  • から
  • まで

561 - 600 件 / 1121件

新着順 人気順

サイズの検索結果561 - 600 件 / 1121件

  • ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」

    ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」を紹介します。 FitText ウェブサイトをPC・スマホ・タブレットなど色々なサイズのディスプレイに対応させるときに便利そうです。 1.サンプル 上記の配布サイト自体がサンプルになっていますが、ためしに作ってみました。 サンプル ブラウザの幅を変更するとタイトルの「FitTextサンプル」の部分が拡大・縮小します。 以下、具体的な設定方法です。 2.FitTextのダウンロード 「FitText」のページにある、「Download on Github」をクリック。 「ZIP」をクリック。これでダウンロードが開始します。 ダウンロードしたアーカイブを展開した中にあるjquery.fittext.jsを任意の位置にアップロードします。 3.FitTextの設定 次のHTMLを拡大・縮小の対象にしてみま

      ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」
    • アートボードのサイズを変更するには(Illustrator CS4) - DTP Transit

      Illustrator CS4でアートボードのサイズを変更するには次の手順で行います。 ドラッグして行う方法 ツールボックスの[アートボードツール]をクリックして選択します(キーボードショートカットはshift+Oキー)。 アートボードがバウンディングボックスのように選択されるので、ハンドルをドラッグしてサイズを変更 選択したオブジェクトにアートボードを合わせる 選択しているオブジェクト、または、ドキュメントのオブジェクト全体に対して、アートボードの大きさを調整することができます。 ツールボックスの[アートボードツール]をクリックして選択 画面上部のコントロールパレットに[アートボード]関連のオプションが表示されるので、プリセットのプルダウンメニューから[アートボードを選択したアートに合わせる]を選択 [アートボードをアートワークのバウンディングボックスに合わせる]を選択すると、すべてのア

        アートボードのサイズを変更するには(Illustrator CS4) - DTP Transit
      • Yahoo!オークション - ファッションサイズガイド -採寸方法

        アネスト岩田 ANEST IWATA エアートランスホーマ RR-AS 2点 セット 両側調整圧力 エアー レギュレーター まとめ売り 箱付 動作確認済み 現在10,000円

          Yahoo!オークション - ファッションサイズガイド -採寸方法
        • 【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ

          ソーシャルメディア(SNS)で画像を投稿することになります。問題なのは、それぞれのソーシャルメディアによって、カバー画像やプロフィール画像、投稿する画像などで推奨されている画像サイズが異なるということです。 FacebookならFacebookの推奨サイズ、TwitterならTwitterの推奨サイズに画像を加工しないと、画像の上下や端が表示されなくて、あまり効果的ではない画像表示になってしまいます。 今回は、それぞれのソーシャルメディア(Facebook,Twitter,YouTube,Instagram、Pinterest)で推奨されいる画像サイズをまとめてみました。

            【推奨の画像サイズまとめ】Facebook,Twitter,Instagram,YouTube,Pinterestで使う画像サイズ
          • imagefill.js | Project Page

            Simple Example Given this html: <div class="container"><img src="myawesomeimage" /></div> Do this: $('.container').imagefill(); // image stretches to fill container Grid Example Given a grid like this: <div class="grid-whole"> <div class="grid-quarter"> <img src="myawesomeimage.jpg"> </div> <div class="grid-quarter"> <img src="myawesomeimage.jpg"> </div> <div class="grid-quarter"> <img src="myawes

            • 仮想ディスク(VDI)のサイズ変更 | VirtualBoxの使い方

              仮想ディスク(VDI)のディスク・サイズを拡大するには以下の条件が必要です。 ファイル形式がVDI または VHD 仮想ディスクが可変サイズ ファイル形式が条件に合わない場合、または仮想ディスクが固定サイズ (Fixed-size storage) の場合は、一旦別ファイルへコピーします。 1. メニューの[ファイル(F)] -> [仮想メディアマネージャー(V)...] で仮想メディアマネージャーを起動する。 2. 該当する仮想ディスクをマウスで選択し、右クリックします。 ポップアップメニューが表示されるので、「コピー(C)...」を選択します。 3. コピー元の仮想ディスクが表示されます。 「次へ(N)」ボタンをマウスでクリックします。 4. 「VDI (VirtualBox Disk Image )」を選択して、「次へ(N)」ボタンをマウスでクリックします。 5. 「可変サイズ(D)

                仮想ディスク(VDI)のサイズ変更 | VirtualBoxの使い方
              • jQuery NailThumb

                Never resize a thumbnail again one line of code for creating thumbnails from high-res images no distortion decide thumbnail dimensions directly from CSS experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develo

                • 【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】 |Applision | iPhone / Androidアプリ情報サイト

                  iOS7に対応したiPhoneアプリ・iPadアプリのアイコンサイズと角丸半径をを一覧で確認できるようにまとめました! iOS7がリリースされて、iPhoneアプリでは114×114だったアイコンサイズが120×120に変更したりとちょっとした微々たる変化が! 一覧でわかりやすく表示しました。 アプリアイコン作成時の参考にどうぞ。また一緒に角丸半径も変更された模様! iOS6とiOS7で角丸半径が違うのでデザインがずれてしまう結果に・・・。当分は、どちらかを優先してデザインするしかなさそうですね・・ iOS7用iPhoneアプリ アイコンサイズ一覧 単位はピクセル ファイル名 (対応OS) 画像サイズ

                    【iOS7対応】iPhoneアプリのアイコンサイズと角丸半径一覧【備忘録】 |Applision | iPhone / Androidアプリ情報サイト
                  • カグサイズ検索|楽天の家具・インテリアをサイズで検索!

                    カグサイズは、家具をサイズ(幅x奥行x高さ)で検索できる、楽天市場・家具カテゴリ専門の検索エンジンです copyright©2011-2015 kagusize project. all rights reserved.

                    • Media Queries for Standard Devices | CSS-Tricks

                      This page lists a ton of different devices and media queries that would specifically target that device. That’s probably not generally a great practice, but it is helpful to know what the dimensions for all these devices are in a CSS context. UGURUS by DigitalOcean for agency owners UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerato

                        Media Queries for Standard Devices | CSS-Tricks
                      • ときどきWEB | スマホやブラウザの画面サイズや向きを取得してやんよ!!!

                        アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。 ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。 画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。 コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含

                          ときどきWEB | スマホやブラウザの画面サイズや向きを取得してやんよ!!!
                        • フォームの入力ボックスを動的にリサイズできるブックマークレット:phpspot開発日誌

                          The Man in Blue > Experiments > FormTextResizer FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to resize. Simple! フォームの入力ボックスを動的にリサイズできるブックマークレット。 サイトを巡回していると、フォームの入力ボックスが小さく

                          • スマートフォンの画面サイズを機種別に一覧できるサイト「Screen Sizes」 | ライフハッカー・ジャパン

                            PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?

                              スマートフォンの画面サイズを機種別に一覧できるサイト「Screen Sizes」 | ライフハッカー・ジャパン
                            • インターネット広告のひみつ - バナー広告 サイズ

                              2.2 バナー広告 もっとも一般的なインターネット広告の種類。バナー広告がインターネット広告と同義の言葉として使用されることも多い。バナーと省略されることもある。小さめのバナーはバッジやタイルと呼ばれることもある。バナー(banner)が横断幕を意味するように,多くのバナー広告は細長い帯状の画像でできている。バナーの露出方法としては,ひとつの広告枠にひとつの広告を貼り付ける方法と,ひとつの広告枠を複数の広告でローテーションさせる方法がある。出稿期間や出稿量が同じであれば,貼り付け型はローテーション型よりもフリークエンシーが高くなり,ローテーション型は貼り付け型よりもリーチが広くなる。 バナー広告の形と大きさは,AAAAとANAにより組織されたCASIE(Coalition for Advertising Supported Information and Entertainment)および

                              • 指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」:phpspot開発日誌

                                Plugins | jQuery Plugins 指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」。 $(element).fontscale('p', 'up', {unit:'px', increment:1}); のように記述するだけで、element 内のフォントサイズが簡単に大きくできます。 upをdownに変えれば縮小させることが出来ます。3番目の引数で、単位と増加量を指定できるので細かな調整が可能。 文字を大きくする、小さくするといった操作を簡単に実装できてしまいます。 拡大・縮小の他にも、リセット機能があるので、大きくしすぎてしまっても安心です。 リセットする場合は、$(element).fontscale("p","reset"); のよう呼び出してあげるだけです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプ

                                • フォントのサイズと行間と一行の文字数の最適な関係を導き出すオンラインツール -Golden Ratio Typography Calculator

                                  テキストの読みやすさを考慮する際、カラーなどでのコントラストはもちろん重要ですが、フォントのサイズと行間、そして一行の文字数の幅も非常に重要なポイントです。 フォントのサイズと幅を元に最適な行間、幅を元に最適なサイズと行間などがチェックできるオンラインツールを紹介します。

                                  • 【実例付き】Photoshop(フォトショ)のスーパー解像度の使い方・注意点| 株式会社LIG

                                    こんにちは、Webデザイナーのまっつーです。 フォトショ(Photoshop)のスーパー解像度の使い方について、実際の画像をお見せしながらわかりやすく紹介していきます。 この記事を読めば「提供された画像の画質が悪い…」「古い写真を使いたいが画質が悪い…」といった悩みが解決できます。 Photoshopのスーパー解像度とは 「スーパー解像度」とは一言でいうと、AIの技術で画像の解像度(画質)を格段にあげることできる機能です。 2021年Adobe Camera Raw v.13.2に追加された新しい機能で、Adobe Senseiという人工知能のAIが細部を自動的に補完し鮮明な画像に処理してくれます。(似ている機能で「ディテールを保持2.0」というものがありますが、期待できる効果は「スーパー解像度」の方が高くなります。) この機能を使うと画像の解像度は縦横それぞれ2倍のサイズになり、全体の解

                                      【実例付き】Photoshop(フォトショ)のスーパー解像度の使い方・注意点| 株式会社LIG
                                    • CSSだけでウィンドウぴったりに表示する編集画面を作る。(CSS おれおれ Advent Calendar 2012 – 23日目) | Ginpen.com

                                      CSS おれおれ Advent Calendar 2012 – 23日目 メールとかブログ記事とかの編集画面みたいなのがあって、それをウィンドウいっぱいに表示するとき、ウィンドウに合わせて縦方向に伸ばすのってどうしてますか? JavaScript使っちゃいます? それCSSで出来るよ! ウェブサービスではあんまりないUIだと思うけど、ウェブアプリ的なものだったらよくあるのでは。 概要 ネタバレ。 height:100%で常に画面の高さに合わせつつ、固定の部分についてはpaddingで隙間を用意します。その際にbox-sizing:border-boxを指定する事で、隙間の部分まで含めた高さを指定出来るようにします。 高さを100%に出来る場合、出来ない場合について知る 昔書いたのでちらと読んでみてください。 CSSでheight:100%を使う方法について。 一言で言うと、上位要素に高さの

                                        CSSだけでウィンドウぴったりに表示する編集画面を作る。(CSS おれおれ Advent Calendar 2012 – 23日目) | Ginpen.com
                                      • 50代以降をターゲットにしたWebサイトのUI事例 | hi-posi Front-End blog

                                        若者向けではなく、主に50代以降をターゲットにしたサイト(スマートフォン向けサイト)のUIの好事例ついてまとめてみました。 ひとくくりに「50代」といってもスマホを使いこないしている方も多いと思うので、以下のような人物像で考えました。 ・50代後半の女性 ・スマホは持っているけど通話、家族とのメールやLINE利用がメイン ・インターネット通販では商品を購入したことがない。 ・お気に入り登録しているサイト以外はあまり見ない ・小さい文字は読みづらい、老眼。 事例1:フォントサイズは大きめ・テキストリンクには下線を フォントサイズは通常よりも大きめにしておくと老眼の方に読みやすくなります。サイトによっては、テキストのサイズを「大・中・小」で切り替える機能がある場合もありますが、そもそもこの切り替えボタンに気づいてもらえない可能性もあるので、サイトのターゲットが50代以降と決まっている

                                          50代以降をターゲットにしたWebサイトのUI事例 | hi-posi Front-End blog
                                        • メディアのサイズを追加する[WordPress]

                                          WordPressのメディアのサイズは3種類ですが、このサイズを追加する方法をご紹介します。function.phpに一行追加するだけという超お手軽な方法です。 まえがき WordPressで画像をアップロードすると、デフォルトの設定だと 「サムネイル(150×150)」 「中サイズ(300×300)」 「大サイズ(1024×1024)」 のサイズで画像が自動的に切り出されます。このサイズをただ変更したい場合は「設定」→「メディア」から編集することができるのですが、サイズが3つだけでは足りない場合、自分の好きなサイズを簡単に追加することが出来ます。 その方法をご紹介します。 function.phpに、追加したいメディアサイズのコードを追記 お使いのテーマのfunction.phpにちょっとコードを追加するだけでカスタムサイズを作成することができます。 add_image_size( $n

                                            メディアのサイズを追加する[WordPress]
                                          • Mozilla Re-Mix: Firefoxのウィンドウサイズ/位置変更がワンタッチでできるアドオン「SmartResize」

                                            Firefoxを利用しているとき、裏に隠れているデスクトップやその他のアプリの確認をしたくなるようなときがあります。 そのようなときは、最小化、または「元のサイズに戻す」ような作業を行うことになりますが、Firefoxを開いたままにしておく必要がある場合や、Firefoxに裏のショートカットなどをドラッグしたい場合は、手動でサイズや位置を調整する必要があります。 たとえば、Firefoxを最小化せずに左にあるデスクトップアイコンを参照したい場合は、Firefoxを手動で小さくし、右側に寄せるなどの作業を行う必要があります。 また、Firefoxでページを確認しながらofficeツールなどでドキュメントを作成するようなときも、同じく調整が必要となります。 このような作業は、一度セットするだけならともかく、途中で表示したいデスクトップの位置などが変わってしまった場合などは、再調整が必要となり、

                                            • SCRUFA4 เว็บแทงบอล ยอดนิยมอันดับหนึ่ง เว็บตรง UFABET ✅✅

                                              UFABET เว็บพนันออนไลน์ อันดับ 1 บริการแบบครบวงจรตลอด 24 ชั่วโมง UFABET เป็น เว็บไซต์พนันออนไลน์ อันดับ 1 ของประเทศไทยและเอเชียที่ได้รับการยกย่องเรื่องการบริการและความมั่นคงทางการเงินอย่างสูง UFABET ฝากถอน ไม่มีขั้นต่ำ เนื่องจากเราใส่ใจคุณภาพในด้านการบริการและประสิทธิภาพของเว็บไซต์อย่างมาก ทำให้มีสมาชิกจำนวนมากให้ความเชื่อถือกับเราและเพิ่มขึ้นอย่างต่อเนื่อง เราเป็น เว็บพนันออนไลน์ ที่บริการรับเดิมพ

                                              • A more robust equal heights library

                                                matchHeight makes the height of all selected elements exactly equal (2014) Modern browsers This library was developed before related functionality became available in the browser. Therefore it's now strongly recommended to use more modern CSS techniques in place of this library. For some alternatives see CSS Flexbox and CSS Grid. Features match the heights for groups of elements automatically use

                                                  A more robust equal heights library
                                                • การถ่ายภาพและการท่องเที่ยว - RESPONSIVE

                                                  This message appears for administrator users only

                                                  • background画像をレスポンシブに対応させる方法

                                                    backgroundで背景設定を作ると思わぬ所でつまづいてしまったので、その解決方法を記事にしてみました。なお今回はcreative memomemoさんの記事を参考にさせて頂いております。 background指定した画像を拡大縮小する方法 背景画像を可変で表示したいだけなのですが、これが曲者でbackground(背景画像)で指定した画像はheight(高さ指定)の基準がないと表示されない欠点があります。ならば指定すればいいのですが高さを設定をするとウィンドウサイズの拡大縮小時に高さ分の余白残りや画像切れをおこします。 高さ設定した場合、画像のように高さの値はそのままなので余白が残ってしまいます。 height:0;でpadding-topで高さ(余白)を設定 高さが与えられないならばどうしたものかと色々探した結果、paddingでの余白空けという発想に辿り着きました。ポイントはhei

                                                      background画像をレスポンシブに対応させる方法
                                                    • Photoshop CC(14.1.2)の「属性」パネルでシェイプのサイズや位置を変更する方法

                                                      Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。 これでWebデザインカンプ制作がやりやすくなる!と思ったのですが… Photoshop CC を 14.1.1 以降にアップデートすると、移動ツールでシェイプを選択しても「属性」パネルでサイズや位置を変更できなくなりました。 今の今まで、てっきりこの挙動はバグだと思っていたのですが、社会人のためのWebデザインスクール の受講生の方が Adobe に電話で問い合わせたところ後日回答をいただき、「そのように仕様が変更された」のだそうです。 そして、「属性パネルによるサイズや角丸の変更は [パス選択ツール/パスコンポーネント選択ツール] から利用できます」とのことだそうです。 つまり、Aキーを押すか、ツールから [パス選択ツール(白矢印)] か [パ

                                                        Photoshop CC(14.1.2)の「属性」パネルでシェイプのサイズや位置を変更する方法
                                                      • “ひな壇番組”の功罪 バラエティ番組はどう変わる? (オリコン) - Yahoo!ニュース

                                                        一時期、バラエティがひな壇に芸人が並ぶスタイルの番組ばかりだったこともあったが、最近はその勢いが衰えてきている。『アメトーーク!』(テレビ朝日系)の成功を機に、制作費を極端に抑えられるため、各局がこぞってフォーマットを模倣してきた。だた、視聴者にも飽きがきたのか、かつての勢いがなくなってきているのが現状だ。 トークバラエティに辟易!? 「コント番組」への渇望 ■次第に淘汰されていったひな壇芸人たち トークバラエティのスタイルとして、いわゆる“ひな壇バラエティ”はすっかり定番となった。複数人のゲストを出演させる時に、ひな壇であればスタジオセットも組みやすいし、大まかなテーマはあるにせよ、司会の仕切りのもと基本的にはフリートークとなる。何よりも“ひな壇芸人”のギャラは高くても3ケタに届くことはないと言われているため、低コストで面白い番組が制作できるというメリットがあるのだ。そんな理由もあって

                                                          “ひな壇番組”の功罪 バラエティ番組はどう変わる? (オリコン) - Yahoo!ニュース
                                                        • Multisize Resizer | 画像を複数サイズに一括リサイズ

                                                          指定サイズリストの設定は、ファイルに保存して再利用することができます。 設定サンプル1 サイズ1:サムネイル画像50×50(全体表示・白背景) サイズ2:詳細画像400以下×300以下(元画像の比率に合わせる・縦長横長維持) 設定サンプル2(Adobe Air Iconサイズ) サイズ1:16×16(全体表示・背景透過PNG) サイズ2:32×32(全体表示・背景透過PNG) サイズ3:48×48(全体表示・背景透過PNG) サイズ4:128×128(全体表示・背景透過PNG) ①画像が縦長の場合に縦横の指定サイズを入れ替える 横長画像の場合と縦長画像の場合で、縦横サイズ指定を入れ替えます。 横長画像・縦長画像が混在していて、横長・縦長をそれぞれ維持したい時に効果的です。 ②リサイズ後の画像ファイル名に文字を追加 リサイズ後のファイル名に指定した文字を追加します。 ③リサイズ画像を指定サイ

                                                            Multisize Resizer | 画像を複数サイズに一括リサイズ
                                                          • TechCrunch | Startup and Technology News

                                                            Apple announced at WWDC 2024 that it’s making its big move into AI with a new technology it calls Apple Intelligence. Apple CEO Tim Cook…

                                                              TechCrunch | Startup and Technology News
                                                            • ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」:phpspot開発日誌

                                                              ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」 2007年02月20日- Devlounge | Custom Reading Containers For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width. ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」。 サンプルを参考にして、次のように、ブロック要素を1フレームのように、ドラッグ&ドロップでリサイズできるようなページを実装できます。 使い方によってはユーザビリティ向上に繋がるはずですね。 リサイズしたサイズをAjaxにてサー

                                                              • コンテナのサイズに合わせて画像をフィットさせるスクリプト・imagefill.js

                                                                コンテナのサイズに合わせて自動的に画像をフィットさせる、というスクリプトのご紹介です。jQueryに依存しています。RWDなんかと相性良さそうですね。 コンテナに合わせてフィットさせる、というもの。似たスクリプトは既存しますので選択肢の一つとして。 サイズに応じて自動でフィットさせます。 ↑ こんな感じ。 $('.foo').imageFill();基本的にはコンテナをセレクタとして指定するだけ。 <div class="foo"> <img src="bar.png"> </div>そのコンテナの中に画像を含めます。楽でいいですね。 ライセンスはMITとGPLのデュアルライセンスとなっています。詳細は以下にて。 imagefill.js

                                                                  コンテナのサイズに合わせて画像をフィットさせるスクリプト・imagefill.js
                                                                • Rectangle - macOSのウィンドウ操作をキーボードで

                                                                  開発者であれば手はキーボードのホームポジションに置き続けるのが効率的なはずです。しかしGUI操作を行う際にはマウスなどを使わざるをえません。ウィンドウの場所や大きさを変える度にマウスに手をやるのは面倒です。 そこで使ってみたいのがRectangleです。キーボードショートカットでウィンドウ操作を行うソフトウェアです。 Rectangleの使い方 起動しました。 キーボードショートカット一覧です。自分で変更も可能です。 こんな感じでウィンドウを画面に寄せたりできます。 設定です。 Rectangleは多彩なショートカットが用意されているので、まずそれを覚えないといけません。一旦覚えてしまえば、素早くウィンドウを移動させられるようになるでしょう。画面の端などにぴたっと寄るので、マウスで移動させるよりも素早く、的確に移動できるはずです。 RectangleはSwift製のオープンソース・ソフトウ

                                                                    Rectangle - macOSのウィンドウ操作をキーボードで
                                                                  • Instagram APIを使用し、タグで絞った画像を一覧表示する方法 | Stronghold Archive

                                                                    どうもこんばんは。今回のtipsは【Instagram APIを使用し、タグで絞った画像を一覧表示する方法】になります。方法に関してはとても便利なプラグインがありましたのでそちらを使用してみます。 実装方法 クライアントIDの取得 まずはクライアントIDが必要になります。コチラより開発者登録をしてください。 コード Potomakのダウンロード JS <script src="jquery.1.X.X.js"></script> <script src="jquery.instagram.js"></script> <script> $(function() { $(".instagram").instagram({ hash: ‘検索対象のタグ(ハッシュ)’, show: 12,//表示件数 clientId: ‘ここにクライアントID’ }); }); </script> HTML <

                                                                    • Ratio Calculator

                                                                      Web Calculator for the aspect ratio.

                                                                      • codelove

                                                                        nyan.codelove.de Nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan nyan. hexclock.codelove.de A colorful clock (js) find3.codelove.de A visual pattern recognition game. Warning: addictive! (js, php) error.codelove.de Need some HTTP-Errors? Now? (caddy) wallpaper.codelove.de A collection of 4K vertical wallpaper for your phone as free download earthporn.codelove.de A visualisation of the top 200 po

                                                                        • Webフォントを使う時はbold時のfont-weightを読み込んだ上で扱う - Qiita

                                                                          はじめに Webフォントは無償のものもあり、気軽に利用できる環境になっています。中でもGoogle Fontsを利用している人も多いのではないでしょうか。私もよく使わせてもらっています。 今年、 コーディングしたものの、デザインと見比べると、boldの太さが異なるといったという事があり、Webフォントを使う時の注意点の1つを残しておこうと思います。 以下では Google Fonts の M PLUS 1p を利用する想定の例を挙げながら説明します。(キャプチャはMacのChrome 78.0.3904.108(Official Build) (64 ビット)で表示したものになります) import時に単一のfont-familyで利用する時の問題 Google Fontsのページを参照して、 M PLUS 1p を利用して選択すると、 @import 'https://fonts.goo

                                                                            Webフォントを使う時はbold時のfont-weightを読み込んだ上で扱う - Qiita
                                                                          • 女性のおっぱいの平均サイズが一目で分かる世界地図 | デジタルマガジン

                                                                            その国の女性のおっぱいの平均サイズが一目で分かる世界地図が作成、公開されています。 その地図がこちら。 World map of Average Breast Cup Size in the World by Country – TargetMap 赤:Dカップ以上 橙:Dカップ 黄:Cカップ 青:Bカップ 緑:Aカップ 海外製なので日本の情報が古いような気がしないでもないですが、我が国や東南アジアは見事にAカップグループに分類されています。チクショウ。 すごいのはロシアや北欧。ドイツやアイスランドはDカップ。ノルウェー、スウェーデン、フィンランド、そしてロシアはDカップ以上だそうです。 ……ちょっと急な用事を思い出したのでロシアまで旅行に行ってきます。 関連記事女性のおっぱいが去年より大きくなっていることが判明 これがロシアだ! ボクらが知らないロシアという国がここにある 放棄され廃墟と

                                                                            • 次世代Android端末の画面サイズを見据えたスマホサイトデザインとブラウザのファーストビュー表示領域 « console.log :) | Don't forget trace :)

                                                                              今回は、現行のiPhoneと現時点での最新Android端末のスペックから、 最適なスマホ向けサイトのデザインサイズを考察します。 スマートフォン向けサイトをデザインする際にデザイナーがまず確認するのが、 想定の画面サイズとファーストビュー領域ではないかと思います。 ※ここでいうデザインには装飾だけではなく、ページ設計の意味も含み、デザイナーにはページの設計者の意味も含みます。 現状は、やはりまだ「iPhoneの画面サイズ」をスタンダードとする人が多いでしょう。 しかし、世界的に見てもAndroidの勢いが強く、さらにハイスペックな端末もドンドン発表されています。 今後発表される次世代の「Android端末の画面サイズ」がデザインのスタンダードになる日も遠くないかもしれません。 本記事の結論をいきなり書きますと ・現状のAndroid端末を基準にする際の想定ファーストビューサイズ

                                                                              • 電球の口金サイズの種類、測り方を徹底解説。電球買いに行く前にチェックすべし!

                                                                                暮らしていて結構面倒だと思うことの一つが、「切れた電球の交換」ではないでしょうか。 特に昔ながらの白熱電球は数ヶ月で切れてしまうので、年間3回か4回くらい交換する必要があります。 電球に詳しい人でしたらコンビニやスーパーで、ささっと買ってくるものかもしれませんが、電球サイズの種類を買いに行く前に確認しない人は結構いると思います。 実は電球にはサイズや色、形でいろいろな種類がありまして、これを間違えて買うと取付出来ない可能性もあります。 今回はみなさんが間違いやすい電球の口金サイズの種類、測り方を徹底解説します。 電球の口金とは 電球の口金(くちがね)とは電球の根本にある金属の部分のことです。 この口金をソケットにねじ込んで電球を取り付けます。 口金には2つの役割があります。 一つ目は取付の役割です。金属部がネジのようになっており、逆さに取り付けても落ちてきません。 二つ目は電気を電球に送る

                                                                                  電球の口金サイズの種類、測り方を徹底解説。電球買いに行く前にチェックすべし!
                                                                                • iPadに漫画を表示〜i文庫HD

                                                                                  本日付で、iTunes AppStoreに日本の書籍に最適化されたiPad用書籍ビューワアプリ、i文庫HDがリリースされました。 実はこのi文庫HDの開発のお手伝いをしていたApple NOIRのDark局長さんに頼まれ、サンプル表示用のデータを提供していました。 Apple NOIR:日本発『i文庫HD』〜驚嘆のiPadアプリとその可能性 これは、『パズルゲーム☆トレジャー』2巻に同時収録された『28℃の扉』という読み切り作品です。ご覧のように、ページをめくったときにちゃんと裏うつりがあって、「本を読んでいる感覚」がとても大事にされているアプリです。 こちらはiPadを横置きにして見開き表示にしたところ。もちろんこの状態でもページをめくるアニメーションが付き、動作もとても軽いと教えていただきました。 実はこの「動作」に関して、さまざまな紆余曲折がありました。漫画の原稿は普通B4版の紙に描

                                                                                    iPadに漫画を表示〜i文庫HD